diff --git a/404.html b/404.html index 28cc0083fd..d990ee2087 100644 --- a/404.html +++ b/404.html @@ -7,8 +7,8 @@ - - + +
Skip to main content

Page Not Found

We could not find what you were looking for.

Please contact the owner of the site that linked you to the original URL and let them know their link is broken.

Hi, how can I help you?

diff --git a/administration/api.html b/administration/api.html index 270b47b6c6..fc87809db3 100644 --- a/administration/api.html +++ b/administration/api.html @@ -7,8 +7,8 @@ - - + +
Skip to main content
diff --git a/administration/chat-widget.html b/administration/chat-widget.html index 3989051262..7a19bf9b5e 100644 --- a/administration/chat-widget.html +++ b/administration/chat-widget.html @@ -7,8 +7,8 @@ - - + +
diff --git a/administration/cli.html b/administration/cli.html index 14d40b737e..63830e3aef 100644 --- a/administration/cli.html +++ b/administration/cli.html @@ -7,8 +7,8 @@ - - + +
diff --git a/administration/collections-projects.html b/administration/collections-projects.html index 0ad0f755da..b7633a343f 100644 --- a/administration/collections-projects.html +++ b/administration/collections-projects.html @@ -7,8 +7,8 @@ - - + +

Collections and Projects

diff --git a/administration/global-env.html b/administration/global-env.html index 20d96c0d1f..db45479b4c 100644 --- a/administration/global-env.html +++ b/administration/global-env.html @@ -7,8 +7,8 @@ - - + +
diff --git a/administration/login.html b/administration/login.html index cd03cde63e..55b8225b28 100644 --- a/administration/login.html +++ b/administration/login.html @@ -7,8 +7,8 @@ - - + +
diff --git a/administration/logs.html b/administration/logs.html index dc4e479062..3336a4e48c 100644 --- a/administration/logs.html +++ b/administration/logs.html @@ -7,8 +7,8 @@ - - + +

Logs

diff --git a/administration/memories.html b/administration/memories.html index 19c6366b85..83a191f50f 100644 --- a/administration/memories.html +++ b/administration/memories.html @@ -7,8 +7,8 @@ - - + +

Chat Memory

diff --git a/administration/playground.html b/administration/playground.html index da158654e5..474db8fd0b 100644 --- a/administration/playground.html +++ b/administration/playground.html @@ -7,8 +7,8 @@ - - + +

Playground

diff --git a/administration/prompt-customization.html b/administration/prompt-customization.html index 740e6ee470..09d9191ec7 100644 --- a/administration/prompt-customization.html +++ b/administration/prompt-customization.html @@ -7,8 +7,8 @@ - - + +

Prompt Customization

diff --git a/administration/settings.html b/administration/settings.html index 8be6e0242e..3c8eafa18d 100644 --- a/administration/settings.html +++ b/administration/settings.html @@ -7,8 +7,8 @@ - - + +

Settings

diff --git a/assets/js/04da809a.88d061fb.js b/assets/js/04da809a.88d061fb.js new file mode 100644 index 0000000000..4a92c33fd9 --- /dev/null +++ b/assets/js/04da809a.88d061fb.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[1968],{4273:(o,e,t)=>{t.r(e),t.d(e,{CH:()=>d,assets:()=>p,chCodeConfig:()=>h,contentTitle:()=>c,default:()=>u,frontMatter:()=>r,metadata:()=>a,toc:()=>i});t(6540);var n=t(4848),l=t(8453),s=t(4754);const r={},c="Kubernetes",a={id:"deployment/kubernetes",title:"Kubernetes",description:"This guide will help you get LangFlow up and running in Kubernetes cluster, including the following steps:",source:"@site/docs/deployment/kubernetes.md",sourceDirName:"deployment",slug:"/deployment/kubernetes",permalink:"/deployment/kubernetes",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"docs",previous:{title:"Backend-only",permalink:"/deployment/backend-only"},next:{title:"Deploy on Google Cloud Platform",permalink:"/deployment/gcp-deployment"}},p={},i=[{value:"LangFlow (IDE)",id:"langflow-ide",level:2},{value:"Prerequisites",id:"prerequisites",level:3},{value:"Step 0. Prepare a Kubernetes cluster",id:"step-0-prepare-a-kubernetes-cluster",level:3},{value:"Step 1. Install the LangFlow Helm chart",id:"step-1-install-the-langflow-helm-chart",level:3},{value:"Step 2. Access LangFlow",id:"step-2-access-langflow",level:3},{value:"LangFlow version",id:"langflow-version",level:3},{value:"Storage",id:"storage",level:3},{value:"Scaling",id:"scaling",level:3},{value:"Deploy on AWS EKS, Google GKE, or Azure AKS and other examples",id:"deploy-on-aws-eks-google-gke-or-azure-aks-and-other-examples",level:3},{value:"LangFlow (Runtime)",id:"langflow-runtime",level:2},{value:"Import a flow",id:"import-a-flow",level:2},{value:"Prerequisites",id:"prerequisites-1",level:3},{value:"Step 0. Prepare a Kubernetes cluster",id:"step-0-prepare-a-kubernetes-cluster-1",level:3},{value:"Step 1. Install the LangFlow runtime Helm chart",id:"step-1-install-the-langflow-runtime-helm-chart",level:3},{value:"Step 2. Access the LangFlow app API",id:"step-2-access-the-langflow-app-api",level:3},{value:"Storage",id:"storage-1",level:3},{value:"Log level and LangFlow configurations",id:"log-level-and-langflow-configurations",level:3},{value:"Configure secrets and variables",id:"configure-secrets-and-variables",level:3},{value:"Scaling",id:"scaling-1",level:3},{value:"Other examples",id:"other-examples",level:3}],d={annotations:s.hk,Code:s.Cy},h={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"};function y(o){const e=Object.assign({h1:"h1",p:"p",ul:"ul",li:"li",a:"a",h2:"h2",h3:"h3",ol:"ol",code:"code",strong:"strong"},(0,l.RP)(),o.components);return d||g("CH",!1),d.Code||g("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n",(0,n.jsx)(e.h1,{id:"kubernetes",children:"Kubernetes"}),"\n",(0,n.jsx)(e.p,{children:"This guide will help you get LangFlow up and running in Kubernetes cluster, including the following steps:"}),"\n",(0,n.jsxs)(e.ul,{children:["\n",(0,n.jsxs)(e.li,{children:["Install ",(0,n.jsx)(e.a,{href:"#langflow-ide",children:"LangFlow as IDE"})," in a Kubernetes cluster (for development)"]}),"\n",(0,n.jsxs)(e.li,{children:["Install ",(0,n.jsx)(e.a,{href:"#langflow-runtime",children:"LangFlow as a standalone application"})," in a Kubernetes cluster (for production runtime workloads)"]}),"\n"]}),"\n",(0,n.jsx)(e.h2,{id:"langflow-ide",children:"LangFlow (IDE)"}),"\n",(0,n.jsx)(e.p,{children:"This solution is designed to provide a complete environment for developers to create, test, and debug their flows. It includes both the API and the UI."}),"\n",(0,n.jsx)(e.h3,{id:"prerequisites",children:"Prerequisites"}),"\n",(0,n.jsxs)(e.ul,{children:["\n",(0,n.jsx)(e.li,{children:"Kubernetes server"}),"\n",(0,n.jsx)(e.li,{children:"kubectl"}),"\n",(0,n.jsx)(e.li,{children:"Helm"}),"\n"]}),"\n",(0,n.jsx)(e.h3,{id:"step-0-prepare-a-kubernetes-cluster",children:"Step 0. Prepare a Kubernetes cluster"}),"\n",(0,n.jsxs)(e.p,{children:["We use ",(0,n.jsx)(e.a,{href:"https://minikube.sigs.k8s.io/docs/start/",children:"Minikube"})," for this example, but you can use any Kubernetes cluster."]}),"\n",(0,n.jsxs)(e.ol,{children:["\n",(0,n.jsxs)(e.li,{children:["Create a Kubernetes cluster on Minikube.","\n",(0,n.jsx)(d.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"minikube ",props:{style:{color:"#FFA657"}}},{content:"start",props:{style:{color:"#A5D6FF"}}}]}],lang:"shell"},annotations:[]}]}),"\n"]}),"\n",(0,n.jsxs)(e.li,{children:["Set ",(0,n.jsx)(e.code,{children:"kubectl"})," to use Minikube.","\n",(0,n.jsx)(d.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"kubectl ",props:{style:{color:"#FFA657"}}},{content:"config use-context minikube",props:{style:{color:"#A5D6FF"}}}]}],lang:"shell"},annotations:[]}]}),"\n"]}),"\n"]}),"\n",(0,n.jsx)(e.h3,{id:"step-1-install-the-langflow-helm-chart",children:"Step 1. Install the LangFlow Helm chart"}),"\n",(0,n.jsxs)(e.ol,{children:["\n",(0,n.jsxs)(e.li,{children:["Add the repository to Helm.","\n",(0,n.jsx)(d.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"helm ",props:{style:{color:"#FFA657"}}},{content:"repo add langflow https://langflow-ai.github.io/langflow-helm-charts",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"helm ",props:{style:{color:"#FFA657"}}},{content:"repo update",props:{style:{color:"#A5D6FF"}}}]}],lang:"shell"},annotations:[]}]}),"\n"]}),"\n",(0,n.jsxs)(e.li,{children:["Install LangFlow with the default options in the ",(0,n.jsx)(e.code,{children:"langflow"})," namespace.","\n",(0,n.jsx)(d.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"helm ",props:{style:{color:"#FFA657"}}},{content:"install langflow-ide langflow/langflow-ide ",props:{style:{color:"#A5D6FF"}}},{content:"-n ",props:{style:{color:"#79C0FF"}}},{content:"langflow ",props:{style:{color:"#A5D6FF"}}},{content:"--create-namespace",props:{style:{color:"#79C0FF"}}}]}],lang:"shell"},annotations:[]}]}),"\n"]}),"\n",(0,n.jsxs)(e.li,{children:["Check the status of the pods","\n",(0,n.jsx)(d.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"kubectl ",props:{style:{color:"#FFA657"}}},{content:"get pods ",props:{style:{color:"#A5D6FF"}}},{content:"-n ",props:{style:{color:"#79C0FF"}}},{content:"langflow",props:{style:{color:"#A5D6FF"}}}]}],lang:"shell"},annotations:[]}]}),"\n",(0,n.jsx)(d.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"NAME READY STATUS RESTARTS AGE",props:{}}]},{tokens:[{content:"langflow-0 1/1 Running 0 33s",props:{}}]},{tokens:[{content:"langflow-frontend-5d9c558dbb-g7tc9 1/1 Running 0 38s",props:{}}]}],lang:"text"},annotations:[]}]}),"\n"]}),"\n"]}),"\n",(0,n.jsx)(e.h3,{id:"step-2-access-langflow",children:"Step 2. Access LangFlow"}),"\n",(0,n.jsx)(e.p,{children:"Enable local port forwarding to access LangFlow from your local machine."}),"\n",(0,n.jsx)(d.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"kubectl ",props:{style:{color:"#FFA657"}}},{content:"port-forward ",props:{style:{color:"#A5D6FF"}}},{content:"-n ",props:{style:{color:"#79C0FF"}}},{content:"langflow svc/langflow-langflow-runtime 7860:",props:{style:{color:"#A5D6FF"}}},{content:"7860",props:{style:{color:"#79C0FF"}}}]}],lang:"shell"},annotations:[]}]}),"\n",(0,n.jsxs)(e.p,{children:["Now you can access LangFlow at ",(0,n.jsx)(e.a,{href:"http://localhost:7860/",children:"http://localhost:7860/"}),"."]}),"\n",(0,n.jsx)(e.h3,{id:"langflow-version",children:"LangFlow version"}),"\n",(0,n.jsxs)(e.p,{children:["To specify a different LangFlow version, you can set the ",(0,n.jsx)(e.code,{children:"langflow.backend.image.tag"})," and ",(0,n.jsx)(e.code,{children:"langflow.frontend.image.tag"})," values in the ",(0,n.jsx)(e.code,{children:"values.yaml"})," file."]}),"\n",(0,n.jsx)(d.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"langflow",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" backend",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" image",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" tag",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"1.0.0a59"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" frontend",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" image",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" tag",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"1.0.0a59"',props:{style:{color:"#A5D6FF"}}}]}],lang:"yaml"},annotations:[]}]}),"\n",(0,n.jsx)(e.h3,{id:"storage",children:"Storage"}),"\n",(0,n.jsxs)(e.p,{children:["By default, the chart will use a SQLLite database stored in a local persistent disk.\nIf you want to use an external PostgreSQL database, you can set the ",(0,n.jsx)(e.code,{children:"langflow.database"})," values in the ",(0,n.jsx)(e.code,{children:"values.yaml"})," file."]}),"\n",(0,n.jsx)(d.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"# Deploy postgresql. You can skip this section if you have an existing postgresql database.",props:{style:{color:"#8B949E"}}}]},{tokens:[{content:"postgresql",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" enabled",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"true",props:{style:{color:"#79C0FF"}}}]},{tokens:[{content:" fullnameOverride",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"langflow-ide-postgresql-service"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" auth",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" username",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"langflow"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" password",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"langflow-postgres"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" database",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"langflow-db"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"langflow",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" backend",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" externalDatabase",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" enabled",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"true",props:{style:{color:"#79C0FF"}}}]},{tokens:[{content:" driver",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" value",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"postgresql"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" host",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" value",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"langflow-ide-postgresql-service"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" port",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" value",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"5432"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" database",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" value",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"langflow-db"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" user",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" value",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"langflow"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" password",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" valueFrom",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" secretKeyRef",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" key",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"password"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" name",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"langflow-ide-postgresql-service"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" sqlite",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" enabled",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"false",props:{style:{color:"#79C0FF"}}}]}],lang:"yaml"},annotations:[]}]}),"\n",(0,n.jsx)(e.h3,{id:"scaling",children:"Scaling"}),"\n",(0,n.jsxs)(e.p,{children:["You can scale the number of replicas for the LangFlow backend and frontend services by changing the ",(0,n.jsx)(e.code,{children:"replicaCount"})," value in the ",(0,n.jsx)(e.code,{children:"values.yaml"})," file."]}),"\n",(0,n.jsx)(d.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"langflow",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" backend",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" replicaCount",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"3",props:{style:{color:"#79C0FF"}}}]},{tokens:[{content:" frontend",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" replicaCount",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"3",props:{style:{color:"#79C0FF"}}}]}],lang:"yaml"},annotations:[]}]}),"\n",(0,n.jsx)(e.p,{children:"You can scale frontend and backend services independently."}),"\n",(0,n.jsxs)(e.p,{children:["To scale vertically (increase the resources for the pods), you can set the ",(0,n.jsx)(e.code,{children:"resources"})," values in the ",(0,n.jsx)(e.code,{children:"values.yaml"})," file."]}),"\n",(0,n.jsx)(d.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"langflow",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" backend",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" resources",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" requests",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" memory",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"2Gi"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" cpu",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"1000m"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" frontend",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" resources",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" requests",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" memory",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"1Gi"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" cpu",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"1000m"',props:{style:{color:"#A5D6FF"}}}]}],lang:"yaml"},annotations:[]}]}),"\n",(0,n.jsx)(e.h3,{id:"deploy-on-aws-eks-google-gke-or-azure-aks-and-other-examples",children:"Deploy on AWS EKS, Google GKE, or Azure AKS and other examples"}),"\n",(0,n.jsxs)(e.p,{children:["Visit the ",(0,n.jsx)(e.a,{href:"https://github.com/langflow-ai/langflow-helm-charts",children:"LangFlow Helm Charts repository"})," for more examples and configurations."]}),"\n",(0,n.jsxs)(e.p,{children:["Use the ",(0,n.jsx)(e.a,{href:"https://github.com/langflow-ai/langflow-helm-charts/blob/main/charts/langflow-ide/values.yaml",children:"default values file"})," as reference for all the options available."]}),"\n",(0,n.jsxs)(e.p,{children:["Visit the ",(0,n.jsx)(e.a,{href:"https://github.com/langflow-ai/langflow-helm-charts/tree/main/examples/langflow-ide",children:"examples directory"})," to learn more about different deployment options."]}),"\n",(0,n.jsx)(e.h2,{id:"langflow-runtime",children:"LangFlow (Runtime)"}),"\n",(0,n.jsx)(e.p,{children:"The runtime chart is tailored for deploying applications in a production environment. It is focused on stability, performance, isolation and security to ensure that applications run reliably and efficiently."}),"\n",(0,n.jsx)(e.p,{children:"Using a dedicated deployment for a set of flows is fundamental in production environments in order to have a granular resource control."}),"\n",(0,n.jsx)(e.h2,{id:"import-a-flow",children:"Import a flow"}),"\n",(0,n.jsx)(e.p,{children:"There are two ways to import a flow (or multiple flows) and deploy it with the LangFlow runtime Helm chart:"}),"\n",(0,n.jsxs)(e.ol,{children:["\n",(0,n.jsxs)(e.li,{children:["\n",(0,n.jsxs)(e.p,{children:[(0,n.jsx)(e.strong,{children:"From a remote location"}),": You can reference a flow stored in a remote location, such as a URL or a Git repository by customizing the ",(0,n.jsx)(e.code,{children:"values.yaml"})," file in the section ",(0,n.jsx)(e.code,{children:"downloadFlows"}),":"]}),"\n",(0,n.jsx)(d.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"downloadFlows",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" flows",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" - ",props:{style:{color:"#C9D1D9"}}},{content:"url",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"https://raw.githubusercontent.com/langflow-ai/langflow/dev/src/backend/base/langflow/initial_setup/starter_projects/Basic%20Prompting%20(Hello%2C%20world!).json",props:{style:{color:"#A5D6FF"}}}]}],lang:"yaml"},annotations:[]}]}),"\n",(0,n.jsxs)(e.p,{children:["When the LangFlow runtime starts, it will download the flow from the specified URL and run it.\nThe flow UUID to use to call the API endpoints is the same as the one in the JSON file under the ",(0,n.jsx)(e.code,{children:"id"})," field.\nYou can also specify a ",(0,n.jsx)(e.code,{children:"endpoint_name"})," field to give a friendly name to the flow."]}),"\n"]}),"\n",(0,n.jsxs)(e.li,{children:["\n",(0,n.jsxs)(e.p,{children:[(0,n.jsx)(e.strong,{children:"Packaging the flow as docker image"}),": You can add a flow from to a docker image based on Langflow runtime and refer to it in the chart."]}),"\n",(0,n.jsx)(e.p,{children:"First you need a base Dockerfile to get the langflow image and add your local flows:"}),"\n",(0,n.jsx)(d.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:" FROM langflowai/langflow-backend:latest",props:{}}]},{tokens:[{content:" RUN mkdir /app/flows",props:{}}]},{tokens:[{content:" COPY ./*json /app/flows/.",props:{}}]}],lang:"text"},annotations:[]}]}),"\n",(0,n.jsx)(e.p,{children:"Then you can build the image and push it to DockerHub (or any registry you prefer):"}),"\n",(0,n.jsx)(d.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"# Create the Dockerfile",props:{style:{color:"#8B949E"}}}]},{tokens:[{content:"echo ",props:{style:{color:"#79C0FF"}}},{content:'"""FROM langflowai/langflow-backend:latest',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"RUN mkdir /app/flows",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"ENV LANGFLOW_LOAD_FLOWS_PATH=/app/flows",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:'COPY ./*json /app/flows/.""" ',props:{style:{color:"#A5D6FF"}}},{content:"> ",props:{style:{color:"#FF7B72"}}},{content:"Dockerfile",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"# Download the flows",props:{style:{color:"#8B949E"}}}]},{tokens:[{content:"wget ",props:{style:{color:"#FFA657"}}},{content:"https://raw.githubusercontent.com/langflow-ai/langflow/dev/src/backend/base/langflow/initial_setup/starter_projects/Basic%20Prompting%",props:{style:{color:"#A5D6FF"}}},{content:"20",props:{style:{color:"#79C0FF"}}},{content:"(",props:{style:{color:"#C9D1D9"}}},{content:"Hello%2C%20world!",props:{style:{color:"#FFA657"}}},{content:")",props:{style:{color:"#C9D1D9"}}},{content:".json",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"# Build the docker image locally",props:{style:{color:"#8B949E"}}}]},{tokens:[{content:"docker ",props:{style:{color:"#FFA657"}}},{content:"build ",props:{style:{color:"#A5D6FF"}}},{content:"-t ",props:{style:{color:"#79C0FF"}}},{content:"myuser/langflow-just-chat:",props:{style:{color:"#A5D6FF"}}},{content:"1.0.0 -f ",props:{style:{color:"#79C0FF"}}},{content:"Dockerfile .",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"# Push the image to DockerHub",props:{style:{color:"#8B949E"}}}]},{tokens:[{content:"docker ",props:{style:{color:"#FFA657"}}},{content:"push myuser/langflow-just-chat:",props:{style:{color:"#A5D6FF"}}},{content:"1.0.0",props:{style:{color:"#79C0FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n"]}),"\n"]}),"\n",(0,n.jsx)(e.h3,{id:"prerequisites-1",children:"Prerequisites"}),"\n",(0,n.jsxs)(e.ul,{children:["\n",(0,n.jsx)(e.li,{children:"Kubernetes server"}),"\n",(0,n.jsx)(e.li,{children:"kubectl"}),"\n",(0,n.jsx)(e.li,{children:"Helm"}),"\n"]}),"\n",(0,n.jsx)(e.h3,{id:"step-0-prepare-a-kubernetes-cluster-1",children:"Step 0. Prepare a Kubernetes cluster"}),"\n",(0,n.jsx)(e.p,{children:"Follow the same steps as for the LangFlow IDE."}),"\n",(0,n.jsx)(e.h3,{id:"step-1-install-the-langflow-runtime-helm-chart",children:"Step 1. Install the LangFlow runtime Helm chart"}),"\n",(0,n.jsxs)(e.ol,{children:["\n",(0,n.jsxs)(e.li,{children:["Add the repository to Helm.","\n",(0,n.jsx)(d.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"helm ",props:{style:{color:"#FFA657"}}},{content:"repo add langflow https://langflow-ai.github.io/langflow-helm-charts",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"helm ",props:{style:{color:"#FFA657"}}},{content:"repo update",props:{style:{color:"#A5D6FF"}}}]}],lang:"shell"},annotations:[]}]}),"\n"]}),"\n",(0,n.jsxs)(e.li,{children:["Install the LangFlow app with the default options in the ",(0,n.jsx)(e.code,{children:"langflow"})," namespace.\nIf you bundled the flow in a docker image, you can specify the image name in the ",(0,n.jsx)(e.code,{children:"values.yaml"})," file or with the ",(0,n.jsx)(e.code,{children:"--set"})," flag:","\n",(0,n.jsx)(d.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"helm ",props:{style:{color:"#FFA657"}}},{content:"install my-langflow-app langflow/langflow-runtime ",props:{style:{color:"#A5D6FF"}}},{content:"-n ",props:{style:{color:"#79C0FF"}}},{content:"langflow ",props:{style:{color:"#A5D6FF"}}},{content:"--create-namespace --set ",props:{style:{color:"#79C0FF"}}},{content:"image.repository=myuser/langflow-just-chat ",props:{style:{color:"#A5D6FF"}}},{content:"--set ",props:{style:{color:"#79C0FF"}}},{content:"image.tag=",props:{style:{color:"#A5D6FF"}}},{content:"1.0.0",props:{style:{color:"#79C0FF"}}}]}],lang:"shell"},annotations:[]}]}),"\n","If you want to download the flow from a remote location, you can specify the URL in the ",(0,n.jsx)(e.code,{children:"values.yaml"})," file or with the ",(0,n.jsx)(e.code,{children:"--set"})," flag:","\n",(0,n.jsx)(d.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"helm ",props:{style:{color:"#FFA657"}}},{content:"install my-langflow-app langflow/langflow-runtime ",props:{style:{color:"#A5D6FF"}}},{content:"-n ",props:{style:{color:"#79C0FF"}}},{content:"langflow ",props:{style:{color:"#A5D6FF"}}},{content:"--create-namespace --set ",props:{style:{color:"#79C0FF"}}},{content:"downloadFlows.flows[0].url=https://raw.githubusercontent.com/langflow-ai/langflow/dev/src/backend/base/langflow/initial_setup/starter_projects/Basic%20Prompting%",props:{style:{color:"#A5D6FF"}}},{content:"20",props:{style:{color:"#79C0FF"}}},{content:"(",props:{style:{color:"#C9D1D9"}}},{content:"Hello%2C%20world!",props:{style:{color:"#FFA657"}}},{content:")",props:{style:{color:"#C9D1D9"}}},{content:".json",props:{style:{color:"#A5D6FF"}}}]}],lang:"shell"},annotations:[]}]}),"\n",(0,n.jsxs)(e.ol,{start:"3",children:["\n",(0,n.jsx)(e.li,{children:"Check the status of the pods"}),"\n"]}),"\n",(0,n.jsx)(d.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"kubectl ",props:{style:{color:"#FFA657"}}},{content:"get pods ",props:{style:{color:"#A5D6FF"}}},{content:"-n ",props:{style:{color:"#79C0FF"}}},{content:"langflow",props:{style:{color:"#A5D6FF"}}}]}],lang:"shell"},annotations:[]}]}),"\n"]}),"\n"]}),"\n",(0,n.jsx)(e.h3,{id:"step-2-access-the-langflow-app-api",children:"Step 2. Access the LangFlow app API"}),"\n",(0,n.jsx)(e.p,{children:"Enable local port forwarding to access LangFlow from your local machine."}),"\n",(0,n.jsx)(d.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"kubectl ",props:{style:{color:"#FFA657"}}},{content:"port-forward ",props:{style:{color:"#A5D6FF"}}},{content:"-n ",props:{style:{color:"#79C0FF"}}},{content:"langflow svc/langflow-my-langflow-app 7860:",props:{style:{color:"#A5D6FF"}}},{content:"7860",props:{style:{color:"#79C0FF"}}}]}],lang:"shell"},annotations:[]}]}),"\n",(0,n.jsxs)(e.p,{children:["Now you can access the API at ",(0,n.jsx)(e.a,{href:"http://localhost:7860/api/v1/flows",children:"http://localhost:7860/api/v1/flows"})," and execute the flow:"]}),"\n",(0,n.jsx)(d.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"id",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"$(",props:{style:{color:"#A5D6FF"}}},{content:"curl ",props:{style:{color:"#FFA657"}}},{content:"-s",props:{style:{color:"#79C0FF"}}},{content:" http://localhost:7860/api/v1/flows ",props:{style:{color:"#A5D6FF"}}},{content:"| ",props:{style:{color:"#FF7B72"}}},{content:"jq ",props:{style:{color:"#FFA657"}}},{content:"-r",props:{style:{color:"#79C0FF"}}},{content:" '.flows[0].id')",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"curl ",props:{style:{color:"#FFA657"}}},{content:"-X ",props:{style:{color:"#79C0FF"}}},{content:"POST ",props:{style:{color:"#A5D6FF"}}},{content:"\\",props:{style:{color:"#79C0FF"}}}]},{tokens:[{content:' "http://localhost:7860/api/v1/run/',props:{style:{color:"#A5D6FF"}}},{content:"$id",props:{style:{color:"#C9D1D9"}}},{content:'?stream=false" ',props:{style:{color:"#A5D6FF"}}},{content:"\\",props:{style:{color:"#79C0FF"}}}]},{tokens:[{content:" -H ",props:{style:{color:"#79C0FF"}}},{content:"'Content-Type: application/json'",props:{style:{color:"#A5D6FF"}}},{content:"\\",props:{style:{color:"#79C0FF"}}}]},{tokens:[{content:" -d ",props:{style:{color:"#79C0FF"}}},{content:"'{",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:' "input_value": "Hello!",',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:' "output_type": "chat",',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:' "input_type": "chat"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" }'",props:{style:{color:"#A5D6FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,n.jsx)(e.h3,{id:"storage-1",children:"Storage"}),"\n",(0,n.jsx)(e.p,{children:"In this case, the storage is not needed as our deployment is stateless."}),"\n",(0,n.jsx)(e.h3,{id:"log-level-and-langflow-configurations",children:"Log level and LangFlow configurations"}),"\n",(0,n.jsxs)(e.p,{children:["You can set the log level and other LangFlow configurations in the ",(0,n.jsx)(e.code,{children:"values.yaml"})," file."]}),"\n",(0,n.jsx)(d.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"env",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" - ",props:{style:{color:"#C9D1D9"}}},{content:"name",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"LANGFLOW_LOG_LEVEL",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" value",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"INFO"',props:{style:{color:"#A5D6FF"}}}]}],lang:"yaml"},annotations:[]}]}),"\n",(0,n.jsx)(e.h3,{id:"configure-secrets-and-variables",children:"Configure secrets and variables"}),"\n",(0,n.jsxs)(e.p,{children:["In order to inject secrets and LangFlow global variables, you can use the ",(0,n.jsx)(e.code,{children:"secrets"})," and ",(0,n.jsx)(e.code,{children:"env"})," sections in the ",(0,n.jsx)(e.code,{children:"values.yaml"})," file."]}),"\n",(0,n.jsxs)(e.p,{children:["Let's say your flow uses a global variable which is a secret; when you export the flow as JSON, it's recommended to not include it.\nWhen importing the flow in the LangFlow runtime, you can set the global variable using the ",(0,n.jsx)(e.code,{children:"env"})," section in the ",(0,n.jsx)(e.code,{children:"values.yaml"})," file.\nAssuming you have a global variable called ",(0,n.jsx)(e.code,{children:"openai_key_var"}),", you can read it directly from a secret:"]}),"\n",(0,n.jsx)(d.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"env",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" - ",props:{style:{color:"#C9D1D9"}}},{content:"name",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"openai_key_var",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" valueFrom",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" secretKeyRef",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" name",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"openai-key",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" key",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"openai-key",props:{style:{color:"#A5D6FF"}}}]}],lang:"yaml"},annotations:[]}]}),"\n",(0,n.jsx)(e.p,{children:"or directly from the values file (not recommended for secret values!):"}),"\n",(0,n.jsx)(d.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"env",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" - ",props:{style:{color:"#C9D1D9"}}},{content:"name",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"openai_key_var",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" value",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"sk-...."',props:{style:{color:"#A5D6FF"}}}]}],lang:"yaml"},annotations:[]}]}),"\n",(0,n.jsx)(e.h3,{id:"scaling-1",children:"Scaling"}),"\n",(0,n.jsxs)(e.p,{children:["You can scale the number of replicas for the LangFlow app by changing the ",(0,n.jsx)(e.code,{children:"replicaCount"})," value in the ",(0,n.jsx)(e.code,{children:"values.yaml"})," file."]}),"\n",(0,n.jsx)(d.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"replicaCount",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"3",props:{style:{color:"#79C0FF"}}}]}],lang:"yaml"},annotations:[]}]}),"\n",(0,n.jsxs)(e.p,{children:["To scale vertically (increase the resources for the pods), you can set the ",(0,n.jsx)(e.code,{children:"resources"})," values in the ",(0,n.jsx)(e.code,{children:"values.yaml"})," file."]}),"\n",(0,n.jsx)(d.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"resources",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" requests",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" memory",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"2Gi"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" cpu",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"1000m"',props:{style:{color:"#A5D6FF"}}}]}],lang:"yaml"},annotations:[]}]}),"\n",(0,n.jsx)(e.h3,{id:"other-examples",children:"Other examples"}),"\n",(0,n.jsxs)(e.p,{children:["Visit the ",(0,n.jsx)(e.a,{href:"https://github.com/langflow-ai/langflow-helm-charts",children:"LangFlow Helm Charts repository"})," for more examples and configurations."]}),"\n",(0,n.jsxs)(e.p,{children:["Use the ",(0,n.jsx)(e.a,{href:"https://github.com/langflow-ai/langflow-helm-charts/blob/main/charts/langflow-runtime/values.yaml",children:"default values file"})," as reference for all the options available."]}),"\n",(0,n.jsxs)(e.p,{children:["Visit the ",(0,n.jsx)(e.a,{href:"https://github.com/langflow-ai/langflow-helm-charts/tree/main/examples/langflow-runtime",children:"examples directory"})," to learn more about different deployment options."]})]})}const u=function(o={}){const{wrapper:e}=Object.assign({},(0,l.RP)(),o.components);return e?(0,n.jsx)(e,Object.assign({},o,{children:(0,n.jsx)(y,o)})):y(o)};function g(o,e){throw new Error("Expected "+(e?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/assets/js/0b76dbbf.092ef555.js b/assets/js/0b76dbbf.092ef555.js new file mode 100644 index 0000000000..1e4a5a982a --- /dev/null +++ b/assets/js/0b76dbbf.092ef555.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[448],{7293:(e,t,n)=>{n.d(t,{A:()=>B});var o=n(6540),i=n(4848);function a(e){const{mdxAdmonitionTitle:t,rest:n}=function(e){const t=o.Children.toArray(e),n=t.find((e=>o.isValidElement(e)&&"mdxAdmonitionTitle"===e.type)),a=t.filter((e=>e!==n)),s=n?.props.children;return{mdxAdmonitionTitle:s,rest:a.length>0?(0,i.jsx)(i.Fragment,{children:a}):null}}(e.children),a=e.title??t;return{...e,...a&&{title:a},children:n}}var s=n(8215),c=n(1312),r=n(7559);const d={admonition:"admonition_xJq3",admonitionHeading:"admonitionHeading_Gvgb",admonitionIcon:"admonitionIcon_Rf37",admonitionContent:"admonitionContent_BuS1"};function l(e){let{type:t,className:n,children:o}=e;return(0,i.jsx)("div",{className:(0,s.A)(r.G.common.admonition,r.G.common.admonitionType(t),d.admonition,n),children:o})}function h(e){let{icon:t,title:n}=e;return(0,i.jsxs)("div",{className:d.admonitionHeading,children:[(0,i.jsx)("span",{className:d.admonitionIcon,children:t}),n]})}function u(e){let{children:t}=e;return t?(0,i.jsx)("div",{className:d.admonitionContent,children:t}):null}function p(e){const{type:t,icon:n,title:o,children:a,className:s}=e;return(0,i.jsxs)(l,{type:t,className:s,children:[o||n?(0,i.jsx)(h,{title:o,icon:n}):null,(0,i.jsx)(u,{children:a})]})}function m(e){return(0,i.jsx)("svg",{viewBox:"0 0 14 16",...e,children:(0,i.jsx)("path",{fillRule:"evenodd",d:"M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"})})}const x={icon:(0,i.jsx)(m,{}),title:(0,i.jsx)(c.A,{id:"theme.admonition.note",description:"The default label used for the Note admonition (:::note)",children:"note"})};function f(e){return(0,i.jsx)(p,{...x,...e,className:(0,s.A)("alert alert--secondary",e.className),children:e.children})}function g(e){return(0,i.jsx)("svg",{viewBox:"0 0 12 16",...e,children:(0,i.jsx)("path",{fillRule:"evenodd",d:"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"})})}const j={icon:(0,i.jsx)(g,{}),title:(0,i.jsx)(c.A,{id:"theme.admonition.tip",description:"The default label used for the Tip admonition (:::tip)",children:"tip"})};function v(e){return(0,i.jsx)(p,{...j,...e,className:(0,s.A)("alert alert--success",e.className),children:e.children})}function y(e){return(0,i.jsx)("svg",{viewBox:"0 0 14 16",...e,children:(0,i.jsx)("path",{fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"})})}const w={icon:(0,i.jsx)(y,{}),title:(0,i.jsx)(c.A,{id:"theme.admonition.info",description:"The default label used for the Info admonition (:::info)",children:"info"})};function D(e){return(0,i.jsx)(p,{...w,...e,className:(0,s.A)("alert alert--info",e.className),children:e.children})}function k(e){return(0,i.jsx)("svg",{viewBox:"0 0 16 16",...e,children:(0,i.jsx)("path",{fillRule:"evenodd",d:"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"})})}const b={icon:(0,i.jsx)(k,{}),title:(0,i.jsx)(c.A,{id:"theme.admonition.warning",description:"The default label used for the Warning admonition (:::warning)",children:"warning"})};function C(e){return(0,i.jsx)("svg",{viewBox:"0 0 12 16",...e,children:(0,i.jsx)("path",{fillRule:"evenodd",d:"M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"})})}const T={icon:(0,i.jsx)(C,{}),title:(0,i.jsx)(c.A,{id:"theme.admonition.danger",description:"The default label used for the Danger admonition (:::danger)",children:"danger"})};const A={icon:(0,i.jsx)(k,{}),title:(0,i.jsx)(c.A,{id:"theme.admonition.caution",description:"The default label used for the Caution admonition (:::caution)",children:"caution"})};const N={...{note:f,tip:v,info:D,warning:function(e){return(0,i.jsx)(p,{...b,...e,className:(0,s.A)("alert alert--warning",e.className),children:e.children})},danger:function(e){return(0,i.jsx)(p,{...T,...e,className:(0,s.A)("alert alert--danger",e.className),children:e.children})}},...{secondary:e=>(0,i.jsx)(f,{title:"secondary",...e}),important:e=>(0,i.jsx)(D,{title:"important",...e}),success:e=>(0,i.jsx)(v,{title:"success",...e}),caution:function(e){return(0,i.jsx)(p,{...A,...e,className:(0,s.A)("alert alert--warning",e.className),children:e.children})}}};var H=n(6763);function B(e){const t=a(e),n=(o=t.type,N[o]||(H.warn(`No admonition component found for admonition type "${o}". Using Info as fallback.`),N.info));var o;return(0,i.jsx)(n,{...t})}},4871:(e,t,n)=>{n.r(t),n.d(t,{CH:()=>h,assets:()=>l,chCodeConfig:()=>u,contentTitle:()=>r,default:()=>x,frontMatter:()=>c,metadata:()=>d,toc:()=>p});n(6540);var o=n(4848),i=n(8453),a=n(4754),s=n(7293);const c={},r="Text and Data",d={id:"components/text-and-record",title:"Text and Data",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/components/text-and-record.mdx",sourceDirName:"components",slug:"/components/text-and-record",permalink:"/components/text-and-record",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"docs",previous:{title:"Inputs and Outputs",permalink:"/components/inputs-and-outputs"},next:{title:"Data",permalink:"/components/data"}},l={},h={annotations:a.hk,Code:a.Cy,InlineCode:a.R0},u={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},p=[{value:"Data To Text",id:"data-to-text",level:2},{value:"Create Data",id:"create-data",level:2},{value:"Documents To Data",id:"documents-to-data",level:2},{value:"Why is this useful?",id:"why-is-this-useful",level:2},{value:"What's next?",id:"whats-next",level:2}];function m(e){const t=Object.assign({h1:"h1",p:"p",code:"code",h2:"h2"},(0,i.RP)(),e.components);return h||f("CH",!1),h.Code||f("CH.Code",!0),h.InlineCode||f("CH.InlineCode",!0),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n","\n","\n",(0,o.jsx)(t.h1,{id:"text-and-data",children:"Text and Data"}),"\n",(0,o.jsx)(s.A,{type:"warning",title:"warning",children:(0,o.jsx)(t.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,o.jsxs)(t.p,{children:["There are two main input and output types: ",(0,o.jsx)(t.code,{children:"Text"})," and ",(0,o.jsx)(t.code,{children:"Data"}),"."]}),"\n",(0,o.jsxs)(t.p,{children:[(0,o.jsx)(t.code,{children:"Text"})," is a simple string input and output type, while ",(0,o.jsx)(t.code,{children:"Data"})," is a structure very similar to a dictionary in Python. It is a key-value pair data structure."]}),"\n",(0,o.jsx)(t.p,{children:"We've created a few components to help you work with these types. Let's see how a few of them work."}),"\n",(0,o.jsx)(t.h2,{id:"data-to-text",children:"Data To Text"}),"\n",(0,o.jsxs)(t.p,{children:["This is a component that takes in Data and outputs a ",(0,o.jsx)(t.code,{children:"Text"}),". It does this using a template string and concatenating the values of the ",(0,o.jsx)(t.code,{children:"Data"}),", one per line."]}),"\n",(0,o.jsx)(t.p,{children:"If we have the following Data:"}),"\n",(0,o.jsx)(h.Code,{codeConfig:u,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"{",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "sender_name"',props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"Alice"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "message"',props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"Hello!"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"}",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"{",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "sender_name"',props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"John"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "message"',props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"Hi!"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"}",props:{style:{color:"#C9D1D9"}}}]}],lang:"json"},annotations:[]}]}),"\n",(0,o.jsxs)(t.p,{children:["And the template string is: ",(0,o.jsx)(h.InlineCode,{codeConfig:u,code:{lines:[{tokens:[{content:"{sender_name}: {message}",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"{sender_name}: {message}"})]}),"\n",(0,o.jsx)(t.p,{children:"The output is:"}),"\n",(0,o.jsx)(h.Code,{codeConfig:u,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"Alice: Hello!",props:{}}]},{tokens:[{content:"John: Hi!",props:{}}]}],lang:"text"},annotations:[]}]}),"\n",(0,o.jsx)(t.h2,{id:"create-data",children:"Create Data"}),"\n",(0,o.jsxs)(t.p,{children:["This component allows you to create a ",(0,o.jsx)(t.code,{children:"Data"})," from a 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 picked that number you'll need to write the name of the Key and can pass ",(0,o.jsx)(t.code,{children:"Text"})," values from other components to it."]}),"\n",(0,o.jsx)(t.h2,{id:"documents-to-data",children:"Documents To Data"}),"\n",(0,o.jsxs)(t.p,{children:["This component takes in a LangChain ",(0,o.jsx)(t.code,{children:"Document"})," and outputs a ",(0,o.jsx)(t.code,{children:"Data"}),". It does this by extracting the ",(0,o.jsx)(t.code,{children:"page_content"})," and the ",(0,o.jsx)(t.code,{children:"metadata"})," from the ",(0,o.jsx)(t.code,{children:"Document"})," and adding them to the ",(0,o.jsx)(t.code,{children:"Data"})," as text and data respectively."]}),"\n",(0,o.jsx)(t.h2,{id:"why-is-this-useful",children:"Why is this useful?"}),"\n",(0,o.jsx)(t.p,{children:"The idea was to create a unified way to work with complex data in Langflow and to make it easier to work with data that is not just a simple string. This way you can create more complex workflows and use the data in more ways."}),"\n",(0,o.jsx)(t.h2,{id:"whats-next",children:"What's next?"}),"\n",(0,o.jsx)(t.p,{children:"We are planning to integrate an array of modalities to Langflow, such as images, audio, and video. This will allow you to create even more complex workflows and use cases. Stay tuned for more updates! \ud83d\ude80"})]})}const x=function(e={}){const{wrapper:t}=Object.assign({},(0,i.RP)(),e.components);return t?(0,o.jsx)(t,Object.assign({},e,{children:(0,o.jsx)(m,e)})):m(e)};function f(e,t){throw new Error("Expected "+(t?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/assets/js/0b76dbbf.4b599a5b.js b/assets/js/0b76dbbf.4b599a5b.js deleted file mode 100644 index ad693efe2a..0000000000 --- a/assets/js/0b76dbbf.4b599a5b.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[448],{4871:(e,t,o)=>{o.r(t),o.d(t,{CH:()=>h,assets:()=>l,chCodeConfig:()=>p,contentTitle:()=>d,default:()=>g,frontMatter:()=>c,metadata:()=>i,toc:()=>u});o(6540);var n=o(4848),a=o(8453),s=o(4754),r=o(7293);const c={},d="Text and Data",i={id:"components/text-and-record",title:"Text and Data",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/components/text-and-record.mdx",sourceDirName:"components",slug:"/components/text-and-record",permalink:"/components/text-and-record",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"docs",previous:{title:"Inputs and Outputs",permalink:"/components/inputs-and-outputs"},next:{title:"Data",permalink:"/components/data"}},l={},h={annotations:s.hk,Code:s.Cy,InlineCode:s.R0},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},u=[{value:"Data To Text",id:"data-to-text",level:2},{value:"Create Data",id:"create-data",level:2},{value:"Documents To Data",id:"documents-to-data",level:2},{value:"Why is this useful?",id:"why-is-this-useful",level:2},{value:"What's next?",id:"whats-next",level:2}];function m(e){const t=Object.assign({h1:"h1",p:"p",code:"code",h2:"h2"},(0,a.RP)(),e.components);return h||x("CH",!1),h.Code||x("CH.Code",!0),h.InlineCode||x("CH.InlineCode",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n","\n","\n",(0,n.jsx)(t.h1,{id:"text-and-data",children:"Text and Data"}),"\n",(0,n.jsx)(r.A,{type:"warning",title:"warning",children:(0,n.jsx)(t.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,n.jsxs)(t.p,{children:["There are two main input and output types: ",(0,n.jsx)(t.code,{children:"Text"})," and ",(0,n.jsx)(t.code,{children:"Data"}),"."]}),"\n",(0,n.jsxs)(t.p,{children:[(0,n.jsx)(t.code,{children:"Text"})," is a simple string input and output type, while ",(0,n.jsx)(t.code,{children:"Data"})," is a structure very similar to a dictionary in Python. It is a key-value pair data structure."]}),"\n",(0,n.jsx)(t.p,{children:"We've created a few components to help you work with these types. Let's see how a few of them work."}),"\n",(0,n.jsx)(t.h2,{id:"data-to-text",children:"Data To Text"}),"\n",(0,n.jsxs)(t.p,{children:["This is a component that takes in Data and outputs a ",(0,n.jsx)(t.code,{children:"Text"}),". It does this using a template string and concatenating the values of the ",(0,n.jsx)(t.code,{children:"Data"}),", one per line."]}),"\n",(0,n.jsx)(t.p,{children:"If we have the following Data:"}),"\n",(0,n.jsx)(h.Code,{codeConfig:p,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"{",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "sender_name"',props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"Alice"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "message"',props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"Hello!"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"}",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"{",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "sender_name"',props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"John"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "message"',props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"Hi!"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"}",props:{style:{color:"#C9D1D9"}}}]}],lang:"json"},annotations:[]}]}),"\n",(0,n.jsxs)(t.p,{children:["And the template string is: ",(0,n.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"{sender_name}: {message}",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"{sender_name}: {message}"})]}),"\n",(0,n.jsx)(t.p,{children:"The output is:"}),"\n",(0,n.jsx)(h.Code,{codeConfig:p,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"Alice: Hello!",props:{}}]},{tokens:[{content:"John: Hi!",props:{}}]}],lang:"text"},annotations:[]}]}),"\n",(0,n.jsx)(t.h2,{id:"create-data",children:"Create Data"}),"\n",(0,n.jsxs)(t.p,{children:["This component allows you to create a ",(0,n.jsx)(t.code,{children:"Data"})," from a 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 picked that number you'll need to write the name of the Key and can pass ",(0,n.jsx)(t.code,{children:"Text"})," values from other components to it."]}),"\n",(0,n.jsx)(t.h2,{id:"documents-to-data",children:"Documents To Data"}),"\n",(0,n.jsxs)(t.p,{children:["This component takes in a LangChain ",(0,n.jsx)(t.code,{children:"Document"})," and outputs a ",(0,n.jsx)(t.code,{children:"Data"}),". It does this by extracting the ",(0,n.jsx)(t.code,{children:"page_content"})," and the ",(0,n.jsx)(t.code,{children:"metadata"})," from the ",(0,n.jsx)(t.code,{children:"Document"})," and adding them to the ",(0,n.jsx)(t.code,{children:"Data"})," as text and data respectively."]}),"\n",(0,n.jsx)(t.h2,{id:"why-is-this-useful",children:"Why is this useful?"}),"\n",(0,n.jsx)(t.p,{children:"The idea was to create a unified way to work with complex data in Langflow and to make it easier to work with data that is not just a simple string. This way you can create more complex workflows and use the data in more ways."}),"\n",(0,n.jsx)(t.h2,{id:"whats-next",children:"What's next?"}),"\n",(0,n.jsx)(t.p,{children:"We are planning to integrate an array of modalities to Langflow, such as images, audio, and video. This will allow you to create even more complex workflows and use cases. Stay tuned for more updates! \ud83d\ude80"})]})}const g=function(e={}){const{wrapper:t}=Object.assign({},(0,a.RP)(),e.components);return t?(0,n.jsx)(t,Object.assign({},e,{children:(0,n.jsx)(m,e)})):m(e)};function x(e,t){throw new Error("Expected "+(t?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/assets/js/0c5f9a85.3b47808c.js b/assets/js/0c5f9a85.3b47808c.js new file mode 100644 index 0000000000..a508fad1c0 --- /dev/null +++ b/assets/js/0c5f9a85.3b47808c.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[9366],{7293:(e,n,o)=>{o.d(n,{A:()=>w});var s=o(6540),t=o(4848);function l(e){const{mdxAdmonitionTitle:n,rest:o}=function(e){const n=s.Children.toArray(e),o=n.find((e=>s.isValidElement(e)&&"mdxAdmonitionTitle"===e.type)),l=n.filter((e=>e!==o)),i=o?.props.children;return{mdxAdmonitionTitle:i,rest:l.length>0?(0,t.jsx)(t.Fragment,{children:l}):null}}(e.children),l=e.title??n;return{...e,...l&&{title:l},children:o}}var i=o(8215),r=o(1312),c=o(7559);const d={admonition:"admonition_xJq3",admonitionHeading:"admonitionHeading_Gvgb",admonitionIcon:"admonitionIcon_Rf37",admonitionContent:"admonitionContent_BuS1"};function a(e){let{type:n,className:o,children:s}=e;return(0,t.jsx)("div",{className:(0,i.A)(c.G.common.admonition,c.G.common.admonitionType(n),d.admonition,o),children:s})}function h(e){let{icon:n,title:o}=e;return(0,t.jsxs)("div",{className:d.admonitionHeading,children:[(0,t.jsx)("span",{className:d.admonitionIcon,children:n}),o]})}function p(e){let{children:n}=e;return n?(0,t.jsx)("div",{className:d.admonitionContent,children:n}):null}function x(e){const{type:n,icon:o,title:s,children:l,className:i}=e;return(0,t.jsxs)(a,{type:n,className:i,children:[s||o?(0,t.jsx)(h,{title:s,icon:o}):null,(0,t.jsx)(p,{children:l})]})}function j(e){return(0,t.jsx)("svg",{viewBox:"0 0 14 16",...e,children:(0,t.jsx)("path",{fillRule:"evenodd",d:"M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"})})}const g={icon:(0,t.jsx)(j,{}),title:(0,t.jsx)(r.A,{id:"theme.admonition.note",description:"The default label used for the Note admonition (:::note)",children:"note"})};function u(e){return(0,t.jsx)(x,{...g,...e,className:(0,i.A)("alert alert--secondary",e.className),children:e.children})}function m(e){return(0,t.jsx)("svg",{viewBox:"0 0 12 16",...e,children:(0,t.jsx)("path",{fillRule:"evenodd",d:"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"})})}const f={icon:(0,t.jsx)(m,{}),title:(0,t.jsx)(r.A,{id:"theme.admonition.tip",description:"The default label used for the Tip admonition (:::tip)",children:"tip"})};function C(e){return(0,t.jsx)(x,{...f,...e,className:(0,i.A)("alert alert--success",e.className),children:e.children})}function F(e){return(0,t.jsx)("svg",{viewBox:"0 0 14 16",...e,children:(0,t.jsx)("path",{fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"})})}const y={icon:(0,t.jsx)(F,{}),title:(0,t.jsx)(r.A,{id:"theme.admonition.info",description:"The default label used for the Info admonition (:::info)",children:"info"})};function A(e){return(0,t.jsx)(x,{...y,...e,className:(0,i.A)("alert alert--info",e.className),children:e.children})}function I(e){return(0,t.jsx)("svg",{viewBox:"0 0 16 16",...e,children:(0,t.jsx)("path",{fillRule:"evenodd",d:"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"})})}const k={icon:(0,t.jsx)(I,{}),title:(0,t.jsx)(r.A,{id:"theme.admonition.warning",description:"The default label used for the Warning admonition (:::warning)",children:"warning"})};function D(e){return(0,t.jsx)("svg",{viewBox:"0 0 12 16",...e,children:(0,t.jsx)("path",{fillRule:"evenodd",d:"M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"})})}const v={icon:(0,t.jsx)(D,{}),title:(0,t.jsx)(r.A,{id:"theme.admonition.danger",description:"The default label used for the Danger admonition (:::danger)",children:"danger"})};const b={icon:(0,t.jsx)(I,{}),title:(0,t.jsx)(r.A,{id:"theme.admonition.caution",description:"The default label used for the Caution admonition (:::caution)",children:"caution"})};const T={...{note:u,tip:C,info:A,warning:function(e){return(0,t.jsx)(x,{...k,...e,className:(0,i.A)("alert alert--warning",e.className),children:e.children})},danger:function(e){return(0,t.jsx)(x,{...v,...e,className:(0,i.A)("alert alert--danger",e.className),children:e.children})}},...{secondary:e=>(0,t.jsx)(u,{title:"secondary",...e}),important:e=>(0,t.jsx)(A,{title:"important",...e}),success:e=>(0,t.jsx)(C,{title:"success",...e}),caution:function(e){return(0,t.jsx)(x,{...b,...e,className:(0,i.A)("alert alert--warning",e.className),children:e.children})}}};var O=o(6763);function w(e){const n=l(e),o=(s=n.type,T[s]||(O.warn(`No admonition component found for admonition type "${s}". Using Info as fallback.`),T.info));var s;return(0,t.jsx)(o,{...n})}},6462:(e,n,o)=>{o.r(n),o.d(n,{CH:()=>h,assets:()=>a,chCodeConfig:()=>p,contentTitle:()=>c,default:()=>g,frontMatter:()=>r,metadata:()=>d,toc:()=>x});o(6540);var s=o(4848),t=o(8453),l=o(4754),i=o(7293);const r={},c="Models",d={id:"components/models",title:"Models",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/components/models.mdx",sourceDirName:"components",slug:"/components/models",permalink:"/components/models",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"docs",previous:{title:"Data",permalink:"/components/data"},next:{title:"Helpers",permalink:"/components/helpers"}},a={},h={annotations:l.hk,InlineCode:l.R0},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},x=[{value:"Amazon Bedrock",id:"amazon-bedrock",level:2},{value:"Anthropic",id:"anthropic",level:2},{value:"Azure OpenAI",id:"azure-openai",level:2},{value:"Cohere",id:"cohere",level:2},{value:"Google Generative AI",id:"google-generative-ai",level:2},{value:"Hugging Face API",id:"hugging-face-api",level:2},{value:"LiteLLM Model",id:"litellm-model",level:2},{value:"Ollama",id:"ollama",level:2},{value:"OpenAI",id:"openai",level:2},{value:"Qianfan",id:"qianfan",level:2},{value:"Vertex AI",id:"vertex-ai",level:2}];function j(e){const n=Object.assign({h1:"h1",p:"p",h2:"h2",strong:"strong",ul:"ul",li:"li",hr:"hr",a:"a",code:"code"},(0,t.RP)(),e.components);return h||u("CH",!1),h.InlineCode||u("CH.InlineCode",!0),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n","\n","\n",(0,s.jsx)(n.h1,{id:"models",children:"Models"}),"\n",(0,s.jsx)(i.A,{type:"warning",title:"warning",children:(0,s.jsx)(n.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,s.jsx)(n.h2,{id:"amazon-bedrock",children:"Amazon Bedrock"}),"\n",(0,s.jsx)(n.p,{children:"This component facilitates the generation of text using the LLM (Large Language Model) model from Amazon Bedrock."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.strong,{children:"Params"})}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Input Value:"})," Specifies the input text for text generation."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"System Message (Optional):"})," A system message to pass to the model."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Model ID (Optional):"})," Specifies the model ID to be used for text generation. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"anthropic.claude-instant-v1"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"anthropic.claude-instant-v1"'}),". Available options include:"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"ai21.j2-grande-instruct"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"ai21.j2-grande-instruct"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"ai21.j2-jumbo-instruct"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"ai21.j2-jumbo-instruct"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"ai21.j2-mid"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"ai21.j2-mid"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"ai21.j2-mid-v1"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"ai21.j2-mid-v1"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"ai21.j2-ultra"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"ai21.j2-ultra"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"ai21.j2-ultra-v1"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"ai21.j2-ultra-v1"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"anthropic.claude-instant-v1"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"anthropic.claude-instant-v1"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"anthropic.claude-v1"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"anthropic.claude-v1"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"anthropic.claude-v2"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"anthropic.claude-v2"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"cohere.command-text-v14"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"cohere.command-text-v14"'})}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Credentials Profile Name (Optional):"})," Specifies the name of the credentials profile."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Region Name (Optional):"})," Specifies the region name."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Model Kwargs (Optional):"})," Additional keyword arguments for the model."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Endpoint URL (Optional):"})," Specifies the endpoint URL."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Streaming (Optional):"})," Specifies whether to stream the response from the model. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"False",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"False"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Cache (Optional):"})," Specifies whether to cache the response."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Stream (Optional):"})," Specifies whether to stream the response from the model. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"False",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"False"}),"."]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(i.A,{type:"note",title:"Note",children:(0,s.jsx)("p",{children:(0,s.jsx)(n.p,{children:"Ensure that necessary credentials are provided to connect to the Amazon\nBedrock API. If connection fails, a ValueError will be raised."})})}),"\n",(0,s.jsx)(n.hr,{}),"\n",(0,s.jsx)(n.h2,{id:"anthropic",children:"Anthropic"}),"\n",(0,s.jsx)(n.p,{children:"This component allows the generation of text using Anthropic Chat&Completion large language models."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.strong,{children:"Params"})}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Model Name:"})," Specifies the name of the Anthropic model to be used for text generation. Available options include:"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"claude-2.1"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"claude-2.1"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"claude-2.0"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"claude-2.0"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"claude-instant-1.2"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"claude-instant-1.2"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"claude-instant-1"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"claude-instant-1"'})}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Anthropic API Key:"})," Your Anthropic API key."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Max Tokens (Optional):"})," Specifies the maximum number of tokens to generate. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"256",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"256"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Temperature (Optional):"})," Specifies the sampling temperature. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"0.7",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"0.7"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"API Endpoint (Optional):"})," Specifies the endpoint of the Anthropic API. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"https://api.anthropic.com"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"https://api.anthropic.com"'})," if not specified."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Input Value:"})," Specifies the input text for text generation."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Stream (Optional):"})," Specifies whether to stream the response from the model. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"False",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"False"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"System Message (Optional):"})," A system message to pass to the model."]}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(n.p,{children:["For detailed documentation and integration guides, please refer to the ",(0,s.jsx)(n.a,{href:"https://python.langchain.com/docs/integrations/chat/anthropic",children:"Anthropic Component Documentation"}),"."]}),"\n",(0,s.jsx)(n.hr,{}),"\n",(0,s.jsx)(n.h2,{id:"azure-openai",children:"Azure OpenAI"}),"\n",(0,s.jsx)(n.p,{children:"This component allows the generation of text using the LLM (Large Language Model) model from Azure OpenAI."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.strong,{children:"Params"})}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Model Name:"})," Specifies the name of the Azure OpenAI model to be used for text generation. Available options include:"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"gpt-35-turbo"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"gpt-35-turbo"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"gpt-35-turbo-16k"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"gpt-35-turbo-16k"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"gpt-35-turbo-instruct"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"gpt-35-turbo-instruct"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"gpt-4"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"gpt-4"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"gpt-4-32k"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"gpt-4-32k"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"gpt-4-vision"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"gpt-4-vision"'})}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Azure Endpoint:"})," Your Azure endpoint, including the resource. Example: ",(0,s.jsx)(n.code,{children:"https://example-resource.azure.openai.com/"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Deployment Name:"})," Specifies the name of the deployment."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"API Version:"})," Specifies the version of the Azure OpenAI API to be used. Available options include:"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"2023-03-15-preview"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"2023-03-15-preview"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"2023-05-15"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"2023-05-15"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"2023-06-01-preview"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"2023-06-01-preview"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"2023-07-01-preview"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"2023-07-01-preview"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"2023-08-01-preview"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"2023-08-01-preview"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"2023-09-01-preview"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"2023-09-01-preview"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"2023-12-01-preview"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"2023-12-01-preview"'})}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"API Key:"})," Your Azure OpenAI API key."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Temperature (Optional):"})," Specifies the sampling temperature. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"0.7",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"0.7"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Max Tokens (Optional):"})," Specifies the maximum number of tokens to generate. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"1000",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"1000"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Input Value:"})," Specifies the input text for text generation."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Stream (Optional):"})," Specifies whether to stream the response from the model. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"False",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"False"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"System Message (Optional):"})," A system message to pass to the model."]}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(n.p,{children:["For detailed documentation and integration guides, please refer to the ",(0,s.jsx)(n.a,{href:"https://python.langchain.com/docs/integrations/llms/azure_openai",children:"Azure OpenAI Component Documentation"}),"."]}),"\n",(0,s.jsx)(n.hr,{}),"\n",(0,s.jsx)(n.h2,{id:"cohere",children:"Cohere"}),"\n",(0,s.jsx)(n.p,{children:"This component enables text generation using Cohere large language models."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.strong,{children:"Params"})}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Cohere API Key:"})," Your Cohere API key."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Max Tokens (Optional):"})," Specifies the maximum number of tokens to generate. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"256",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"256"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Temperature (Optional):"})," Specifies the sampling temperature. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"0.75",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"0.75"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Input Value:"})," Specifies the input text for text generation."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Stream (Optional):"})," Specifies whether to stream the response from the model. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"False",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"False"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"System Message (Optional):"})," A system message to pass to the model."]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.hr,{}),"\n",(0,s.jsx)(n.h2,{id:"google-generative-ai",children:"Google Generative AI"}),"\n",(0,s.jsx)(n.p,{children:"This component enables text generation using Google Generative AI."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.strong,{children:"Params"})}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Google API Key:"})," Your Google API key to use for the Google Generative AI."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Model:"})," The name of the model to use. Supported examples are ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"gemini-pro"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"gemini-pro"'})," and ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"gemini-pro-vision"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"gemini-pro-vision"'}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Max Output Tokens (Optional):"})," The maximum number of tokens to generate."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Temperature:"})," Run inference with this temperature. Must be in the closed interval [0.0, 1.0]."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Top K (Optional):"})," Decode using top-k sampling: consider the set of top_k most probable tokens. Must be positive."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Top P (Optional):"})," The maximum cumulative probability of tokens to consider when sampling."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"N (Optional):"})," Number of chat completions to generate for each prompt. Note that the API may not return the full n completions if duplicates are generated."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Input Value:"})," The input to the model."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Stream (Optional):"})," Specifies whether to stream the response from the model. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"False",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"False"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"System Message (Optional):"})," A system message to pass to the model."]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.hr,{}),"\n",(0,s.jsx)(n.h2,{id:"hugging-face-api",children:"Hugging Face API"}),"\n",(0,s.jsx)(n.p,{children:"This component facilitates text generation using LLM models from the Hugging Face Inference API."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.strong,{children:"Params"})}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Endpoint URL:"})," The URL of the Hugging Face Inference API endpoint. Should be provided along with necessary authentication credentials."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Task:"})," Specifies the task for text generation. Options include ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"text2text-generation"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"text2text-generation"'}),", ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"text-generation"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"text-generation"'}),", and ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"summarization"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"summarization"'}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"API Token:"})," The API token required for authentication with the Hugging Face Hub."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Model Keyword Arguments (Optional):"})," Additional keyword arguments for the model. Should be provided as a Python dictionary."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Input Value:"})," The input text for text generation."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Stream (Optional):"})," Specifies whether to stream the response from the model. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"False",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"False"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"System Message (Optional):"})," A system message to pass to the model."]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.hr,{}),"\n",(0,s.jsx)(n.h2,{id:"litellm-model",children:"LiteLLM Model"}),"\n",(0,s.jsxs)(n.p,{children:["Generates text using the ",(0,s.jsx)(n.code,{children:"LiteLLM"})," collection of large language models."]}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.strong,{children:"Parameters"})}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Model name:"})," The name of the model to use. For example, ",(0,s.jsx)(n.code,{children:"gpt-3.5-turbo"}),". (Type: str)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"API key:"})," The API key to use for accessing the provider's API. (Type: str, Optional)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Provider:"}),' The provider of the API key. (Type: str, Choices: "OpenAI", "Azure", "Anthropic", "Replicate", "Cohere", "OpenRouter")']}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Temperature:"})," Controls the randomness of the text generation. (Type: float, Default: 0.7)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Model kwargs:"})," Additional keyword arguments for the model. (Type: Dict, Optional)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Top p:"})," Filter responses to keep the cumulative probability within the top p tokens. (Type: float, Optional)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Top k:"})," Filter responses to only include the top k tokens. (Type: int, Optional)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"N:"})," Number of chat completions to generate for each prompt. (Type: int, Default: 1)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Max tokens:"})," The maximum number of tokens to generate for each chat completion. (Type: int, Default: 256)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Max retries:"})," Maximum number of retries for failed requests. (Type: int, Default: 6)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Verbose:"})," Whether to print verbose output. (Type: bool, Default: False)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Input:"})," The input prompt for text generation. (Type: str)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Stream:"})," Whether to stream the output. (Type: bool, Default: False)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"System message:"})," System message to pass to the model. (Type: str, Optional)"]}),"\n"]}),"\n",(0,s.jsx)(n.hr,{}),"\n",(0,s.jsx)(n.h2,{id:"ollama",children:"Ollama"}),"\n",(0,s.jsx)(n.p,{children:"Generate text using Ollama Local LLMs."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.strong,{children:"Parameters"})}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Base URL:"})," Endpoint of the Ollama API. Defaults to '",(0,s.jsx)(n.a,{href:"http://localhost:11434",children:"http://localhost:11434"}),"' if not specified."]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Model Name:"})," The model name to use. Refer to ",(0,s.jsx)(n.a,{href:"https://ollama.ai/library",children:"Ollama Library"})," for more models."]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Temperature:"})," Controls the creativity of model responses. (Default: 0.8)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Cache:"})," Enable or disable caching. (Default: False)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Format:"})," Specify the format of the output (e.g., json). (Advanced)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Metadata:"})," Metadata to add to the run trace. (Advanced)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Mirostat:"})," Enable/disable Mirostat sampling for controlling perplexity. (Default: Disabled)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Mirostat Eta:"})," Learning rate for Mirostat algorithm. (Default: None) (Advanced)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Mirostat Tau:"})," Controls the balance between coherence and diversity of the output. (Default: None) (Advanced)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Context Window Size:"})," Size of the context window for generating tokens. (Default: None) (Advanced)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Number of GPUs:"})," Number of GPUs to use for computation. (Default: None) (Advanced)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Number of Threads:"})," Number of threads to use during computation. (Default: None) (Advanced)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Repeat Last N:"})," How far back the model looks to prevent repetition. (Default: None) (Advanced)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Repeat Penalty:"})," Penalty for repetitions in generated text. (Default: None) (Advanced)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"TFS Z:"})," Tail free sampling value. (Default: None) (Advanced)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Timeout:"})," Timeout for the request stream. (Default: None) (Advanced)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Top K:"})," Limits token selection to top K. (Default: None) (Advanced)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Top P:"})," Works together with top-k. (Default: None) (Advanced)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Verbose:"})," Whether to print out response text."]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Tags:"})," Tags to add to the run trace. (Advanced)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Stop Tokens:"})," List of tokens to signal the model to stop generating text. (Advanced)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"System:"})," System to use for generating text. (Advanced)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Template:"})," Template to use for generating text. (Advanced)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Input:"})," The input text."]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Stream:"})," Whether to stream the response."]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"System Message:"})," System message to pass to the model. (Advanced)"]}),"\n"]}),"\n",(0,s.jsx)(n.hr,{}),"\n",(0,s.jsx)(n.h2,{id:"openai",children:"OpenAI"}),"\n",(0,s.jsx)(n.p,{children:"This component facilitates text generation using OpenAI's models."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.strong,{children:"Params"})}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Input Value:"})," The input text for text generation."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Max Tokens (Optional):"})," The maximum number of tokens to generate. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"256",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"256"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Model Kwargs (Optional):"})," Additional keyword arguments for the model. Should be provided as a nested dictionary."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Model Name (Optional):"})," The name of the model to use. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"gpt",props:{style:{color:"#C9D1D9"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"4",props:{style:{color:"#79C0FF"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"1106",props:{style:{color:"#79C0FF"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"preview",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"gpt-4-1106-preview"}),". Supported options include: ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"gpt",props:{style:{color:"#C9D1D9"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"4",props:{style:{color:"#79C0FF"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"turbo",props:{style:{color:"#C9D1D9"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"preview",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"gpt-4-turbo-preview"}),", ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"gpt",props:{style:{color:"#C9D1D9"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"4",props:{style:{color:"#79C0FF"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"0125",props:{style:{color:"#79C0FF"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"preview",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"gpt-4-0125-preview"}),", ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"gpt",props:{style:{color:"#C9D1D9"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"4",props:{style:{color:"#79C0FF"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"1106",props:{style:{color:"#79C0FF"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"preview",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"gpt-4-1106-preview"}),", ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"gpt",props:{style:{color:"#C9D1D9"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"4",props:{style:{color:"#79C0FF"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"vision",props:{style:{color:"#C9D1D9"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"preview",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"gpt-4-vision-preview"}),", ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"gpt",props:{style:{color:"#C9D1D9"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"3.5",props:{style:{color:"#79C0FF"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"turbo",props:{style:{color:"#C9D1D9"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"0125",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"gpt-3.5-turbo-0125"}),", ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"gpt",props:{style:{color:"#C9D1D9"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"3.5",props:{style:{color:"#79C0FF"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"turbo",props:{style:{color:"#C9D1D9"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"1106",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"gpt-3.5-turbo-1106"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"OpenAI API Base (Optional):"})," The base URL of the OpenAI API. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"https",props:{style:{color:"#FFA657"}}},{content:":",props:{style:{color:"#C9D1D9"}}},{content:"//api.openai.com/v1",props:{style:{color:"#8B949E"}}}]}],lang:"jsx"},children:"https://api.openai.com/v1"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"OpenAI API Key (Optional):"})," The API key for accessing the OpenAI API."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Temperature:"})," Controls the creativity of model responses. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"0.7",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"0.7"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Stream (Optional):"})," Specifies whether to stream the response from the model. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"False",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"False"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"System Message (Optional):"})," System message to pass to the model."]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.hr,{}),"\n",(0,s.jsx)(n.h2,{id:"qianfan",children:"Qianfan"}),"\n",(0,s.jsx)(n.p,{children:"This component facilitates the generation of text using Baidu Qianfan chat models."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.strong,{children:"Params"})}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Model Name:"})," Specifies the name of the Qianfan chat model to be used for text generation. Available options include:"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"ERNIE-Bot"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"ERNIE-Bot"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"ERNIE-Bot-turbo"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"ERNIE-Bot-turbo"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"BLOOMZ-7B"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"BLOOMZ-7B"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"Llama-2-7b-chat"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"Llama-2-7b-chat"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"Llama-2-13b-chat"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"Llama-2-13b-chat"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"Llama-2-70b-chat"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"Llama-2-70b-chat"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"Qianfan-BLOOMZ-7B-compressed"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"Qianfan-BLOOMZ-7B-compressed"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"Qianfan-Chinese-Llama-2-7B"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"Qianfan-Chinese-Llama-2-7B"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"ChatGLM2-6B-32K"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"ChatGLM2-6B-32K"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"AquilaChat-7B"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"AquilaChat-7B"'})}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Qianfan Ak:"})," Your Baidu Qianfan access key, obtainable from ",(0,s.jsx)(n.a,{href:"https://cloud.baidu.com/product/wenxinworkshop",children:"here"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Qianfan Sk:"})," Your Baidu Qianfan secret key, obtainable from ",(0,s.jsx)(n.a,{href:"https://cloud.baidu.com/product/wenxinworkshop",children:"here"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Top p (Optional):"})," Model parameter. Specifies the top-p value. Only supported in ERNIE-Bot and ERNIE-Bot-turbo models. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"0.8",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"0.8"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Temperature (Optional):"})," Model parameter. Specifies the sampling temperature. Only supported in ERNIE-Bot and ERNIE-Bot-turbo models. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"0.95",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"0.95"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Penalty Score (Optional):"})," Model parameter. Specifies the penalty score. Only supported in ERNIE-Bot and ERNIE-Bot-turbo models. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"1.0",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"1.0"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Endpoint (Optional):"})," Endpoint of the Qianfan LLM, required if custom model is used."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Input Value:"})," Specifies the input text for text generation."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Stream (Optional):"})," Specifies whether to stream the response from the model. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"False",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"False"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"System Message (Optional):"})," A system message to pass to the model."]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.hr,{}),"\n",(0,s.jsx)(n.h2,{id:"vertex-ai",children:"Vertex AI"}),"\n",(0,s.jsxs)(n.p,{children:["The ",(0,s.jsx)(n.code,{children:"ChatVertexAI"})," is a component for generating text using Vertex AI Chat large language models API."]}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.strong,{children:"Params"})}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Credentials:"})," The JSON file containing the credentials for accessing the Vertex AI Chat API."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Project:"})," The name of the project associated with the Vertex AI Chat API."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Examples (Optional):"})," List of examples to provide context for text generation."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Location:"})," The location of the Vertex AI Chat API service. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"us",props:{style:{color:"#C9D1D9"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"central1",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"us-central1"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Max Output Tokens:"})," The maximum number of tokens to generate. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"128",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"128"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Model Name:"})," The name of the model to use. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"chat",props:{style:{color:"#C9D1D9"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"bison",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"chat-bison"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Temperature:"})," Controls the creativity of model responses. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"0.0",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"0.0"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Input Value:"})," The input text for text generation."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Top K:"})," Limits token selection to top K. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"40",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"40"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Top P:"})," Works together with top-k. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"0.95",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"0.95"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Verbose:"})," Whether to print out response text. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"False",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"False"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Stream (Optional):"})," Specifies whether to stream the response from the model. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"False",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"False"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"System Message (Optional):"})," System message to pass to the model."]}),"\n"]}),"\n"]})]})}const g=function(e={}){const{wrapper:n}=Object.assign({},(0,t.RP)(),e.components);return n?(0,s.jsx)(n,Object.assign({},e,{children:(0,s.jsx)(j,e)})):j(e)};function u(e,n){throw new Error("Expected "+(n?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/assets/js/0c5f9a85.f3a25246.js b/assets/js/0c5f9a85.f3a25246.js deleted file mode 100644 index 85512acd0e..0000000000 --- a/assets/js/0c5f9a85.f3a25246.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[9366],{6462:(e,n,o)=>{o.r(n),o.d(n,{CH:()=>h,assets:()=>a,chCodeConfig:()=>p,contentTitle:()=>c,default:()=>g,frontMatter:()=>r,metadata:()=>d,toc:()=>x});o(6540);var s=o(4848),t=o(8453),l=o(4754),i=o(7293);const r={},c="Models",d={id:"components/models",title:"Models",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/components/models.mdx",sourceDirName:"components",slug:"/components/models",permalink:"/components/models",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"docs",previous:{title:"Data",permalink:"/components/data"},next:{title:"Helpers",permalink:"/components/helpers"}},a={},h={annotations:l.hk,InlineCode:l.R0},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},x=[{value:"Amazon Bedrock",id:"amazon-bedrock",level:2},{value:"Anthropic",id:"anthropic",level:2},{value:"Azure OpenAI",id:"azure-openai",level:2},{value:"Cohere",id:"cohere",level:2},{value:"Google Generative AI",id:"google-generative-ai",level:2},{value:"Hugging Face API",id:"hugging-face-api",level:2},{value:"LiteLLM Model",id:"litellm-model",level:2},{value:"Ollama",id:"ollama",level:2},{value:"OpenAI",id:"openai",level:2},{value:"Qianfan",id:"qianfan",level:2},{value:"Vertex AI",id:"vertex-ai",level:2}];function j(e){const n=Object.assign({h1:"h1",p:"p",h2:"h2",strong:"strong",ul:"ul",li:"li",hr:"hr",a:"a",code:"code"},(0,t.RP)(),e.components);return h||u("CH",!1),h.InlineCode||u("CH.InlineCode",!0),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n","\n","\n",(0,s.jsx)(n.h1,{id:"models",children:"Models"}),"\n",(0,s.jsx)(i.A,{type:"warning",title:"warning",children:(0,s.jsx)(n.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,s.jsx)(n.h2,{id:"amazon-bedrock",children:"Amazon Bedrock"}),"\n",(0,s.jsx)(n.p,{children:"This component facilitates the generation of text using the LLM (Large Language Model) model from Amazon Bedrock."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.strong,{children:"Params"})}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Input Value:"})," Specifies the input text for text generation."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"System Message (Optional):"})," A system message to pass to the model."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Model ID (Optional):"})," Specifies the model ID to be used for text generation. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"anthropic.claude-instant-v1"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"anthropic.claude-instant-v1"'}),". Available options include:"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"ai21.j2-grande-instruct"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"ai21.j2-grande-instruct"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"ai21.j2-jumbo-instruct"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"ai21.j2-jumbo-instruct"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"ai21.j2-mid"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"ai21.j2-mid"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"ai21.j2-mid-v1"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"ai21.j2-mid-v1"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"ai21.j2-ultra"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"ai21.j2-ultra"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"ai21.j2-ultra-v1"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"ai21.j2-ultra-v1"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"anthropic.claude-instant-v1"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"anthropic.claude-instant-v1"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"anthropic.claude-v1"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"anthropic.claude-v1"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"anthropic.claude-v2"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"anthropic.claude-v2"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"cohere.command-text-v14"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"cohere.command-text-v14"'})}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Credentials Profile Name (Optional):"})," Specifies the name of the credentials profile."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Region Name (Optional):"})," Specifies the region name."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Model Kwargs (Optional):"})," Additional keyword arguments for the model."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Endpoint URL (Optional):"})," Specifies the endpoint URL."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Streaming (Optional):"})," Specifies whether to stream the response from the model. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"False",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"False"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Cache (Optional):"})," Specifies whether to cache the response."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Stream (Optional):"})," Specifies whether to stream the response from the model. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"False",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"False"}),"."]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(i.A,{type:"note",title:"Note",children:(0,s.jsx)("p",{children:(0,s.jsx)(n.p,{children:"Ensure that necessary credentials are provided to connect to the Amazon\nBedrock API. If connection fails, a ValueError will be raised."})})}),"\n",(0,s.jsx)(n.hr,{}),"\n",(0,s.jsx)(n.h2,{id:"anthropic",children:"Anthropic"}),"\n",(0,s.jsx)(n.p,{children:"This component allows the generation of text using Anthropic Chat&Completion large language models."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.strong,{children:"Params"})}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Model Name:"})," Specifies the name of the Anthropic model to be used for text generation. Available options include:"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"claude-2.1"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"claude-2.1"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"claude-2.0"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"claude-2.0"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"claude-instant-1.2"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"claude-instant-1.2"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"claude-instant-1"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"claude-instant-1"'})}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Anthropic API Key:"})," Your Anthropic API key."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Max Tokens (Optional):"})," Specifies the maximum number of tokens to generate. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"256",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"256"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Temperature (Optional):"})," Specifies the sampling temperature. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"0.7",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"0.7"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"API Endpoint (Optional):"})," Specifies the endpoint of the Anthropic API. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"https://api.anthropic.com"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"https://api.anthropic.com"'})," if not specified."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Input Value:"})," Specifies the input text for text generation."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Stream (Optional):"})," Specifies whether to stream the response from the model. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"False",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"False"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"System Message (Optional):"})," A system message to pass to the model."]}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(n.p,{children:["For detailed documentation and integration guides, please refer to the ",(0,s.jsx)(n.a,{href:"https://python.langchain.com/docs/integrations/chat/anthropic",children:"Anthropic Component Documentation"}),"."]}),"\n",(0,s.jsx)(n.hr,{}),"\n",(0,s.jsx)(n.h2,{id:"azure-openai",children:"Azure OpenAI"}),"\n",(0,s.jsx)(n.p,{children:"This component allows the generation of text using the LLM (Large Language Model) model from Azure OpenAI."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.strong,{children:"Params"})}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Model Name:"})," Specifies the name of the Azure OpenAI model to be used for text generation. Available options include:"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"gpt-35-turbo"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"gpt-35-turbo"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"gpt-35-turbo-16k"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"gpt-35-turbo-16k"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"gpt-35-turbo-instruct"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"gpt-35-turbo-instruct"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"gpt-4"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"gpt-4"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"gpt-4-32k"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"gpt-4-32k"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"gpt-4-vision"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"gpt-4-vision"'})}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Azure Endpoint:"})," Your Azure endpoint, including the resource. Example: ",(0,s.jsx)(n.code,{children:"https://example-resource.azure.openai.com/"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Deployment Name:"})," Specifies the name of the deployment."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"API Version:"})," Specifies the version of the Azure OpenAI API to be used. Available options include:"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"2023-03-15-preview"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"2023-03-15-preview"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"2023-05-15"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"2023-05-15"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"2023-06-01-preview"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"2023-06-01-preview"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"2023-07-01-preview"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"2023-07-01-preview"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"2023-08-01-preview"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"2023-08-01-preview"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"2023-09-01-preview"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"2023-09-01-preview"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"2023-12-01-preview"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"2023-12-01-preview"'})}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"API Key:"})," Your Azure OpenAI API key."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Temperature (Optional):"})," Specifies the sampling temperature. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"0.7",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"0.7"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Max Tokens (Optional):"})," Specifies the maximum number of tokens to generate. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"1000",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"1000"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Input Value:"})," Specifies the input text for text generation."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Stream (Optional):"})," Specifies whether to stream the response from the model. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"False",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"False"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"System Message (Optional):"})," A system message to pass to the model."]}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(n.p,{children:["For detailed documentation and integration guides, please refer to the ",(0,s.jsx)(n.a,{href:"https://python.langchain.com/docs/integrations/llms/azure_openai",children:"Azure OpenAI Component Documentation"}),"."]}),"\n",(0,s.jsx)(n.hr,{}),"\n",(0,s.jsx)(n.h2,{id:"cohere",children:"Cohere"}),"\n",(0,s.jsx)(n.p,{children:"This component enables text generation using Cohere large language models."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.strong,{children:"Params"})}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Cohere API Key:"})," Your Cohere API key."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Max Tokens (Optional):"})," Specifies the maximum number of tokens to generate. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"256",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"256"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Temperature (Optional):"})," Specifies the sampling temperature. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"0.75",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"0.75"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Input Value:"})," Specifies the input text for text generation."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Stream (Optional):"})," Specifies whether to stream the response from the model. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"False",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"False"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"System Message (Optional):"})," A system message to pass to the model."]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.hr,{}),"\n",(0,s.jsx)(n.h2,{id:"google-generative-ai",children:"Google Generative AI"}),"\n",(0,s.jsx)(n.p,{children:"This component enables text generation using Google Generative AI."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.strong,{children:"Params"})}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Google API Key:"})," Your Google API key to use for the Google Generative AI."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Model:"})," The name of the model to use. Supported examples are ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"gemini-pro"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"gemini-pro"'})," and ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"gemini-pro-vision"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"gemini-pro-vision"'}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Max Output Tokens (Optional):"})," The maximum number of tokens to generate."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Temperature:"})," Run inference with this temperature. Must be in the closed interval [0.0, 1.0]."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Top K (Optional):"})," Decode using top-k sampling: consider the set of top_k most probable tokens. Must be positive."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Top P (Optional):"})," The maximum cumulative probability of tokens to consider when sampling."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"N (Optional):"})," Number of chat completions to generate for each prompt. Note that the API may not return the full n completions if duplicates are generated."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Input Value:"})," The input to the model."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Stream (Optional):"})," Specifies whether to stream the response from the model. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"False",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"False"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"System Message (Optional):"})," A system message to pass to the model."]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.hr,{}),"\n",(0,s.jsx)(n.h2,{id:"hugging-face-api",children:"Hugging Face API"}),"\n",(0,s.jsx)(n.p,{children:"This component facilitates text generation using LLM models from the Hugging Face Inference API."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.strong,{children:"Params"})}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Endpoint URL:"})," The URL of the Hugging Face Inference API endpoint. Should be provided along with necessary authentication credentials."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Task:"})," Specifies the task for text generation. Options include ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"text2text-generation"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"text2text-generation"'}),", ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"text-generation"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"text-generation"'}),", and ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"summarization"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"summarization"'}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"API Token:"})," The API token required for authentication with the Hugging Face Hub."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Model Keyword Arguments (Optional):"})," Additional keyword arguments for the model. Should be provided as a Python dictionary."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Input Value:"})," The input text for text generation."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Stream (Optional):"})," Specifies whether to stream the response from the model. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"False",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"False"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"System Message (Optional):"})," A system message to pass to the model."]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.hr,{}),"\n",(0,s.jsx)(n.h2,{id:"litellm-model",children:"LiteLLM Model"}),"\n",(0,s.jsxs)(n.p,{children:["Generates text using the ",(0,s.jsx)(n.code,{children:"LiteLLM"})," collection of large language models."]}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.strong,{children:"Parameters"})}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Model name:"})," The name of the model to use. For example, ",(0,s.jsx)(n.code,{children:"gpt-3.5-turbo"}),". (Type: str)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"API key:"})," The API key to use for accessing the provider's API. (Type: str, Optional)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Provider:"}),' The provider of the API key. (Type: str, Choices: "OpenAI", "Azure", "Anthropic", "Replicate", "Cohere", "OpenRouter")']}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Temperature:"})," Controls the randomness of the text generation. (Type: float, Default: 0.7)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Model kwargs:"})," Additional keyword arguments for the model. (Type: Dict, Optional)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Top p:"})," Filter responses to keep the cumulative probability within the top p tokens. (Type: float, Optional)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Top k:"})," Filter responses to only include the top k tokens. (Type: int, Optional)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"N:"})," Number of chat completions to generate for each prompt. (Type: int, Default: 1)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Max tokens:"})," The maximum number of tokens to generate for each chat completion. (Type: int, Default: 256)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Max retries:"})," Maximum number of retries for failed requests. (Type: int, Default: 6)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Verbose:"})," Whether to print verbose output. (Type: bool, Default: False)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Input:"})," The input prompt for text generation. (Type: str)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Stream:"})," Whether to stream the output. (Type: bool, Default: False)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"System message:"})," System message to pass to the model. (Type: str, Optional)"]}),"\n"]}),"\n",(0,s.jsx)(n.hr,{}),"\n",(0,s.jsx)(n.h2,{id:"ollama",children:"Ollama"}),"\n",(0,s.jsx)(n.p,{children:"Generate text using Ollama Local LLMs."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.strong,{children:"Parameters"})}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Base URL:"})," Endpoint of the Ollama API. Defaults to '",(0,s.jsx)(n.a,{href:"http://localhost:11434",children:"http://localhost:11434"}),"' if not specified."]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Model Name:"})," The model name to use. Refer to ",(0,s.jsx)(n.a,{href:"https://ollama.ai/library",children:"Ollama Library"})," for more models."]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Temperature:"})," Controls the creativity of model responses. (Default: 0.8)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Cache:"})," Enable or disable caching. (Default: False)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Format:"})," Specify the format of the output (e.g., json). (Advanced)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Metadata:"})," Metadata to add to the run trace. (Advanced)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Mirostat:"})," Enable/disable Mirostat sampling for controlling perplexity. (Default: Disabled)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Mirostat Eta:"})," Learning rate for Mirostat algorithm. (Default: None) (Advanced)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Mirostat Tau:"})," Controls the balance between coherence and diversity of the output. (Default: None) (Advanced)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Context Window Size:"})," Size of the context window for generating tokens. (Default: None) (Advanced)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Number of GPUs:"})," Number of GPUs to use for computation. (Default: None) (Advanced)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Number of Threads:"})," Number of threads to use during computation. (Default: None) (Advanced)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Repeat Last N:"})," How far back the model looks to prevent repetition. (Default: None) (Advanced)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Repeat Penalty:"})," Penalty for repetitions in generated text. (Default: None) (Advanced)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"TFS Z:"})," Tail free sampling value. (Default: None) (Advanced)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Timeout:"})," Timeout for the request stream. (Default: None) (Advanced)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Top K:"})," Limits token selection to top K. (Default: None) (Advanced)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Top P:"})," Works together with top-k. (Default: None) (Advanced)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Verbose:"})," Whether to print out response text."]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Tags:"})," Tags to add to the run trace. (Advanced)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Stop Tokens:"})," List of tokens to signal the model to stop generating text. (Advanced)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"System:"})," System to use for generating text. (Advanced)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Template:"})," Template to use for generating text. (Advanced)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Input:"})," The input text."]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Stream:"})," Whether to stream the response."]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"System Message:"})," System message to pass to the model. (Advanced)"]}),"\n"]}),"\n",(0,s.jsx)(n.hr,{}),"\n",(0,s.jsx)(n.h2,{id:"openai",children:"OpenAI"}),"\n",(0,s.jsx)(n.p,{children:"This component facilitates text generation using OpenAI's models."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.strong,{children:"Params"})}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Input Value:"})," The input text for text generation."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Max Tokens (Optional):"})," The maximum number of tokens to generate. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"256",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"256"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Model Kwargs (Optional):"})," Additional keyword arguments for the model. Should be provided as a nested dictionary."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Model Name (Optional):"})," The name of the model to use. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"gpt",props:{style:{color:"#C9D1D9"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"4",props:{style:{color:"#79C0FF"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"1106",props:{style:{color:"#79C0FF"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"preview",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"gpt-4-1106-preview"}),". Supported options include: ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"gpt",props:{style:{color:"#C9D1D9"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"4",props:{style:{color:"#79C0FF"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"turbo",props:{style:{color:"#C9D1D9"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"preview",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"gpt-4-turbo-preview"}),", ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"gpt",props:{style:{color:"#C9D1D9"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"4",props:{style:{color:"#79C0FF"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"0125",props:{style:{color:"#79C0FF"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"preview",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"gpt-4-0125-preview"}),", ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"gpt",props:{style:{color:"#C9D1D9"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"4",props:{style:{color:"#79C0FF"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"1106",props:{style:{color:"#79C0FF"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"preview",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"gpt-4-1106-preview"}),", ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"gpt",props:{style:{color:"#C9D1D9"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"4",props:{style:{color:"#79C0FF"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"vision",props:{style:{color:"#C9D1D9"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"preview",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"gpt-4-vision-preview"}),", ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"gpt",props:{style:{color:"#C9D1D9"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"3.5",props:{style:{color:"#79C0FF"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"turbo",props:{style:{color:"#C9D1D9"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"0125",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"gpt-3.5-turbo-0125"}),", ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"gpt",props:{style:{color:"#C9D1D9"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"3.5",props:{style:{color:"#79C0FF"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"turbo",props:{style:{color:"#C9D1D9"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"1106",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"gpt-3.5-turbo-1106"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"OpenAI API Base (Optional):"})," The base URL of the OpenAI API. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"https",props:{style:{color:"#FFA657"}}},{content:":",props:{style:{color:"#C9D1D9"}}},{content:"//api.openai.com/v1",props:{style:{color:"#8B949E"}}}]}],lang:"jsx"},children:"https://api.openai.com/v1"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"OpenAI API Key (Optional):"})," The API key for accessing the OpenAI API."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Temperature:"})," Controls the creativity of model responses. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"0.7",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"0.7"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Stream (Optional):"})," Specifies whether to stream the response from the model. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"False",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"False"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"System Message (Optional):"})," System message to pass to the model."]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.hr,{}),"\n",(0,s.jsx)(n.h2,{id:"qianfan",children:"Qianfan"}),"\n",(0,s.jsx)(n.p,{children:"This component facilitates the generation of text using Baidu Qianfan chat models."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.strong,{children:"Params"})}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Model Name:"})," Specifies the name of the Qianfan chat model to be used for text generation. Available options include:"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"ERNIE-Bot"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"ERNIE-Bot"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"ERNIE-Bot-turbo"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"ERNIE-Bot-turbo"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"BLOOMZ-7B"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"BLOOMZ-7B"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"Llama-2-7b-chat"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"Llama-2-7b-chat"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"Llama-2-13b-chat"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"Llama-2-13b-chat"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"Llama-2-70b-chat"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"Llama-2-70b-chat"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"Qianfan-BLOOMZ-7B-compressed"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"Qianfan-BLOOMZ-7B-compressed"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"Qianfan-Chinese-Llama-2-7B"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"Qianfan-Chinese-Llama-2-7B"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"ChatGLM2-6B-32K"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"ChatGLM2-6B-32K"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:'"AquilaChat-7B"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"AquilaChat-7B"'})}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Qianfan Ak:"})," Your Baidu Qianfan access key, obtainable from ",(0,s.jsx)(n.a,{href:"https://cloud.baidu.com/product/wenxinworkshop",children:"here"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Qianfan Sk:"})," Your Baidu Qianfan secret key, obtainable from ",(0,s.jsx)(n.a,{href:"https://cloud.baidu.com/product/wenxinworkshop",children:"here"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Top p (Optional):"})," Model parameter. Specifies the top-p value. Only supported in ERNIE-Bot and ERNIE-Bot-turbo models. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"0.8",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"0.8"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Temperature (Optional):"})," Model parameter. Specifies the sampling temperature. Only supported in ERNIE-Bot and ERNIE-Bot-turbo models. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"0.95",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"0.95"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Penalty Score (Optional):"})," Model parameter. Specifies the penalty score. Only supported in ERNIE-Bot and ERNIE-Bot-turbo models. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"1.0",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"1.0"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Endpoint (Optional):"})," Endpoint of the Qianfan LLM, required if custom model is used."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Input Value:"})," Specifies the input text for text generation."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Stream (Optional):"})," Specifies whether to stream the response from the model. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"False",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"False"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"System Message (Optional):"})," A system message to pass to the model."]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.hr,{}),"\n",(0,s.jsx)(n.h2,{id:"vertex-ai",children:"Vertex AI"}),"\n",(0,s.jsxs)(n.p,{children:["The ",(0,s.jsx)(n.code,{children:"ChatVertexAI"})," is a component for generating text using Vertex AI Chat large language models API."]}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.strong,{children:"Params"})}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Credentials:"})," The JSON file containing the credentials for accessing the Vertex AI Chat API."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Project:"})," The name of the project associated with the Vertex AI Chat API."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Examples (Optional):"})," List of examples to provide context for text generation."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Location:"})," The location of the Vertex AI Chat API service. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"us",props:{style:{color:"#C9D1D9"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"central1",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"us-central1"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Max Output Tokens:"})," The maximum number of tokens to generate. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"128",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"128"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Model Name:"})," The name of the model to use. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"chat",props:{style:{color:"#C9D1D9"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"bison",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"chat-bison"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Temperature:"})," Controls the creativity of model responses. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"0.0",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"0.0"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Input Value:"})," The input text for text generation."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Top K:"})," Limits token selection to top K. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"40",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"40"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Top P:"})," Works together with top-k. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"0.95",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"0.95"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Verbose:"})," Whether to print out response text. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"False",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"False"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Stream (Optional):"})," Specifies whether to stream the response from the model. Defaults to ",(0,s.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"False",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"False"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"System Message (Optional):"})," System message to pass to the model."]}),"\n"]}),"\n"]})]})}const g=function(e={}){const{wrapper:n}=Object.assign({},(0,t.RP)(),e.components);return n?(0,s.jsx)(n,Object.assign({},e,{children:(0,s.jsx)(j,e)})):j(e)};function u(e,n){throw new Error("Expected "+(n?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/assets/js/10dc9ad3.57406d74.js b/assets/js/10dc9ad3.57406d74.js deleted file mode 100644 index 87d3ee938b..0000000000 --- a/assets/js/10dc9ad3.57406d74.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[9414],{7533:(e,n,o)=>{o.d(n,{A:()=>l});var s=o(6540),t=o(1122),i=o(6025),r=o(4848);const l=e=>{let{alt:n,sources:o,style:l}=e;const[a,c]=(0,s.useState)(!1),d=e=>{"Escape"===e.key&&c(!1)};(0,s.useEffect)((()=>(a?document.addEventListener("keydown",d):document.removeEventListener("keydown",d),()=>{document.removeEventListener("keydown",d)})),[a]);return(0,r.jsx)("div",{className:"zoomable-image "+(a?"fullscreen":""),onClick:()=>{c(!a)},style:{width:"50%",margin:"0 auto",display:"flex",justifyContent:"center",...l},children:(0,r.jsx)(t.A,{className:"zoomable-image-inner",alt:n,sources:{light:(0,i.Ay)(o.light),dark:(0,i.Ay)(o.dark)}})})}},791:(e,n,o)=>{o.r(n),o.d(n,{CH:()=>g,assets:()=>u,chCodeConfig:()=>p,contentTitle:()=>d,default:()=>x,frontMatter:()=>c,metadata:()=>h,toc:()=>f});o(6540);var s=o(4848),t=o(8453),i=o(4754),r=(o(1122),o(6025)),l=o(7533),a=o(7293);const c={},d="Sign Up and Sign In",h={id:"administration/login",title:"Sign Up and Sign In",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/administration/login.mdx",sourceDirName:"administration",slug:"/administration/login",permalink:"/administration/login",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"docs",previous:{title:"API Keys",permalink:"/administration/api"},next:{title:"Command Line Interface (CLI)",permalink:"/administration/cli"}},u={},g={annotations:i.hk,InlineCode:i.R0,Code:i.Cy},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},f=[{value:"Environment variables",id:"environment-variables",level:2},{value:"LANGFLOW_AUTO_LOGIN",id:"langflow_auto_login",level:3},{value:"LANGFLOW_SUPERUSER and LANGFLOW_SUPERUSER_PASSWORD",id:"langflow_superuser-and-langflow_superuser_password",level:3},{value:"LANGFLOW_SECRET_KEY",id:"langflow_secret_key",level:3},{value:"LANGFLOW_NEW_USER_IS_ACTIVE",id:"langflow_new_user_is_active",level:3},{value:"Manage superusers with the CLI",id:"manage-superusers-with-the-cli",level:2},{value:"Sign in",id:"sign-in",level:2},{value:"Profile settings",id:"profile-settings",level:2}];function m(e){const n=Object.assign({h1:"h1",p:"p",h2:"h2",ul:"ul",li:"li",code:"code",h3:"h3",strong:"strong"},(0,t.RP)(),e.components);return g||y("CH",!1),g.Code||y("CH.Code",!0),g.InlineCode||y("CH.InlineCode",!0),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n","\n","\n",(0,s.jsx)(n.h1,{id:"sign-up-and-sign-in",children:"Sign Up and Sign In"}),"\n",(0,s.jsx)(a.A,{type:"warning",title:"warning",children:(0,s.jsx)(n.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,s.jsx)(n.p,{children:"The login functionality in Langflow serves to authenticate users and protect sensitive routes in the application. Starting from version 0.5, Langflow introduces an enhanced login mechanism that is governed by a few environment variables. This allows new secure features."}),"\n",(0,s.jsx)(n.h2,{id:"environment-variables",children:"Environment variables"}),"\n",(0,s.jsx)(n.p,{children:"The following environment variables are crucial in configuring the login settings:"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(g.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"LANGFLOW_AUTO_LOGIN",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"LANGFLOW_AUTO_LOGIN"}),": Determines whether Langflow should automatically log users in. Default is ",(0,s.jsx)(n.code,{children:"True"}),"."]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(g.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"LANGFLOW_SUPERUSER",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"LANGFLOW_SUPERUSER"}),": The username of the superuser."]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(g.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"LANGFLOW_SUPERUSER_PASSWORD",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"LANGFLOW_SUPERUSER_PASSWORD"}),": The password for the superuser."]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(g.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"LANGFLOW_SECRET_KEY",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"LANGFLOW_SECRET_KEY"}),": A key used for encrypting the superuser's password."]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(g.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"LANGFLOW_NEW_USER_IS_ACTIVE",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"LANGFLOW_NEW_USER_IS_ACTIVE"}),": Determines whether new users are automatically activated. Default is ",(0,s.jsx)(n.code,{children:"False"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.p,{children:["All of these variables can be passed to the CLI command ",(0,s.jsx)(g.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"langflow run",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"langflow run"})," through the ",(0,s.jsx)(g.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"--",props:{style:{color:"#FF7B72"}}},{content:"env",props:{style:{color:"#C9D1D9"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"file",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"--env-file"})," option. For example:"]}),"\n",(0,s.jsx)(g.Code,{codeConfig:p,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"langflow ",props:{style:{color:"#FFA657"}}},{content:"run ",props:{style:{color:"#A5D6FF"}}},{content:"--env-file ",props:{style:{color:"#79C0FF"}}},{content:".env",props:{style:{color:"#A5D6FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,s.jsx)(a.A,{type:"info",children:(0,s.jsx)(n.p,{children:"It is critical not to expose these environment variables in your code\nrepository. Always set them securely in your deployment environment, for\nexample, using Docker secrets, Kubernetes ConfigMaps/Secrets, or dedicated\nsecure environment configuration systems like AWS Secrets Manager."})}),"\n",(0,s.jsx)(n.h3,{id:"langflow_auto_login",children:(0,s.jsx)(g.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"LANGFLOW_AUTO_LOGIN",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"LANGFLOW_AUTO_LOGIN"})}),"\n",(0,s.jsxs)(n.p,{children:["By default, this variable is set to ",(0,s.jsx)(n.code,{children:"True"}),". When enabled (",(0,s.jsx)(n.code,{children:"True"}),"), Langflow operates as it did in versions prior to 0.5\u2014automatic login without requiring explicit user authentication."]}),"\n",(0,s.jsx)(n.p,{children:"To disable automatic login and enforce user authentication:"}),"\n",(0,s.jsx)(g.Code,{codeConfig:p,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"export",props:{style:{color:"#FF7B72"}}},{content:" LANGFLOW_AUTO_LOGIN",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"False",props:{style:{color:"#A5D6FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,s.jsxs)(n.h3,{id:"langflow_superuser-and-langflow_superuser_password",children:[(0,s.jsx)(g.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"LANGFLOW_SUPERUSER",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"LANGFLOW_SUPERUSER"})," and ",(0,s.jsx)(g.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"LANGFLOW_SUPERUSER_PASSWORD",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"LANGFLOW_SUPERUSER_PASSWORD"})]}),"\n",(0,s.jsxs)(n.p,{children:["These environment variables are only relevant when ",(0,s.jsx)(n.code,{children:"LANGFLOW_AUTO_LOGIN"})," is set to ",(0,s.jsx)(n.code,{children:"False"}),". They specify the username and password for the superuser, which is essential for administrative tasks."]}),"\n",(0,s.jsx)(n.p,{children:"To create a superuser manually:"}),"\n",(0,s.jsx)(g.Code,{codeConfig:p,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"export",props:{style:{color:"#FF7B72"}}},{content:" LANGFLOW_SUPERUSER",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"admin",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"export",props:{style:{color:"#FF7B72"}}},{content:" LANGFLOW_SUPERUSER_PASSWORD",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"securepassword",props:{style:{color:"#A5D6FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,s.jsxs)(n.p,{children:["You can also use the CLI command ",(0,s.jsx)(n.code,{children:"langflow superuser"})," to set up a superuser interactively."]}),"\n",(0,s.jsx)(n.h3,{id:"langflow_secret_key",children:(0,s.jsx)(g.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"LANGFLOW_SECRET_KEY",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"LANGFLOW_SECRET_KEY"})}),"\n",(0,s.jsx)(n.p,{children:"This environment variable holds a secret key used for encrypting the superuser's password. Make sure to set this to a secure, randomly generated string."}),"\n",(0,s.jsx)(g.Code,{codeConfig:p,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"export",props:{style:{color:"#FF7B72"}}},{content:" LANGFLOW_SECRET_KEY",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"randomly_generated_secure_key",props:{style:{color:"#A5D6FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,s.jsx)(n.h3,{id:"langflow_new_user_is_active",children:(0,s.jsx)(g.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"LANGFLOW_NEW_USER_IS_ACTIVE",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"LANGFLOW_NEW_USER_IS_ACTIVE"})}),"\n",(0,s.jsxs)(n.p,{children:["By default, this variable is set to ",(0,s.jsx)(n.code,{children:"False"}),". When enabled (",(0,s.jsx)(n.code,{children:"True"}),"), new users are automatically activated and can log in without requiring explicit activation by the superuser."]}),"\n",(0,s.jsx)(n.h2,{id:"manage-superusers-with-the-cli",children:"Manage superusers with the CLI"}),"\n",(0,s.jsx)(n.p,{children:"Langflow provides a command-line utility for managing superusers:"}),"\n",(0,s.jsx)(g.Code,{codeConfig:p,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"langflow ",props:{style:{color:"#FFA657"}}},{content:"superuser",props:{style:{color:"#A5D6FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,s.jsx)(n.p,{children:"This command prompts you to enter the username and password for the superuser, unless they are already set using environment variables."}),"\n",(0,s.jsx)(n.h2,{id:"sign-in",children:"Sign in"}),"\n",(0,s.jsxs)(n.p,{children:["With ",(0,s.jsx)(g.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"LANGFLOW_AUTO_LOGIN",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"LANGFLOW_AUTO_LOGIN"})," set to ",(0,s.jsx)(g.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"False",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"False"}),", Langflow requires users to sign up before they can log in. The sign-up page is the default landing page when a user visits Langflow for the first time."]}),"\n",(0,s.jsx)(l.A,{alt:"Docusaurus themed image",sources:{light:(0,r.Ay)("img/sign-up.png"),dark:(0,r.Ay)("img/sign-up.png")},style:{width:"40%",margin:"20px auto"}}),"\n",(0,s.jsx)(n.h2,{id:"profile-settings",children:"Profile settings"}),"\n",(0,s.jsx)(n.p,{children:"Once signed in, you can change your profile settings by clicking on the profile icon in the top right corner of the Langflow dashboard. This opens a dropdown menu with the following options:"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Admin Page"}),": Opens the admin page, which is only accessible to the superuser."]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Profile Settings"}),": Opens the profile settings page."]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"Sign Out"}),": Logs the user out."]}),"\n"]}),"\n",(0,s.jsx)(l.A,{alt:"Docusaurus themed image",sources:{light:(0,r.Ay)("img/my-account.png"),dark:(0,r.Ay)("img/my-account.png")},style:{maxWidth:"600px",margin:"20px auto"}}),"\n",(0,s.jsxs)(n.p,{children:["Select ",(0,s.jsx)(n.strong,{children:"Profile Settings"})," to change your password and your profile picture."]}),"\n",(0,s.jsx)(l.A,{alt:"Docusaurus themed image",sources:{light:(0,r.Ay)("img/profile-settings.png"),dark:(0,r.Ay)("img/profile-settings.png")},style:{maxWidth:"600px",margin:"20px auto"}}),"\n",(0,s.jsxs)(n.p,{children:["Select ",(0,s.jsx)(n.strong,{children:"Admin Page"})," to manage users and groups as the superuser."]}),"\n",(0,s.jsx)(l.A,{alt:"Docusaurus themed image",sources:{light:(0,r.Ay)("img/admin-page.png"),dark:(0,r.Ay)("img/admin-page.png")},style:{maxWidth:"600px",margin:"0 auto"}})]})}const x=function(e={}){const{wrapper:n}=Object.assign({},(0,t.RP)(),e.components);return n?(0,s.jsx)(n,Object.assign({},e,{children:(0,s.jsx)(m,e)})):m(e)};function y(e,n){throw new Error("Expected "+(n?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/assets/js/10dc9ad3.ad35d776.js b/assets/js/10dc9ad3.ad35d776.js new file mode 100644 index 0000000000..1622351b0b --- /dev/null +++ b/assets/js/10dc9ad3.ad35d776.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[9414],{7293:(e,n,o)=>{o.d(n,{A:()=>k});var t=o(6540),i=o(4848);function s(e){const{mdxAdmonitionTitle:n,rest:o}=function(e){const n=t.Children.toArray(e),o=n.find((e=>t.isValidElement(e)&&"mdxAdmonitionTitle"===e.type)),s=n.filter((e=>e!==o)),r=o?.props.children;return{mdxAdmonitionTitle:r,rest:s.length>0?(0,i.jsx)(i.Fragment,{children:s}):null}}(e.children),s=e.title??n;return{...e,...s&&{title:s},children:o}}var r=o(8215),l=o(1312),a=o(7559);const c={admonition:"admonition_xJq3",admonitionHeading:"admonitionHeading_Gvgb",admonitionIcon:"admonitionIcon_Rf37",admonitionContent:"admonitionContent_BuS1"};function d(e){let{type:n,className:o,children:t}=e;return(0,i.jsx)("div",{className:(0,r.A)(a.G.common.admonition,a.G.common.admonitionType(n),c.admonition,o),children:t})}function h(e){let{icon:n,title:o}=e;return(0,i.jsxs)("div",{className:c.admonitionHeading,children:[(0,i.jsx)("span",{className:c.admonitionIcon,children:n}),o]})}function u(e){let{children:n}=e;return n?(0,i.jsx)("div",{className:c.admonitionContent,children:n}):null}function p(e){const{type:n,icon:o,title:t,children:s,className:r}=e;return(0,i.jsxs)(d,{type:n,className:r,children:[t||o?(0,i.jsx)(h,{title:t,icon:o}):null,(0,i.jsx)(u,{children:s})]})}function g(e){return(0,i.jsx)("svg",{viewBox:"0 0 14 16",...e,children:(0,i.jsx)("path",{fillRule:"evenodd",d:"M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"})})}const m={icon:(0,i.jsx)(g,{}),title:(0,i.jsx)(l.A,{id:"theme.admonition.note",description:"The default label used for the Note admonition (:::note)",children:"note"})};function f(e){return(0,i.jsx)(p,{...m,...e,className:(0,r.A)("alert alert--secondary",e.className),children:e.children})}function x(e){return(0,i.jsx)("svg",{viewBox:"0 0 12 16",...e,children:(0,i.jsx)("path",{fillRule:"evenodd",d:"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"})})}const j={icon:(0,i.jsx)(x,{}),title:(0,i.jsx)(l.A,{id:"theme.admonition.tip",description:"The default label used for the Tip admonition (:::tip)",children:"tip"})};function y(e){return(0,i.jsx)(p,{...j,...e,className:(0,r.A)("alert alert--success",e.className),children:e.children})}function v(e){return(0,i.jsx)("svg",{viewBox:"0 0 14 16",...e,children:(0,i.jsx)("path",{fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"})})}const F={icon:(0,i.jsx)(v,{}),title:(0,i.jsx)(l.A,{id:"theme.admonition.info",description:"The default label used for the Info admonition (:::info)",children:"info"})};function A(e){return(0,i.jsx)(p,{...F,...e,className:(0,r.A)("alert alert--info",e.className),children:e.children})}function C(e){return(0,i.jsx)("svg",{viewBox:"0 0 16 16",...e,children:(0,i.jsx)("path",{fillRule:"evenodd",d:"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"})})}const _={icon:(0,i.jsx)(C,{}),title:(0,i.jsx)(l.A,{id:"theme.admonition.warning",description:"The default label used for the Warning admonition (:::warning)",children:"warning"})};function L(e){return(0,i.jsx)("svg",{viewBox:"0 0 12 16",...e,children:(0,i.jsx)("path",{fillRule:"evenodd",d:"M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"})})}const w={icon:(0,i.jsx)(L,{}),title:(0,i.jsx)(l.A,{id:"theme.admonition.danger",description:"The default label used for the Danger admonition (:::danger)",children:"danger"})};const b={icon:(0,i.jsx)(C,{}),title:(0,i.jsx)(l.A,{id:"theme.admonition.caution",description:"The default label used for the Caution admonition (:::caution)",children:"caution"})};const S={...{note:f,tip:y,info:A,warning:function(e){return(0,i.jsx)(p,{..._,...e,className:(0,r.A)("alert alert--warning",e.className),children:e.children})},danger:function(e){return(0,i.jsx)(p,{...w,...e,className:(0,r.A)("alert alert--danger",e.className),children:e.children})}},...{secondary:e=>(0,i.jsx)(f,{title:"secondary",...e}),important:e=>(0,i.jsx)(A,{title:"important",...e}),success:e=>(0,i.jsx)(y,{title:"success",...e}),caution:function(e){return(0,i.jsx)(p,{...b,...e,className:(0,r.A)("alert alert--warning",e.className),children:e.children})}}};var N=o(6763);function k(e){const n=s(e),o=(t=n.type,S[t]||(N.warn(`No admonition component found for admonition type "${t}". Using Info as fallback.`),S.info));var t;return(0,i.jsx)(o,{...n})}},7533:(e,n,o)=>{o.d(n,{A:()=>l});var t=o(6540),i=o(1122),s=o(6025),r=o(4848);const l=e=>{let{alt:n,sources:o,style:l}=e;const[a,c]=(0,t.useState)(!1),d=e=>{"Escape"===e.key&&c(!1)};(0,t.useEffect)((()=>(a?document.addEventListener("keydown",d):document.removeEventListener("keydown",d),()=>{document.removeEventListener("keydown",d)})),[a]);return(0,r.jsx)("div",{className:"zoomable-image "+(a?"fullscreen":""),onClick:()=>{c(!a)},style:{width:"50%",margin:"0 auto",display:"flex",justifyContent:"center",...l},children:(0,r.jsx)(i.A,{className:"zoomable-image-inner",alt:n,sources:{light:(0,s.Ay)(o.light),dark:(0,s.Ay)(o.dark)}})})}},791:(e,n,o)=>{o.r(n),o.d(n,{CH:()=>p,assets:()=>u,chCodeConfig:()=>g,contentTitle:()=>d,default:()=>x,frontMatter:()=>c,metadata:()=>h,toc:()=>m});o(6540);var t=o(4848),i=o(8453),s=o(4754),r=(o(1122),o(6025)),l=o(7533),a=o(7293);const c={},d="Sign Up and Sign In",h={id:"administration/login",title:"Sign Up and Sign In",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/administration/login.mdx",sourceDirName:"administration",slug:"/administration/login",permalink:"/administration/login",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"docs",previous:{title:"API Keys",permalink:"/administration/api"},next:{title:"Command Line Interface (CLI)",permalink:"/administration/cli"}},u={},p={annotations:s.hk,InlineCode:s.R0,Code:s.Cy},g={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},m=[{value:"Environment variables",id:"environment-variables",level:2},{value:"LANGFLOW_AUTO_LOGIN",id:"langflow_auto_login",level:3},{value:"LANGFLOW_SUPERUSER and LANGFLOW_SUPERUSER_PASSWORD",id:"langflow_superuser-and-langflow_superuser_password",level:3},{value:"LANGFLOW_SECRET_KEY",id:"langflow_secret_key",level:3},{value:"LANGFLOW_NEW_USER_IS_ACTIVE",id:"langflow_new_user_is_active",level:3},{value:"Manage superusers with the CLI",id:"manage-superusers-with-the-cli",level:2},{value:"Sign in",id:"sign-in",level:2},{value:"Profile settings",id:"profile-settings",level:2}];function f(e){const n=Object.assign({h1:"h1",p:"p",h2:"h2",ul:"ul",li:"li",code:"code",h3:"h3",strong:"strong"},(0,i.RP)(),e.components);return p||j("CH",!1),p.Code||j("CH.Code",!0),p.InlineCode||j("CH.InlineCode",!0),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n","\n","\n",(0,t.jsx)(n.h1,{id:"sign-up-and-sign-in",children:"Sign Up and Sign In"}),"\n",(0,t.jsx)(a.A,{type:"warning",title:"warning",children:(0,t.jsx)(n.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,t.jsx)(n.p,{children:"The login functionality in Langflow serves to authenticate users and protect sensitive routes in the application. Starting from version 0.5, Langflow introduces an enhanced login mechanism that is governed by a few environment variables. This allows new secure features."}),"\n",(0,t.jsx)(n.h2,{id:"environment-variables",children:"Environment variables"}),"\n",(0,t.jsx)(n.p,{children:"The following environment variables are crucial in configuring the login settings:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(p.InlineCode,{codeConfig:g,code:{lines:[{tokens:[{content:"LANGFLOW_AUTO_LOGIN",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"LANGFLOW_AUTO_LOGIN"}),": Determines whether Langflow should automatically log users in. Default is ",(0,t.jsx)(n.code,{children:"True"}),"."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(p.InlineCode,{codeConfig:g,code:{lines:[{tokens:[{content:"LANGFLOW_SUPERUSER",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"LANGFLOW_SUPERUSER"}),": The username of the superuser."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(p.InlineCode,{codeConfig:g,code:{lines:[{tokens:[{content:"LANGFLOW_SUPERUSER_PASSWORD",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"LANGFLOW_SUPERUSER_PASSWORD"}),": The password for the superuser."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(p.InlineCode,{codeConfig:g,code:{lines:[{tokens:[{content:"LANGFLOW_SECRET_KEY",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"LANGFLOW_SECRET_KEY"}),": A key used for encrypting the superuser's password."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(p.InlineCode,{codeConfig:g,code:{lines:[{tokens:[{content:"LANGFLOW_NEW_USER_IS_ACTIVE",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"LANGFLOW_NEW_USER_IS_ACTIVE"}),": Determines whether new users are automatically activated. Default is ",(0,t.jsx)(n.code,{children:"False"}),"."]}),"\n"]}),"\n",(0,t.jsxs)(n.p,{children:["All of these variables can be passed to the CLI command ",(0,t.jsx)(p.InlineCode,{codeConfig:g,code:{lines:[{tokens:[{content:"langflow run",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"langflow run"})," through the ",(0,t.jsx)(p.InlineCode,{codeConfig:g,code:{lines:[{tokens:[{content:"--",props:{style:{color:"#FF7B72"}}},{content:"env",props:{style:{color:"#C9D1D9"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"file",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"--env-file"})," option. For example:"]}),"\n",(0,t.jsx)(p.Code,{codeConfig:g,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"langflow ",props:{style:{color:"#FFA657"}}},{content:"run ",props:{style:{color:"#A5D6FF"}}},{content:"--env-file ",props:{style:{color:"#79C0FF"}}},{content:".env",props:{style:{color:"#A5D6FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,t.jsx)(a.A,{type:"info",children:(0,t.jsx)(n.p,{children:"It is critical not to expose these environment variables in your code\nrepository. Always set them securely in your deployment environment, for\nexample, using Docker secrets, Kubernetes ConfigMaps/Secrets, or dedicated\nsecure environment configuration systems like AWS Secrets Manager."})}),"\n",(0,t.jsx)(n.h3,{id:"langflow_auto_login",children:(0,t.jsx)(p.InlineCode,{codeConfig:g,code:{lines:[{tokens:[{content:"LANGFLOW_AUTO_LOGIN",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"LANGFLOW_AUTO_LOGIN"})}),"\n",(0,t.jsxs)(n.p,{children:["By default, this variable is set to ",(0,t.jsx)(n.code,{children:"True"}),". When enabled (",(0,t.jsx)(n.code,{children:"True"}),"), Langflow operates as it did in versions prior to 0.5\u2014automatic login without requiring explicit user authentication."]}),"\n",(0,t.jsx)(n.p,{children:"To disable automatic login and enforce user authentication:"}),"\n",(0,t.jsx)(p.Code,{codeConfig:g,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"export",props:{style:{color:"#FF7B72"}}},{content:" LANGFLOW_AUTO_LOGIN",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"False",props:{style:{color:"#A5D6FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,t.jsxs)(n.h3,{id:"langflow_superuser-and-langflow_superuser_password",children:[(0,t.jsx)(p.InlineCode,{codeConfig:g,code:{lines:[{tokens:[{content:"LANGFLOW_SUPERUSER",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"LANGFLOW_SUPERUSER"})," and ",(0,t.jsx)(p.InlineCode,{codeConfig:g,code:{lines:[{tokens:[{content:"LANGFLOW_SUPERUSER_PASSWORD",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"LANGFLOW_SUPERUSER_PASSWORD"})]}),"\n",(0,t.jsxs)(n.p,{children:["These environment variables are only relevant when ",(0,t.jsx)(n.code,{children:"LANGFLOW_AUTO_LOGIN"})," is set to ",(0,t.jsx)(n.code,{children:"False"}),". They specify the username and password for the superuser, which is essential for administrative tasks."]}),"\n",(0,t.jsx)(n.p,{children:"To create a superuser manually:"}),"\n",(0,t.jsx)(p.Code,{codeConfig:g,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"export",props:{style:{color:"#FF7B72"}}},{content:" LANGFLOW_SUPERUSER",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"admin",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"export",props:{style:{color:"#FF7B72"}}},{content:" LANGFLOW_SUPERUSER_PASSWORD",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"securepassword",props:{style:{color:"#A5D6FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,t.jsxs)(n.p,{children:["You can also use the CLI command ",(0,t.jsx)(n.code,{children:"langflow superuser"})," to set up a superuser interactively."]}),"\n",(0,t.jsx)(n.h3,{id:"langflow_secret_key",children:(0,t.jsx)(p.InlineCode,{codeConfig:g,code:{lines:[{tokens:[{content:"LANGFLOW_SECRET_KEY",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"LANGFLOW_SECRET_KEY"})}),"\n",(0,t.jsx)(n.p,{children:"This environment variable holds a secret key used for encrypting the superuser's password. Make sure to set this to a secure, randomly generated string."}),"\n",(0,t.jsx)(p.Code,{codeConfig:g,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"export",props:{style:{color:"#FF7B72"}}},{content:" LANGFLOW_SECRET_KEY",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"randomly_generated_secure_key",props:{style:{color:"#A5D6FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,t.jsx)(n.h3,{id:"langflow_new_user_is_active",children:(0,t.jsx)(p.InlineCode,{codeConfig:g,code:{lines:[{tokens:[{content:"LANGFLOW_NEW_USER_IS_ACTIVE",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"LANGFLOW_NEW_USER_IS_ACTIVE"})}),"\n",(0,t.jsxs)(n.p,{children:["By default, this variable is set to ",(0,t.jsx)(n.code,{children:"False"}),". When enabled (",(0,t.jsx)(n.code,{children:"True"}),"), new users are automatically activated and can log in without requiring explicit activation by the superuser."]}),"\n",(0,t.jsx)(n.h2,{id:"manage-superusers-with-the-cli",children:"Manage superusers with the CLI"}),"\n",(0,t.jsx)(n.p,{children:"Langflow provides a command-line utility for managing superusers:"}),"\n",(0,t.jsx)(p.Code,{codeConfig:g,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"langflow ",props:{style:{color:"#FFA657"}}},{content:"superuser",props:{style:{color:"#A5D6FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,t.jsx)(n.p,{children:"This command prompts you to enter the username and password for the superuser, unless they are already set using environment variables."}),"\n",(0,t.jsx)(n.h2,{id:"sign-in",children:"Sign in"}),"\n",(0,t.jsxs)(n.p,{children:["With ",(0,t.jsx)(p.InlineCode,{codeConfig:g,code:{lines:[{tokens:[{content:"LANGFLOW_AUTO_LOGIN",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"LANGFLOW_AUTO_LOGIN"})," set to ",(0,t.jsx)(p.InlineCode,{codeConfig:g,code:{lines:[{tokens:[{content:"False",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"False"}),", Langflow requires users to sign up before they can log in. The sign-up page is the default landing page when a user visits Langflow for the first time."]}),"\n",(0,t.jsx)(l.A,{alt:"Docusaurus themed image",sources:{light:(0,r.Ay)("img/sign-up.png"),dark:(0,r.Ay)("img/sign-up.png")},style:{width:"40%",margin:"20px auto"}}),"\n",(0,t.jsx)(n.h2,{id:"profile-settings",children:"Profile settings"}),"\n",(0,t.jsx)(n.p,{children:"Once signed in, you can change your profile settings by clicking on the profile icon in the top right corner of the Langflow dashboard. This opens a dropdown menu with the following options:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Admin Page"}),": Opens the admin page, which is only accessible to the superuser."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Profile Settings"}),": Opens the profile settings page."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Sign Out"}),": Logs the user out."]}),"\n"]}),"\n",(0,t.jsx)(l.A,{alt:"Docusaurus themed image",sources:{light:(0,r.Ay)("img/my-account.png"),dark:(0,r.Ay)("img/my-account.png")},style:{maxWidth:"600px",margin:"20px auto"}}),"\n",(0,t.jsxs)(n.p,{children:["Select ",(0,t.jsx)(n.strong,{children:"Profile Settings"})," to change your password and your profile picture."]}),"\n",(0,t.jsx)(l.A,{alt:"Docusaurus themed image",sources:{light:(0,r.Ay)("img/profile-settings.png"),dark:(0,r.Ay)("img/profile-settings.png")},style:{maxWidth:"600px",margin:"20px auto"}}),"\n",(0,t.jsxs)(n.p,{children:["Select ",(0,t.jsx)(n.strong,{children:"Admin Page"})," to manage users and groups as the superuser."]}),"\n",(0,t.jsx)(l.A,{alt:"Docusaurus themed image",sources:{light:(0,r.Ay)("img/admin-page.png"),dark:(0,r.Ay)("img/admin-page.png")},style:{maxWidth:"600px",margin:"0 auto"}})]})}const x=function(e={}){const{wrapper:n}=Object.assign({},(0,i.RP)(),e.components);return n?(0,t.jsx)(n,Object.assign({},e,{children:(0,t.jsx)(f,e)})):f(e)};function j(e,n){throw new Error("Expected "+(n?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/assets/js/1220ddb3.913c83e6.js b/assets/js/1220ddb3.913c83e6.js deleted file mode 100644 index 3705937d76..0000000000 --- a/assets/js/1220ddb3.913c83e6.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[541],{7533:(o,t,e)=>{e.d(t,{A:()=>c});var n=e(6540),s=e(1122),r=e(6025),l=e(4848);const c=o=>{let{alt:t,sources:e,style:c}=o;const[p,a]=(0,n.useState)(!1),i=o=>{"Escape"===o.key&&a(!1)};(0,n.useEffect)((()=>(p?document.addEventListener("keydown",i):document.removeEventListener("keydown",i),()=>{document.removeEventListener("keydown",i)})),[p]);return(0,l.jsx)("div",{className:"zoomable-image "+(p?"fullscreen":""),onClick:()=>{a(!p)},style:{width:"50%",margin:"0 auto",display:"flex",justifyContent:"center",...c},children:(0,l.jsx)(s.A,{className:"zoomable-image-inner",alt:t,sources:{light:(0,r.Ay)(e.light),dark:(0,r.Ay)(e.dark)}})})}},8600:(o,t,e)=>{e.r(t),e.d(t,{CH:()=>d,assets:()=>F,chCodeConfig:()=>D,contentTitle:()=>i,default:()=>u,frontMatter:()=>a,metadata:()=>y,toc:()=>h});e(6540);var n=e(4848),s=e(8453),r=e(4754),l=e(6025),c=e(7533),p=e(7293);const a={},i="API Keys",y={id:"administration/api",title:"API Keys",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/administration/api.mdx",sourceDirName:"administration",slug:"/administration/api",permalink:"/administration/api",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"docs",previous:{title:"Vector Store RAG",permalink:"/starter-projects/vector-store-rag"},next:{title:"Sign Up and Sign In",permalink:"/administration/login"}},F={},d={annotations:r.hk,Code:r.Cy},D={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},h=[{value:"Generate an API key",id:"generate-an-api-key",level:2},{value:"Generate an API key with the Langflow UI",id:"generate-an-api-key-with-the-langflow-ui",level:3},{value:"Generate an API key with the Langflow CLI",id:"generate-an-api-key-with-the-langflow-cli",level:3},{value:"Use the Langflow API key",id:"use-the-langflow-api-key",level:2},{value:"Use the x-api-key header",id:"use-the-x-api-key-header",level:3},{value:"Use the query parameter",id:"use-the-query-parameter",level:3},{value:"Security Considerations",id:"security-considerations",level:2},{value:"Custom API endpoint",id:"custom-api-endpoint",level:2},{value:"Revoke an API Key",id:"revoke-an-api-key",level:2}];function k(o){const t=Object.assign({h1:"h1",p:"p",code:"code",h2:"h2",h3:"h3",ol:"ol",li:"li",ul:"ul",strong:"strong"},(0,s.RP)(),o.components);return d||C("CH",!1),d.Code||C("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n","\n","\n",(0,n.jsx)(t.h1,{id:"api-keys",children:"API Keys"}),"\n",(0,n.jsx)(p.A,{type:"warning",title:"warning",children:(0,n.jsx)(t.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,n.jsx)(t.p,{children:"Langflow provides an API key functionality that allows users to access their individual components and flows without traditional login authentication. The API key is a user-specific token that can be included in the request header or query parameter to authenticate API calls. This documentation outlines how to generate, use, and manage API keys in Langflow."}),"\n",(0,n.jsxs)(p.A,{type:"warning",children:[(0,n.jsx)(t.p,{children:"The default user and password are set using the LANGFLOW_SUPERUSER and\nLANGFLOW_SUPERUSER_PASSWORD environment variables."}),(0,n.jsxs)(t.p,{children:["The default values are ",(0,n.jsx)(t.code,{children:"langflow"})," and ",(0,n.jsx)(t.code,{children:"langflow"}),", respectively."]})]}),"\n",(0,n.jsx)(t.h2,{id:"generate-an-api-key",children:"Generate an API key"}),"\n",(0,n.jsx)(t.p,{children:"Generate a user-specific token to use with Langflow."}),"\n",(0,n.jsx)(t.h3,{id:"generate-an-api-key-with-the-langflow-ui",children:"Generate an API key with the Langflow UI"}),"\n",(0,n.jsx)(c.A,{alt:"Docusaurus themed image",sources:{light:(0,l.Ay)("img/api-key.png"),dark:(0,l.Ay)("img/api-key.png")},style:{width:"50%",maxWidth:"600px",margin:"0 auto"}}),"\n",(0,n.jsxs)(t.ol,{children:["\n",(0,n.jsx)(t.li,{children:'Click on the "API Key" icon.'}),"\n",(0,n.jsx)(t.li,{children:'Click on "Create new secret key".'}),"\n",(0,n.jsx)(t.li,{children:"Give it an optional name."}),"\n",(0,n.jsx)(t.li,{children:'Click on "Create secret key".'}),"\n",(0,n.jsx)(t.li,{children:"Copy the API key and store it in a secure location."}),"\n"]}),"\n",(0,n.jsx)(t.h3,{id:"generate-an-api-key-with-the-langflow-cli",children:"Generate an API key with the Langflow CLI"}),"\n",(0,n.jsx)(d.Code,{codeConfig:D,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"langflow ",props:{style:{color:"#FFA657"}}},{content:"api-key",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"# or",props:{style:{color:"#8B949E"}}}]},{tokens:[{content:"python ",props:{style:{color:"#FFA657"}}},{content:"-m ",props:{style:{color:"#79C0FF"}}},{content:"langflow api-key",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"\u256d\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u256e",props:{style:{color:"#FFA657"}}}]},{tokens:[{content:"\u2502 ",props:{style:{color:"#FFA657"}}},{content:"API Key Created Successfully: \u2502",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"\u2502 ",props:{style:{color:"#FFA657"}}},{content:"\u2502",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"\u2502 ",props:{style:{color:"#FFA657"}}},{content:"sk-O0elzoWID1izAH8RUKrnnvyyMwIzHi2Wk-uXWoNJ2Ro \u2502",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"\u2502 ",props:{style:{color:"#FFA657"}}},{content:"\u2502",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"\u2502 ",props:{style:{color:"#FFA657"}}},{content:"This is the only time the API key will be displayed. \u2502",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"\u2502 ",props:{style:{color:"#FFA657"}}},{content:"Make sure to store it in a secure location. \u2502",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"\u2502 ",props:{style:{color:"#FFA657"}}},{content:"\u2502",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"\u2502 ",props:{style:{color:"#FFA657"}}},{content:"The API key has been copied to your clipboard. Cmd + V to paste it. \u2502",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"\u2570\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500",props:{style:{color:"#FFA657"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,n.jsx)(t.h2,{id:"use-the-langflow-api-key",children:"Use the Langflow API key"}),"\n",(0,n.jsx)(t.p,{children:"Include your API key in API requests to authenticate requests to Langflow."}),"\n",(0,n.jsxs)(t.h3,{id:"use-the-x-api-key-header",children:["Use the ",(0,n.jsx)(t.code,{children:"x-api-key"})," header"]}),"\n",(0,n.jsxs)(t.p,{children:["Include the ",(0,n.jsx)(t.code,{children:"x-api-key"})," in the HTTP header when making API requests:"]}),"\n",(0,n.jsx)(d.Code,{codeConfig:D,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"curl ",props:{style:{color:"#FFA657"}}},{content:"-X ",props:{style:{color:"#79C0FF"}}},{content:"POST ",props:{style:{color:"#A5D6FF"}}},{content:"\\",props:{style:{color:"#79C0FF"}}}]},{tokens:[{content:" http://localhost:3000/api/v1/run/",props:{style:{color:"#A5D6FF"}}},{content:"<",props:{style:{color:"#FF7B72"}}},{content:"your_flow_i",props:{style:{color:"#A5D6FF"}}},{content:"d",props:{style:{color:"#C9D1D9"}}},{content:"> ",props:{style:{color:"#FF7B72"}}},{content:"\\",props:{style:{color:"#79C0FF"}}}]},{tokens:[{content:" -H ",props:{style:{color:"#79C0FF"}}},{content:"'Content-Type: application/json'",props:{style:{color:"#A5D6FF"}}},{content:"\\",props:{style:{color:"#79C0FF"}}}]},{tokens:[{content:" -H ",props:{style:{color:"#79C0FF"}}},{content:"'x-api-key: '",props:{style:{color:"#A5D6FF"}}},{content:"\\",props:{style:{color:"#79C0FF"}}}]},{tokens:[{content:" -d ",props:{style:{color:"#79C0FF"}}},{content:'\'{"inputs": {"text":""}, "tweaks": {}}\'',props:{style:{color:"#A5D6FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,n.jsxs)(t.p,{children:["With Python using ",(0,n.jsx)(t.code,{children:"requests"}),":"]}),"\n",(0,n.jsx)(d.Code,{codeConfig:D,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#FF7B72"}}},{content:" requests",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" typing ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Optional",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"BASE_API_URL ",props:{style:{color:"#79C0FF"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"http://localhost:3001/api/v1/process"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"FLOW_ID ",props:{style:{color:"#79C0FF"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"4441b773-0724-434e-9cee-19d995d8f2df"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"# You can tweak the flow by adding a tweaks dictionary",props:{style:{color:"#8B949E"}}}]},{tokens:[{content:'# e.g {"OpenAI-XXXXX": {"model_name": "gpt-4"}}',props:{style:{color:"#8B949E"}}}]},{tokens:[{content:"TWEAKS ",props:{style:{color:"#79C0FF"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" {}",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"def ",props:{style:{color:"#FF7B72"}}},{content:"run_flow",props:{style:{color:"#D2A8FF"}}},{content:"(inputs: ",props:{style:{color:"#C9D1D9"}}},{content:"dict",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" flow_id: ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" tweaks: Optional[",props:{style:{color:"#C9D1D9"}}},{content:"dict",props:{style:{color:"#79C0FF"}}},{content:"] ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:"None",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" apiKey: Optional[",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:"] ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:"None",props:{style:{color:"#79C0FF"}}},{content:") -> ",props:{style:{color:"#C9D1D9"}}},{content:"dict",props:{style:{color:"#79C0FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' """',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" Run a flow with a given message and optional tweaks.",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" :param message: The message to send to the flow",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" :param flow_id: The ID of the flow to run",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" :param tweaks: Optional tweaks to customize the flow",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" :return: The JSON response from the flow",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:' """',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" api_url ",props:{style:{color:"#C9D1D9"}}},{content:"= f",props:{style:{color:"#FF7B72"}}},{content:'"',props:{style:{color:"#A5D6FF"}}},{content:"{BASE_API_URL}",props:{style:{color:"#79C0FF"}}},{content:"/",props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"flow_id",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" payload ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}},{content:'"inputs"',props:{style:{color:"#A5D6FF"}}},{content:": inputs}",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" headers ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" {}",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" if",props:{style:{color:"#FF7B72"}}},{content:" tweaks:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" payload[",props:{style:{color:"#C9D1D9"}}},{content:'"tweaks"',props:{style:{color:"#A5D6FF"}}},{content:"] ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" tweaks",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" if",props:{style:{color:"#FF7B72"}}},{content:" apiKey:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" headers ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}},{content:'"x-api-key"',props:{style:{color:"#A5D6FF"}}},{content:": apiKey}",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" response ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" requests.post(api_url, ",props:{style:{color:"#C9D1D9"}}},{content:"json",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"payload, ",props:{style:{color:"#C9D1D9"}}},{content:"headers",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"headers)",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" response.json()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"# Setup any tweaks you want to apply to the flow",props:{style:{color:"#8B949E"}}}]},{tokens:[{content:"inputs ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}},{content:'"text"',props:{style:{color:"#A5D6FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}},{content:'""',props:{style:{color:"#A5D6FF"}}},{content:"}",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"api_key ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'""',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"print",props:{style:{color:"#79C0FF"}}},{content:"(run_flow(inputs, ",props:{style:{color:"#C9D1D9"}}},{content:"flow_id",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"FLOW_ID",props:{style:{color:"#79C0FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:"tweaks",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"TWEAKS",props:{style:{color:"#79C0FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:"apiKey",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"api_key))",props:{style:{color:"#C9D1D9"}}}]}],lang:"python"},annotations:[]}]}),"\n",(0,n.jsx)(t.h3,{id:"use-the-query-parameter",children:"Use the query parameter"}),"\n",(0,n.jsx)(t.p,{children:"Include the API key as a query parameter in the URL:"}),"\n",(0,n.jsx)(d.Code,{codeConfig:D,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"curl ",props:{style:{color:"#FFA657"}}},{content:"-X ",props:{style:{color:"#79C0FF"}}},{content:"POST ",props:{style:{color:"#A5D6FF"}}},{content:"\\",props:{style:{color:"#79C0FF"}}}]},{tokens:[{content:" http://localhost:3000/api/v1/process/",props:{style:{color:"#A5D6FF"}}},{content:"<",props:{style:{color:"#FF7B72"}}},{content:"your_flow_i",props:{style:{color:"#A5D6FF"}}},{content:"d",props:{style:{color:"#C9D1D9"}}},{content:">",props:{style:{color:"#FF7B72"}}},{content:"?x-api-key=",props:{style:{color:"#A5D6FF"}}},{content:"<",props:{style:{color:"#FF7B72"}}},{content:"your_api_ke",props:{style:{color:"#A5D6FF"}}},{content:"y",props:{style:{color:"#C9D1D9"}}},{content:"> ",props:{style:{color:"#FF7B72"}}},{content:"\\",props:{style:{color:"#79C0FF"}}}]},{tokens:[{content:" -H ",props:{style:{color:"#79C0FF"}}},{content:"'Content-Type: application/json'",props:{style:{color:"#A5D6FF"}}},{content:"\\",props:{style:{color:"#79C0FF"}}}]},{tokens:[{content:" -d ",props:{style:{color:"#79C0FF"}}},{content:'\'{"inputs": {"text":""}, "tweaks": {}}\'',props:{style:{color:"#A5D6FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,n.jsxs)(t.p,{children:["With Python using ",(0,n.jsx)(t.code,{children:"requests"}),":"]}),"\n",(0,n.jsx)(d.Code,{codeConfig:D,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#FF7B72"}}},{content:" requests",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"BASE_API_URL ",props:{style:{color:"#79C0FF"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"http://localhost:3001/api/v1/process"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"FLOW_ID ",props:{style:{color:"#79C0FF"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"4441b773-0724-434e-9cee-19d995d8f2df"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"# You can tweak the flow by adding a tweaks dictionary",props:{style:{color:"#8B949E"}}}]},{tokens:[{content:'# e.g {"OpenAI-XXXXX": {"model_name": "gpt-4"}}',props:{style:{color:"#8B949E"}}}]},{tokens:[{content:"TWEAKS ",props:{style:{color:"#79C0FF"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" {}",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"def ",props:{style:{color:"#FF7B72"}}},{content:"run_flow",props:{style:{color:"#D2A8FF"}}},{content:"(inputs: ",props:{style:{color:"#C9D1D9"}}},{content:"dict",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" flow_id: ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" tweaks: Optional[",props:{style:{color:"#C9D1D9"}}},{content:"dict",props:{style:{color:"#79C0FF"}}},{content:"] ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:"None",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" apiKey: Optional[",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:"] ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:"None",props:{style:{color:"#79C0FF"}}},{content:") -> ",props:{style:{color:"#C9D1D9"}}},{content:"dict",props:{style:{color:"#79C0FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' """',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" Run a flow with a given message and optional tweaks.",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" :param message: The message to send to the flow",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" :param flow_id: The ID of the flow to run",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" :param tweaks: Optional tweaks to customize the flow",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" :return: The JSON response from the flow",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:' """',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" api_url ",props:{style:{color:"#C9D1D9"}}},{content:"= f",props:{style:{color:"#FF7B72"}}},{content:'"',props:{style:{color:"#A5D6FF"}}},{content:"{BASE_API_URL}",props:{style:{color:"#79C0FF"}}},{content:"/",props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"flow_id",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" payload ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}},{content:'"inputs"',props:{style:{color:"#A5D6FF"}}},{content:": inputs}",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" headers ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" {}",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" if",props:{style:{color:"#FF7B72"}}},{content:" tweaks:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" payload[",props:{style:{color:"#C9D1D9"}}},{content:'"tweaks"',props:{style:{color:"#A5D6FF"}}},{content:"] ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" tweaks",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" if",props:{style:{color:"#FF7B72"}}},{content:" apiKey:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" api_url ",props:{style:{color:"#C9D1D9"}}},{content:"+= f",props:{style:{color:"#FF7B72"}}},{content:'"?x-api-key=',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"apiKey",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" response ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" requests.post(api_url, ",props:{style:{color:"#C9D1D9"}}},{content:"json",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"payload, ",props:{style:{color:"#C9D1D9"}}},{content:"headers",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"headers)",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" response.json()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"# Setup any tweaks you want to apply to the flow",props:{style:{color:"#8B949E"}}}]},{tokens:[{content:"inputs ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}},{content:'"text"',props:{style:{color:"#A5D6FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}},{content:'""',props:{style:{color:"#A5D6FF"}}},{content:"}",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"api_key ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'""',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"print",props:{style:{color:"#79C0FF"}}},{content:"(run_flow(inputs, ",props:{style:{color:"#C9D1D9"}}},{content:"flow_id",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"FLOW_ID",props:{style:{color:"#79C0FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:"tweaks",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"TWEAKS",props:{style:{color:"#79C0FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:"apiKey",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"api_key))",props:{style:{color:"#C9D1D9"}}}]}],lang:"python"},annotations:[]}]}),"\n",(0,n.jsx)(t.h2,{id:"security-considerations",children:"Security Considerations"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.strong,{children:"Visibility"}),": For security reasons, the API key cannot be retrieved again through the UI."]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.strong,{children:"Scope"}),": The key allows access only to the flows and components of the specific user to whom it was issued."]}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"custom-api-endpoint",children:"Custom API endpoint"}),"\n",(0,n.jsxs)(t.p,{children:["Under ",(0,n.jsx)(t.strong,{children:"Project Settings"})," > ",(0,n.jsx)(t.strong,{children:"Endpoint Name"}),", you can pick a custom name for the endpoint used to call your flow from the API."]}),"\n",(0,n.jsx)(t.h2,{id:"revoke-an-api-key",children:"Revoke an API Key"}),"\n",(0,n.jsx)(t.p,{children:"To revoke an API key, delete it from the UI. This action immediately invalidates the key and prevents it from being used again."})]})}const u=function(o={}){const{wrapper:t}=Object.assign({},(0,s.RP)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(k,o)})):k(o)};function C(o,t){throw new Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/assets/js/1220ddb3.ea2573ce.js b/assets/js/1220ddb3.ea2573ce.js new file mode 100644 index 0000000000..566eb1fb94 --- /dev/null +++ b/assets/js/1220ddb3.ea2573ce.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[541],{7293:(o,t,e)=>{e.d(t,{A:()=>_});var n=e(6540),s=e(4848);function r(o){const{mdxAdmonitionTitle:t,rest:e}=function(o){const t=n.Children.toArray(o),e=t.find((o=>n.isValidElement(o)&&"mdxAdmonitionTitle"===o.type)),r=t.filter((o=>o!==e)),l=e?.props.children;return{mdxAdmonitionTitle:l,rest:r.length>0?(0,s.jsx)(s.Fragment,{children:r}):null}}(o.children),r=o.title??t;return{...o,...r&&{title:r},children:e}}var l=e(8215),c=e(1312),p=e(7559);const i={admonition:"admonition_xJq3",admonitionHeading:"admonitionHeading_Gvgb",admonitionIcon:"admonitionIcon_Rf37",admonitionContent:"admonitionContent_BuS1"};function a(o){let{type:t,className:e,children:n}=o;return(0,s.jsx)("div",{className:(0,l.A)(p.G.common.admonition,p.G.common.admonitionType(t),i.admonition,e),children:n})}function y(o){let{icon:t,title:e}=o;return(0,s.jsxs)("div",{className:i.admonitionHeading,children:[(0,s.jsx)("span",{className:i.admonitionIcon,children:t}),e]})}function d(o){let{children:t}=o;return t?(0,s.jsx)("div",{className:i.admonitionContent,children:t}):null}function F(o){const{type:t,icon:e,title:n,children:r,className:l}=o;return(0,s.jsxs)(a,{type:t,className:l,children:[n||e?(0,s.jsx)(y,{title:n,icon:e}):null,(0,s.jsx)(d,{children:r})]})}function h(o){return(0,s.jsx)("svg",{viewBox:"0 0 14 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"})})}const u={icon:(0,s.jsx)(h,{}),title:(0,s.jsx)(c.A,{id:"theme.admonition.note",description:"The default label used for the Note admonition (:::note)",children:"note"})};function D(o){return(0,s.jsx)(F,{...u,...o,className:(0,l.A)("alert alert--secondary",o.className),children:o.children})}function k(o){return(0,s.jsx)("svg",{viewBox:"0 0 12 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"})})}const C={icon:(0,s.jsx)(k,{}),title:(0,s.jsx)(c.A,{id:"theme.admonition.tip",description:"The default label used for the Tip admonition (:::tip)",children:"tip"})};function f(o){return(0,s.jsx)(F,{...C,...o,className:(0,l.A)("alert alert--success",o.className),children:o.children})}function m(o){return(0,s.jsx)("svg",{viewBox:"0 0 14 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"})})}const A={icon:(0,s.jsx)(m,{}),title:(0,s.jsx)(c.A,{id:"theme.admonition.info",description:"The default label used for the Info admonition (:::info)",children:"info"})};function g(o){return(0,s.jsx)(F,{...A,...o,className:(0,l.A)("alert alert--info",o.className),children:o.children})}function w(o){return(0,s.jsx)("svg",{viewBox:"0 0 16 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"})})}const x={icon:(0,s.jsx)(w,{}),title:(0,s.jsx)(c.A,{id:"theme.admonition.warning",description:"The default label used for the Warning admonition (:::warning)",children:"warning"})};function j(o){return(0,s.jsx)("svg",{viewBox:"0 0 12 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"})})}const v={icon:(0,s.jsx)(j,{}),title:(0,s.jsx)(c.A,{id:"theme.admonition.danger",description:"The default label used for the Danger admonition (:::danger)",children:"danger"})};const B={icon:(0,s.jsx)(w,{}),title:(0,s.jsx)(c.A,{id:"theme.admonition.caution",description:"The default label used for the Caution admonition (:::caution)",children:"caution"})};const b={...{note:D,tip:f,info:g,warning:function(o){return(0,s.jsx)(F,{...x,...o,className:(0,l.A)("alert alert--warning",o.className),children:o.children})},danger:function(o){return(0,s.jsx)(F,{...v,...o,className:(0,l.A)("alert alert--danger",o.className),children:o.children})}},...{secondary:o=>(0,s.jsx)(D,{title:"secondary",...o}),important:o=>(0,s.jsx)(g,{title:"important",...o}),success:o=>(0,s.jsx)(f,{title:"success",...o}),caution:function(o){return(0,s.jsx)(F,{...B,...o,className:(0,l.A)("alert alert--warning",o.className),children:o.children})}}};var I=e(6763);function _(o){const t=r(o),e=(n=t.type,b[n]||(I.warn(`No admonition component found for admonition type "${n}". Using Info as fallback.`),b.info));var n;return(0,s.jsx)(e,{...t})}},7533:(o,t,e)=>{e.d(t,{A:()=>c});var n=e(6540),s=e(1122),r=e(6025),l=e(4848);const c=o=>{let{alt:t,sources:e,style:c}=o;const[p,i]=(0,n.useState)(!1),a=o=>{"Escape"===o.key&&i(!1)};(0,n.useEffect)((()=>(p?document.addEventListener("keydown",a):document.removeEventListener("keydown",a),()=>{document.removeEventListener("keydown",a)})),[p]);return(0,l.jsx)("div",{className:"zoomable-image "+(p?"fullscreen":""),onClick:()=>{i(!p)},style:{width:"50%",margin:"0 auto",display:"flex",justifyContent:"center",...c},children:(0,l.jsx)(s.A,{className:"zoomable-image-inner",alt:t,sources:{light:(0,r.Ay)(e.light),dark:(0,r.Ay)(e.dark)}})})}},8600:(o,t,e)=>{e.r(t),e.d(t,{CH:()=>F,assets:()=>d,chCodeConfig:()=>h,contentTitle:()=>a,default:()=>k,frontMatter:()=>i,metadata:()=>y,toc:()=>u});e(6540);var n=e(4848),s=e(8453),r=e(4754),l=e(6025),c=e(7533),p=e(7293);const i={},a="API Keys",y={id:"administration/api",title:"API Keys",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/administration/api.mdx",sourceDirName:"administration",slug:"/administration/api",permalink:"/administration/api",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"docs",previous:{title:"Vector Store RAG",permalink:"/starter-projects/vector-store-rag"},next:{title:"Sign Up and Sign In",permalink:"/administration/login"}},d={},F={annotations:r.hk,Code:r.Cy},h={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},u=[{value:"Generate an API key",id:"generate-an-api-key",level:2},{value:"Generate an API key with the Langflow UI",id:"generate-an-api-key-with-the-langflow-ui",level:3},{value:"Generate an API key with the Langflow CLI",id:"generate-an-api-key-with-the-langflow-cli",level:3},{value:"Use the Langflow API key",id:"use-the-langflow-api-key",level:2},{value:"Use the x-api-key header",id:"use-the-x-api-key-header",level:3},{value:"Use the query parameter",id:"use-the-query-parameter",level:3},{value:"Security Considerations",id:"security-considerations",level:2},{value:"Custom API endpoint",id:"custom-api-endpoint",level:2},{value:"Revoke an API Key",id:"revoke-an-api-key",level:2}];function D(o){const t=Object.assign({h1:"h1",p:"p",code:"code",h2:"h2",h3:"h3",ol:"ol",li:"li",ul:"ul",strong:"strong"},(0,s.RP)(),o.components);return F||C("CH",!1),F.Code||C("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n","\n","\n",(0,n.jsx)(t.h1,{id:"api-keys",children:"API Keys"}),"\n",(0,n.jsx)(p.A,{type:"warning",title:"warning",children:(0,n.jsx)(t.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,n.jsx)(t.p,{children:"Langflow provides an API key functionality that allows users to access their individual components and flows without traditional login authentication. The API key is a user-specific token that can be included in the request header or query parameter to authenticate API calls. This documentation outlines how to generate, use, and manage API keys in Langflow."}),"\n",(0,n.jsxs)(p.A,{type:"warning",children:[(0,n.jsx)(t.p,{children:"The default user and password are set using the LANGFLOW_SUPERUSER and\nLANGFLOW_SUPERUSER_PASSWORD environment variables."}),(0,n.jsxs)(t.p,{children:["The default values are ",(0,n.jsx)(t.code,{children:"langflow"})," and ",(0,n.jsx)(t.code,{children:"langflow"}),", respectively."]})]}),"\n",(0,n.jsx)(t.h2,{id:"generate-an-api-key",children:"Generate an API key"}),"\n",(0,n.jsx)(t.p,{children:"Generate a user-specific token to use with Langflow."}),"\n",(0,n.jsx)(t.h3,{id:"generate-an-api-key-with-the-langflow-ui",children:"Generate an API key with the Langflow UI"}),"\n",(0,n.jsx)(c.A,{alt:"Docusaurus themed image",sources:{light:(0,l.Ay)("img/api-key.png"),dark:(0,l.Ay)("img/api-key.png")},style:{width:"50%",maxWidth:"600px",margin:"0 auto"}}),"\n",(0,n.jsxs)(t.ol,{children:["\n",(0,n.jsx)(t.li,{children:'Click on the "API Key" icon.'}),"\n",(0,n.jsx)(t.li,{children:'Click on "Create new secret key".'}),"\n",(0,n.jsx)(t.li,{children:"Give it an optional name."}),"\n",(0,n.jsx)(t.li,{children:'Click on "Create secret key".'}),"\n",(0,n.jsx)(t.li,{children:"Copy the API key and store it in a secure location."}),"\n"]}),"\n",(0,n.jsx)(t.h3,{id:"generate-an-api-key-with-the-langflow-cli",children:"Generate an API key with the Langflow CLI"}),"\n",(0,n.jsx)(F.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"langflow ",props:{style:{color:"#FFA657"}}},{content:"api-key",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"# or",props:{style:{color:"#8B949E"}}}]},{tokens:[{content:"python ",props:{style:{color:"#FFA657"}}},{content:"-m ",props:{style:{color:"#79C0FF"}}},{content:"langflow api-key",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"\u256d\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u256e",props:{style:{color:"#FFA657"}}}]},{tokens:[{content:"\u2502 ",props:{style:{color:"#FFA657"}}},{content:"API Key Created Successfully: \u2502",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"\u2502 ",props:{style:{color:"#FFA657"}}},{content:"\u2502",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"\u2502 ",props:{style:{color:"#FFA657"}}},{content:"sk-O0elzoWID1izAH8RUKrnnvyyMwIzHi2Wk-uXWoNJ2Ro \u2502",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"\u2502 ",props:{style:{color:"#FFA657"}}},{content:"\u2502",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"\u2502 ",props:{style:{color:"#FFA657"}}},{content:"This is the only time the API key will be displayed. \u2502",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"\u2502 ",props:{style:{color:"#FFA657"}}},{content:"Make sure to store it in a secure location. \u2502",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"\u2502 ",props:{style:{color:"#FFA657"}}},{content:"\u2502",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"\u2502 ",props:{style:{color:"#FFA657"}}},{content:"The API key has been copied to your clipboard. Cmd + V to paste it. \u2502",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"\u2570\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500",props:{style:{color:"#FFA657"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,n.jsx)(t.h2,{id:"use-the-langflow-api-key",children:"Use the Langflow API key"}),"\n",(0,n.jsx)(t.p,{children:"Include your API key in API requests to authenticate requests to Langflow."}),"\n",(0,n.jsxs)(t.h3,{id:"use-the-x-api-key-header",children:["Use the ",(0,n.jsx)(t.code,{children:"x-api-key"})," header"]}),"\n",(0,n.jsxs)(t.p,{children:["Include the ",(0,n.jsx)(t.code,{children:"x-api-key"})," in the HTTP header when making API requests:"]}),"\n",(0,n.jsx)(F.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"curl ",props:{style:{color:"#FFA657"}}},{content:"-X ",props:{style:{color:"#79C0FF"}}},{content:"POST ",props:{style:{color:"#A5D6FF"}}},{content:"\\",props:{style:{color:"#79C0FF"}}}]},{tokens:[{content:" http://localhost:3000/api/v1/run/",props:{style:{color:"#A5D6FF"}}},{content:"<",props:{style:{color:"#FF7B72"}}},{content:"your_flow_i",props:{style:{color:"#A5D6FF"}}},{content:"d",props:{style:{color:"#C9D1D9"}}},{content:"> ",props:{style:{color:"#FF7B72"}}},{content:"\\",props:{style:{color:"#79C0FF"}}}]},{tokens:[{content:" -H ",props:{style:{color:"#79C0FF"}}},{content:"'Content-Type: application/json'",props:{style:{color:"#A5D6FF"}}},{content:"\\",props:{style:{color:"#79C0FF"}}}]},{tokens:[{content:" -H ",props:{style:{color:"#79C0FF"}}},{content:"'x-api-key: '",props:{style:{color:"#A5D6FF"}}},{content:"\\",props:{style:{color:"#79C0FF"}}}]},{tokens:[{content:" -d ",props:{style:{color:"#79C0FF"}}},{content:'\'{"inputs": {"text":""}, "tweaks": {}}\'',props:{style:{color:"#A5D6FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,n.jsxs)(t.p,{children:["With Python using ",(0,n.jsx)(t.code,{children:"requests"}),":"]}),"\n",(0,n.jsx)(F.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#FF7B72"}}},{content:" requests",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" typing ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Optional",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"BASE_API_URL ",props:{style:{color:"#79C0FF"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"http://localhost:3001/api/v1/process"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"FLOW_ID ",props:{style:{color:"#79C0FF"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"4441b773-0724-434e-9cee-19d995d8f2df"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"# You can tweak the flow by adding a tweaks dictionary",props:{style:{color:"#8B949E"}}}]},{tokens:[{content:'# e.g {"OpenAI-XXXXX": {"model_name": "gpt-4"}}',props:{style:{color:"#8B949E"}}}]},{tokens:[{content:"TWEAKS ",props:{style:{color:"#79C0FF"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" {}",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"def ",props:{style:{color:"#FF7B72"}}},{content:"run_flow",props:{style:{color:"#D2A8FF"}}},{content:"(inputs: ",props:{style:{color:"#C9D1D9"}}},{content:"dict",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" flow_id: ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" tweaks: Optional[",props:{style:{color:"#C9D1D9"}}},{content:"dict",props:{style:{color:"#79C0FF"}}},{content:"] ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:"None",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" apiKey: Optional[",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:"] ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:"None",props:{style:{color:"#79C0FF"}}},{content:") -> ",props:{style:{color:"#C9D1D9"}}},{content:"dict",props:{style:{color:"#79C0FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' """',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" Run a flow with a given message and optional tweaks.",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" :param message: The message to send to the flow",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" :param flow_id: The ID of the flow to run",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" :param tweaks: Optional tweaks to customize the flow",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" :return: The JSON response from the flow",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:' """',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" api_url ",props:{style:{color:"#C9D1D9"}}},{content:"= f",props:{style:{color:"#FF7B72"}}},{content:'"',props:{style:{color:"#A5D6FF"}}},{content:"{BASE_API_URL}",props:{style:{color:"#79C0FF"}}},{content:"/",props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"flow_id",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" payload ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}},{content:'"inputs"',props:{style:{color:"#A5D6FF"}}},{content:": inputs}",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" headers ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" {}",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" if",props:{style:{color:"#FF7B72"}}},{content:" tweaks:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" payload[",props:{style:{color:"#C9D1D9"}}},{content:'"tweaks"',props:{style:{color:"#A5D6FF"}}},{content:"] ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" tweaks",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" if",props:{style:{color:"#FF7B72"}}},{content:" apiKey:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" headers ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}},{content:'"x-api-key"',props:{style:{color:"#A5D6FF"}}},{content:": apiKey}",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" response ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" requests.post(api_url, ",props:{style:{color:"#C9D1D9"}}},{content:"json",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"payload, ",props:{style:{color:"#C9D1D9"}}},{content:"headers",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"headers)",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" response.json()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"# Setup any tweaks you want to apply to the flow",props:{style:{color:"#8B949E"}}}]},{tokens:[{content:"inputs ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}},{content:'"text"',props:{style:{color:"#A5D6FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}},{content:'""',props:{style:{color:"#A5D6FF"}}},{content:"}",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"api_key ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'""',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"print",props:{style:{color:"#79C0FF"}}},{content:"(run_flow(inputs, ",props:{style:{color:"#C9D1D9"}}},{content:"flow_id",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"FLOW_ID",props:{style:{color:"#79C0FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:"tweaks",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"TWEAKS",props:{style:{color:"#79C0FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:"apiKey",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"api_key))",props:{style:{color:"#C9D1D9"}}}]}],lang:"python"},annotations:[]}]}),"\n",(0,n.jsx)(t.h3,{id:"use-the-query-parameter",children:"Use the query parameter"}),"\n",(0,n.jsx)(t.p,{children:"Include the API key as a query parameter in the URL:"}),"\n",(0,n.jsx)(F.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"curl ",props:{style:{color:"#FFA657"}}},{content:"-X ",props:{style:{color:"#79C0FF"}}},{content:"POST ",props:{style:{color:"#A5D6FF"}}},{content:"\\",props:{style:{color:"#79C0FF"}}}]},{tokens:[{content:" http://localhost:3000/api/v1/process/",props:{style:{color:"#A5D6FF"}}},{content:"<",props:{style:{color:"#FF7B72"}}},{content:"your_flow_i",props:{style:{color:"#A5D6FF"}}},{content:"d",props:{style:{color:"#C9D1D9"}}},{content:">",props:{style:{color:"#FF7B72"}}},{content:"?x-api-key=",props:{style:{color:"#A5D6FF"}}},{content:"<",props:{style:{color:"#FF7B72"}}},{content:"your_api_ke",props:{style:{color:"#A5D6FF"}}},{content:"y",props:{style:{color:"#C9D1D9"}}},{content:"> ",props:{style:{color:"#FF7B72"}}},{content:"\\",props:{style:{color:"#79C0FF"}}}]},{tokens:[{content:" -H ",props:{style:{color:"#79C0FF"}}},{content:"'Content-Type: application/json'",props:{style:{color:"#A5D6FF"}}},{content:"\\",props:{style:{color:"#79C0FF"}}}]},{tokens:[{content:" -d ",props:{style:{color:"#79C0FF"}}},{content:'\'{"inputs": {"text":""}, "tweaks": {}}\'',props:{style:{color:"#A5D6FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,n.jsxs)(t.p,{children:["With Python using ",(0,n.jsx)(t.code,{children:"requests"}),":"]}),"\n",(0,n.jsx)(F.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#FF7B72"}}},{content:" requests",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"BASE_API_URL ",props:{style:{color:"#79C0FF"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"http://localhost:3001/api/v1/process"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"FLOW_ID ",props:{style:{color:"#79C0FF"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"4441b773-0724-434e-9cee-19d995d8f2df"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"# You can tweak the flow by adding a tweaks dictionary",props:{style:{color:"#8B949E"}}}]},{tokens:[{content:'# e.g {"OpenAI-XXXXX": {"model_name": "gpt-4"}}',props:{style:{color:"#8B949E"}}}]},{tokens:[{content:"TWEAKS ",props:{style:{color:"#79C0FF"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" {}",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"def ",props:{style:{color:"#FF7B72"}}},{content:"run_flow",props:{style:{color:"#D2A8FF"}}},{content:"(inputs: ",props:{style:{color:"#C9D1D9"}}},{content:"dict",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" flow_id: ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" tweaks: Optional[",props:{style:{color:"#C9D1D9"}}},{content:"dict",props:{style:{color:"#79C0FF"}}},{content:"] ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:"None",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" apiKey: Optional[",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:"] ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:"None",props:{style:{color:"#79C0FF"}}},{content:") -> ",props:{style:{color:"#C9D1D9"}}},{content:"dict",props:{style:{color:"#79C0FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' """',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" Run a flow with a given message and optional tweaks.",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" :param message: The message to send to the flow",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" :param flow_id: The ID of the flow to run",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" :param tweaks: Optional tweaks to customize the flow",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" :return: The JSON response from the flow",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:' """',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" api_url ",props:{style:{color:"#C9D1D9"}}},{content:"= f",props:{style:{color:"#FF7B72"}}},{content:'"',props:{style:{color:"#A5D6FF"}}},{content:"{BASE_API_URL}",props:{style:{color:"#79C0FF"}}},{content:"/",props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"flow_id",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" payload ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}},{content:'"inputs"',props:{style:{color:"#A5D6FF"}}},{content:": inputs}",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" headers ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" {}",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" if",props:{style:{color:"#FF7B72"}}},{content:" tweaks:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" payload[",props:{style:{color:"#C9D1D9"}}},{content:'"tweaks"',props:{style:{color:"#A5D6FF"}}},{content:"] ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" tweaks",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" if",props:{style:{color:"#FF7B72"}}},{content:" apiKey:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" api_url ",props:{style:{color:"#C9D1D9"}}},{content:"+= f",props:{style:{color:"#FF7B72"}}},{content:'"?x-api-key=',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"apiKey",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" response ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" requests.post(api_url, ",props:{style:{color:"#C9D1D9"}}},{content:"json",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"payload, ",props:{style:{color:"#C9D1D9"}}},{content:"headers",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"headers)",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" response.json()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"# Setup any tweaks you want to apply to the flow",props:{style:{color:"#8B949E"}}}]},{tokens:[{content:"inputs ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}},{content:'"text"',props:{style:{color:"#A5D6FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}},{content:'""',props:{style:{color:"#A5D6FF"}}},{content:"}",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"api_key ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'""',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"print",props:{style:{color:"#79C0FF"}}},{content:"(run_flow(inputs, ",props:{style:{color:"#C9D1D9"}}},{content:"flow_id",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"FLOW_ID",props:{style:{color:"#79C0FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:"tweaks",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"TWEAKS",props:{style:{color:"#79C0FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:"apiKey",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"api_key))",props:{style:{color:"#C9D1D9"}}}]}],lang:"python"},annotations:[]}]}),"\n",(0,n.jsx)(t.h2,{id:"security-considerations",children:"Security Considerations"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.strong,{children:"Visibility"}),": For security reasons, the API key cannot be retrieved again through the UI."]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.strong,{children:"Scope"}),": The key allows access only to the flows and components of the specific user to whom it was issued."]}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"custom-api-endpoint",children:"Custom API endpoint"}),"\n",(0,n.jsxs)(t.p,{children:["Under ",(0,n.jsx)(t.strong,{children:"Project Settings"})," > ",(0,n.jsx)(t.strong,{children:"Endpoint Name"}),", you can pick a custom name for the endpoint used to call your flow from the API."]}),"\n",(0,n.jsx)(t.h2,{id:"revoke-an-api-key",children:"Revoke an API Key"}),"\n",(0,n.jsx)(t.p,{children:"To revoke an API key, delete it from the UI. This action immediately invalidates the key and prevents it from being used again."})]})}const k=function(o={}){const{wrapper:t}=Object.assign({},(0,s.RP)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(D,o)})):D(o)};function C(o,t){throw new Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/assets/js/155c6abe.773876c9.js b/assets/js/155c6abe.773876c9.js deleted file mode 100644 index e2737e3ad7..0000000000 --- a/assets/js/155c6abe.773876c9.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[3837],{7533:(o,t,e)=>{e.d(t,{A:()=>l});var n=e(6540),s=e(1122),r=e(6025),c=e(4848);const l=o=>{let{alt:t,sources:e,style:l}=o;const[p,i]=(0,n.useState)(!1),D=o=>{"Escape"===o.key&&i(!1)};(0,n.useEffect)((()=>(p?document.addEventListener("keydown",D):document.removeEventListener("keydown",D),()=>{document.removeEventListener("keydown",D)})),[p]);return(0,c.jsx)("div",{className:"zoomable-image "+(p?"fullscreen":""),onClick:()=>{i(!p)},style:{width:"50%",margin:"0 auto",display:"flex",justifyContent:"center",...l},children:(0,c.jsx)(s.A,{className:"zoomable-image-inner",alt:t,sources:{light:(0,r.Ay)(e.light),dark:(0,r.Ay)(e.dark)}})})}},7647:(o,t,e)=>{e.r(t),e.d(t,{CH:()=>a,assets:()=>y,chCodeConfig:()=>F,contentTitle:()=>i,default:()=>C,frontMatter:()=>p,metadata:()=>D,toc:()=>d});e(6540);var n=e(4848),s=e(8453),r=e(4754),c=e(7293),l=(e(1122),e(6025),e(7533));const p={},i="Notion Search",D={id:"integrations/notion/search",title:"Notion Search",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/integrations/notion/search.md",sourceDirName:"integrations/notion",slug:"/integrations/notion/search",permalink:"/integrations/notion/search",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"docs",previous:{title:"Setting up a Notion App",permalink:"/integrations/notion/setup"},next:{title:"Database Properties",permalink:"/integrations/notion/list-database-properties"}},y={},a={annotations:r.hk,Code:r.Cy},F={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},d=[{value:"Component Usage",id:"component-usage",level:2},{value:"Component Python Code",id:"component-python-code",level:2},{value:"Example Usage",id:"example-usage",level:2},{value:"Best Practices",id:"best-practices",level:2},{value:"Troubleshooting",id:"troubleshooting",level:2}];function h(o){const t=Object.assign({h1:"h1",p:"p",code:"code",a:"a",ul:"ul",li:"li",h2:"h2",ol:"ol",strong:"strong"},(0,s.RP)(),o.components);return a||u("CH",!1),a.Code||u("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n","\n","\n",(0,n.jsx)(t.h1,{id:"notion-search",children:"Notion Search"}),"\n",(0,n.jsx)(c.A,{type:"warning",title:"warning",children:(0,n.jsx)(t.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,n.jsxs)(t.p,{children:["The ",(0,n.jsx)(t.code,{children:"NotionSearch"})," component is designed to search all pages and databases that have been shared with an integration in Notion. It provides a convenient way to integrate Notion search capabilities into your Langflow workflows."]}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.a,{href:"https://developers.notion.com/reference/search",children:"Notion Reference"})}),"\n",(0,n.jsxs)(c.A,{type:"tip",title:"Component Functionality",children:[(0,n.jsxs)(t.p,{children:["The ",(0,n.jsx)(t.code,{children:"NotionSearch"})," component enables you to:"]}),(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"Search for pages and databases in Notion that have been shared with an integration"}),"\n",(0,n.jsx)(t.li,{children:"Filter the search results based on object type (pages or databases)"}),"\n",(0,n.jsx)(t.li,{children:"Sort the search results in ascending or descending order based on the last edited time"}),"\n"]})]}),"\n",(0,n.jsx)(t.h2,{id:"component-usage",children:"Component Usage"}),"\n",(0,n.jsxs)(t.p,{children:["To use the ",(0,n.jsx)(t.code,{children:"NotionSearch"})," component in a Langflow flow, follow these steps:"]}),"\n",(0,n.jsxs)(t.ol,{children:["\n",(0,n.jsx)(t.li,{children:(0,n.jsxs)(t.strong,{children:["Add the ",(0,n.jsx)(t.code,{children:"NotionSearch"})," component to your flow."]})}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.strong,{children:"Configure the component by providing the required parameters:"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"notion_secret"}),": The Notion integration token for authentication."]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"query"}),": The text to search for in page and database titles."]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"filter_value"}),": The type of objects to include in the search results (pages or databases)."]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"sort_direction"}),": The direction to sort the search results (ascending or descending)."]}),"\n"]}),"\n"]}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsxs)(t.strong,{children:["Connect the ",(0,n.jsx)(t.code,{children:"NotionSearch"})," component to other components in your flow as needed."]})}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"component-python-code",children:"Component Python Code"}),"\n",(0,n.jsx)(a.Code,{codeConfig:F,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#FF7B72"}}},{content:" requests",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" typing ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Dict, Any, List",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.custom ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" CustomComponent",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.schema ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Data",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"class ",props:{style:{color:"#FF7B72"}}},{content:"NotionSearch",props:{style:{color:"#FFA657"}}},{content:"(",props:{style:{color:"#C9D1D9"}}},{content:"CustomComponent",props:{style:{color:"#79C0FF"}}},{content:"):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"Search Notion"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" description ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" (",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "Searches all pages and databases that have been shared with an integration."',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" )",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" documentation: ",props:{style:{color:"#C9D1D9"}}},{content:"str ",props:{style:{color:"#79C0FF"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"https://docs.langflow.org/integrations/notion/search"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" icon ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"NotionDirectoryLoader"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" field_order ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" [",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "notion_secret"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "query"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "filter_value"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "sort_direction"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ]",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build_config",props:{style:{color:"#D2A8FF"}}},{content:"(self):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "notion_secret"',props:{style:{color:"#A5D6FF"}}},{content:": {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "display_name"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"Notion Secret"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "field_type"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"str"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "info"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"The Notion integration token."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "password"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"True",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" },",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "query"',props:{style:{color:"#A5D6FF"}}},{content:": {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "display_name"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"Search Query"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "field_type"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"str"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "info"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"The text that the API compares page and database titles against."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" },",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "filter_value"',props:{style:{color:"#A5D6FF"}}},{content:": {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "display_name"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"Filter Type"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "field_type"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"str"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "info"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"Limits the results to either only pages or only databases."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "options"',props:{style:{color:"#A5D6FF"}}},{content:": [",props:{style:{color:"#C9D1D9"}}},{content:'"page"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:'"database"',props:{style:{color:"#A5D6FF"}}},{content:"],",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "default_value"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"page"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" },",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "sort_direction"',props:{style:{color:"#A5D6FF"}}},{content:": {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "display_name"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"Sort Direction"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "field_type"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"str"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "info"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"The direction to sort the results."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "options"',props:{style:{color:"#A5D6FF"}}},{content:": [",props:{style:{color:"#C9D1D9"}}},{content:'"ascending"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:'"descending"',props:{style:{color:"#A5D6FF"}}},{content:"],",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "default_value"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"descending"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" },",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" }",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build",props:{style:{color:"#D2A8FF"}}},{content:"(",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" self,",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" notion_secret: ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" query: ",props:{style:{color:"#C9D1D9"}}},{content:"str ",props:{style:{color:"#79C0FF"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'""',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" filter_value: ",props:{style:{color:"#C9D1D9"}}},{content:"str ",props:{style:{color:"#79C0FF"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"page"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" sort_direction: ",props:{style:{color:"#C9D1D9"}}},{content:"str ",props:{style:{color:"#79C0FF"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"descending"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ) -> List[Data]:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" try",props:{style:{color:"#FF7B72"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" url ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"https://api.notion.com/v1/search"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" headers ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "Authorization"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"f",props:{style:{color:"#FF7B72"}}},{content:'"Bearer ',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"notion_secret",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "Content-Type"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"application/json"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "Notion-Version"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"2022-06-28"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" }",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" data ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "query"',props:{style:{color:"#A5D6FF"}}},{content:": query,",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "filter"',props:{style:{color:"#A5D6FF"}}},{content:": {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "value"',props:{style:{color:"#A5D6FF"}}},{content:": filter_value,",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "property"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"object"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" },",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "sort"',props:{style:{color:"#A5D6FF"}}},{content:":{",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "direction"',props:{style:{color:"#A5D6FF"}}},{content:": sort_direction,",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "timestamp"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"last_edited_time"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" }",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" }",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" response ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" requests.post(url, ",props:{style:{color:"#C9D1D9"}}},{content:"headers",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"headers, ",props:{style:{color:"#C9D1D9"}}},{content:"json",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"data)",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" response.raise_for_status()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" results ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" response.json()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" data ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" []",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" combined_text ",props:{style:{color:"#C9D1D9"}}},{content:"= f",props:{style:{color:"#FF7B72"}}},{content:'"Results found: ',props:{style:{color:"#A5D6FF"}}},{content:"{len",props:{style:{color:"#79C0FF"}}},{content:"(results[",props:{style:{color:"#C9D1D9"}}},{content:"'results'",props:{style:{color:"#A5D6FF"}}},{content:"])",props:{style:{color:"#C9D1D9"}}},{content:"}\\n\\n",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" for",props:{style:{color:"#FF7B72"}}},{content:" result ",props:{style:{color:"#C9D1D9"}}},{content:"in",props:{style:{color:"#FF7B72"}}},{content:" results[",props:{style:{color:"#C9D1D9"}}},{content:"'results'",props:{style:{color:"#A5D6FF"}}},{content:"]:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" result_data ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" 'id'",props:{style:{color:"#A5D6FF"}}},{content:": result[",props:{style:{color:"#C9D1D9"}}},{content:"'id'",props:{style:{color:"#A5D6FF"}}},{content:"],",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" 'type'",props:{style:{color:"#A5D6FF"}}},{content:": result[",props:{style:{color:"#C9D1D9"}}},{content:"'object'",props:{style:{color:"#A5D6FF"}}},{content:"],",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" 'last_edited_time'",props:{style:{color:"#A5D6FF"}}},{content:": result[",props:{style:{color:"#C9D1D9"}}},{content:"'last_edited_time'",props:{style:{color:"#A5D6FF"}}},{content:"],",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" }",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" if",props:{style:{color:"#FF7B72"}}},{content:" result[",props:{style:{color:"#C9D1D9"}}},{content:"'object'",props:{style:{color:"#A5D6FF"}}},{content:"] ",props:{style:{color:"#C9D1D9"}}},{content:"== ",props:{style:{color:"#FF7B72"}}},{content:"'page'",props:{style:{color:"#A5D6FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" result_data[",props:{style:{color:"#C9D1D9"}}},{content:"'title_or_url'",props:{style:{color:"#A5D6FF"}}},{content:"] ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" result[",props:{style:{color:"#C9D1D9"}}},{content:"'url'",props:{style:{color:"#A5D6FF"}}},{content:"]",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" text ",props:{style:{color:"#C9D1D9"}}},{content:"= f",props:{style:{color:"#FF7B72"}}},{content:'"id: ',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"result[",props:{style:{color:"#C9D1D9"}}},{content:"'id'",props:{style:{color:"#A5D6FF"}}},{content:"]",props:{style:{color:"#C9D1D9"}}},{content:"}\\n",props:{style:{color:"#79C0FF"}}},{content:"title_or_url: ",props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"result[",props:{style:{color:"#C9D1D9"}}},{content:"'url'",props:{style:{color:"#A5D6FF"}}},{content:"]",props:{style:{color:"#C9D1D9"}}},{content:"}\\n",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" elif",props:{style:{color:"#FF7B72"}}},{content:" result[",props:{style:{color:"#C9D1D9"}}},{content:"'object'",props:{style:{color:"#A5D6FF"}}},{content:"] ",props:{style:{color:"#C9D1D9"}}},{content:"== ",props:{style:{color:"#FF7B72"}}},{content:"'database'",props:{style:{color:"#A5D6FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" if ",props:{style:{color:"#FF7B72"}}},{content:"'title' ",props:{style:{color:"#A5D6FF"}}},{content:"in",props:{style:{color:"#FF7B72"}}},{content:" result ",props:{style:{color:"#C9D1D9"}}},{content:"and ",props:{style:{color:"#FF7B72"}}},{content:"isinstance",props:{style:{color:"#79C0FF"}}},{content:"(result[",props:{style:{color:"#C9D1D9"}}},{content:"'title'",props:{style:{color:"#A5D6FF"}}},{content:"], ",props:{style:{color:"#C9D1D9"}}},{content:"list",props:{style:{color:"#79C0FF"}}},{content:") ",props:{style:{color:"#C9D1D9"}}},{content:"and ",props:{style:{color:"#FF7B72"}}},{content:"len",props:{style:{color:"#79C0FF"}}},{content:"(result[",props:{style:{color:"#C9D1D9"}}},{content:"'title'",props:{style:{color:"#A5D6FF"}}},{content:"]) ",props:{style:{color:"#C9D1D9"}}},{content:"> ",props:{style:{color:"#FF7B72"}}},{content:"0",props:{style:{color:"#79C0FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" result_data[",props:{style:{color:"#C9D1D9"}}},{content:"'title_or_url'",props:{style:{color:"#A5D6FF"}}},{content:"] ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" result[",props:{style:{color:"#C9D1D9"}}},{content:"'title'",props:{style:{color:"#A5D6FF"}}},{content:"][",props:{style:{color:"#C9D1D9"}}},{content:"0",props:{style:{color:"#79C0FF"}}},{content:"][",props:{style:{color:"#C9D1D9"}}},{content:"'plain_text'",props:{style:{color:"#A5D6FF"}}},{content:"]",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" text ",props:{style:{color:"#C9D1D9"}}},{content:"= f",props:{style:{color:"#FF7B72"}}},{content:'"id: ',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"result[",props:{style:{color:"#C9D1D9"}}},{content:"'id'",props:{style:{color:"#A5D6FF"}}},{content:"]",props:{style:{color:"#C9D1D9"}}},{content:"}\\n",props:{style:{color:"#79C0FF"}}},{content:"title_or_url: ",props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"result[",props:{style:{color:"#C9D1D9"}}},{content:"'title'",props:{style:{color:"#A5D6FF"}}},{content:"][",props:{style:{color:"#C9D1D9"}}},{content:"0",props:{style:{color:"#79C0FF"}}},{content:"][",props:{style:{color:"#C9D1D9"}}},{content:"'plain_text'",props:{style:{color:"#A5D6FF"}}},{content:"]",props:{style:{color:"#C9D1D9"}}},{content:"}\\n",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" else",props:{style:{color:"#FF7B72"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" result_data[",props:{style:{color:"#C9D1D9"}}},{content:"'title_or_url'",props:{style:{color:"#A5D6FF"}}},{content:"] ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"N/A"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" text ",props:{style:{color:"#C9D1D9"}}},{content:"= f",props:{style:{color:"#FF7B72"}}},{content:'"id: ',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"result[",props:{style:{color:"#C9D1D9"}}},{content:"'id'",props:{style:{color:"#A5D6FF"}}},{content:"]",props:{style:{color:"#C9D1D9"}}},{content:"}\\n",props:{style:{color:"#79C0FF"}}},{content:"title_or_url: N/A",props:{style:{color:"#A5D6FF"}}},{content:"\\n",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" text ",props:{style:{color:"#C9D1D9"}}},{content:"+= f",props:{style:{color:"#FF7B72"}}},{content:'"type: ',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"result[",props:{style:{color:"#C9D1D9"}}},{content:"'object'",props:{style:{color:"#A5D6FF"}}},{content:"]",props:{style:{color:"#C9D1D9"}}},{content:"}\\n",props:{style:{color:"#79C0FF"}}},{content:"last_edited_time: ",props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"result[",props:{style:{color:"#C9D1D9"}}},{content:"'last_edited_time'",props:{style:{color:"#A5D6FF"}}},{content:"]",props:{style:{color:"#C9D1D9"}}},{content:"}\\n\\n",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" combined_text ",props:{style:{color:"#C9D1D9"}}},{content:"+=",props:{style:{color:"#FF7B72"}}},{content:" text",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" data.append(Data(",props:{style:{color:"#C9D1D9"}}},{content:"text",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"text, ",props:{style:{color:"#C9D1D9"}}},{content:"data",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"result_data))",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" self",props:{style:{color:"#79C0FF"}}},{content:".status ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" combined_text",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" data",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" except ",props:{style:{color:"#FF7B72"}}},{content:"Exception ",props:{style:{color:"#79C0FF"}}},{content:"as",props:{style:{color:"#FF7B72"}}},{content:" e:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" self",props:{style:{color:"#79C0FF"}}},{content:".status ",props:{style:{color:"#C9D1D9"}}},{content:"= f",props:{style:{color:"#FF7B72"}}},{content:'"An error occurred: ',props:{style:{color:"#A5D6FF"}}},{content:"{str",props:{style:{color:"#79C0FF"}}},{content:"(e)",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" [Data(",props:{style:{color:"#C9D1D9"}}},{content:"text",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"self",props:{style:{color:"#79C0FF"}}},{content:".status, ",props:{style:{color:"#C9D1D9"}}},{content:"data",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"[])]",props:{style:{color:"#C9D1D9"}}}]}],lang:"python"},annotations:[]}]}),"\n",(0,n.jsx)(t.h2,{id:"example-usage",children:"Example Usage"}),"\n",(0,n.jsxs)(c.A,{type:"info",title:"Example Usage",children:[(0,n.jsxs)(t.p,{children:["Here's an example of how you can use the ",(0,n.jsx)(t.code,{children:"NotionSearch"})," component in a Langflow flow:"]}),(0,n.jsx)(l.A,{alt:"NotionSearch Flow Example",sources:{light:"img/notion/NotionSearch_flow_example.png",dark:"img/notion/NotionSearch_flow_example_dark.png"},style:{width:"100%",margin:"20px 0"}}),(0,n.jsxs)(t.p,{children:["In this example, the ",(0,n.jsx)(t.code,{children:"NotionSearch"})," component is used to search for pages and databases in Notion based on the provided query and filter criteria. The retrieved data can then be processed further in the subsequent components of the flow."]})]}),"\n",(0,n.jsx)(t.h2,{id:"best-practices",children:"Best Practices"}),"\n",(0,n.jsxs)(t.p,{children:["When using the ",(0,n.jsx)(t.code,{children:"NotionSearch"})," component, consider these best practices:"]}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"Ensure you have a valid Notion integration token with the necessary permissions to search for pages and databases."}),"\n",(0,n.jsx)(t.li,{children:"Provide a meaningful search query to narrow down the results to the desired pages or databases."}),"\n",(0,n.jsxs)(t.li,{children:["Choose the appropriate filter type (",(0,n.jsx)(t.code,{children:"page"})," or ",(0,n.jsx)(t.code,{children:"database"}),") based on your search requirements."]}),"\n",(0,n.jsxs)(t.li,{children:["Consider the sorting direction (",(0,n.jsx)(t.code,{children:"ascending"})," or ",(0,n.jsx)(t.code,{children:"descending"}),") to organize the search results effectively."]}),"\n"]}),"\n",(0,n.jsxs)(t.p,{children:["The ",(0,n.jsx)(t.code,{children:"NotionSearch"})," component provides a powerful way to integrate Notion search capabilities into your Langflow workflows. By leveraging this component, you can easily search for pages and databases in Notion based on custom queries and filters, enabling you to build more dynamic and data-driven flows."]}),"\n",(0,n.jsxs)(t.p,{children:["We encourage you to explore the capabilities of the ",(0,n.jsx)(t.code,{children:"NotionSearch"})," component further and experiment with different search scenarios to unlock the full potential of integrating Notion search into your Langflow workflows."]}),"\n",(0,n.jsx)(t.h2,{id:"troubleshooting",children:"Troubleshooting"}),"\n",(0,n.jsxs)(t.p,{children:["If you encounter any issues while using the ",(0,n.jsx)(t.code,{children:"NotionSearch"})," component, consider the following:"]}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:["Double-check that the ",(0,n.jsx)(t.code,{children:"notion_secret"})," is correct and valid."]}),"\n",(0,n.jsx)(t.li,{children:"Verify that the Notion integration has the necessary permissions to access the desired pages and databases."}),"\n",(0,n.jsx)(t.li,{children:"Check the Notion API documentation for any updates or changes that may affect the component's functionality."}),"\n"]})]})}const C=function(o={}){const{wrapper:t}=Object.assign({},(0,s.RP)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(h,o)})):h(o)};function u(o,t){throw new Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/assets/js/155c6abe.78ca7063.js b/assets/js/155c6abe.78ca7063.js new file mode 100644 index 0000000000..49d88d7c27 --- /dev/null +++ b/assets/js/155c6abe.78ca7063.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[3837],{7293:(o,t,e)=>{e.d(t,{A:()=>N});var n=e(6540),s=e(4848);function r(o){const{mdxAdmonitionTitle:t,rest:e}=function(o){const t=n.Children.toArray(o),e=t.find((o=>n.isValidElement(o)&&"mdxAdmonitionTitle"===o.type)),r=t.filter((o=>o!==e)),c=e?.props.children;return{mdxAdmonitionTitle:c,rest:r.length>0?(0,s.jsx)(s.Fragment,{children:r}):null}}(o.children),r=o.title??t;return{...o,...r&&{title:r},children:e}}var c=e(8215),l=e(1312),p=e(7559);const i={admonition:"admonition_xJq3",admonitionHeading:"admonitionHeading_Gvgb",admonitionIcon:"admonitionIcon_Rf37",admonitionContent:"admonitionContent_BuS1"};function a(o){let{type:t,className:e,children:n}=o;return(0,s.jsx)("div",{className:(0,c.A)(p.G.common.admonition,p.G.common.admonitionType(t),i.admonition,e),children:n})}function D(o){let{icon:t,title:e}=o;return(0,s.jsxs)("div",{className:i.admonitionHeading,children:[(0,s.jsx)("span",{className:i.admonitionIcon,children:t}),e]})}function d(o){let{children:t}=o;return t?(0,s.jsx)("div",{className:i.admonitionContent,children:t}):null}function y(o){const{type:t,icon:e,title:n,children:r,className:c}=o;return(0,s.jsxs)(a,{type:t,className:c,children:[n||e?(0,s.jsx)(D,{title:n,icon:e}):null,(0,s.jsx)(d,{children:r})]})}function F(o){return(0,s.jsx)("svg",{viewBox:"0 0 14 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"})})}const h={icon:(0,s.jsx)(F,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.note",description:"The default label used for the Note admonition (:::note)",children:"note"})};function u(o){return(0,s.jsx)(y,{...h,...o,className:(0,c.A)("alert alert--secondary",o.className),children:o.children})}function C(o){return(0,s.jsx)("svg",{viewBox:"0 0 12 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"})})}const m={icon:(0,s.jsx)(C,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.tip",description:"The default label used for the Tip admonition (:::tip)",children:"tip"})};function f(o){return(0,s.jsx)(y,{...m,...o,className:(0,c.A)("alert alert--success",o.className),children:o.children})}function g(o){return(0,s.jsx)("svg",{viewBox:"0 0 14 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"})})}const x={icon:(0,s.jsx)(g,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.info",description:"The default label used for the Info admonition (:::info)",children:"info"})};function A(o){return(0,s.jsx)(y,{...x,...o,className:(0,c.A)("alert alert--info",o.className),children:o.children})}function k(o){return(0,s.jsx)("svg",{viewBox:"0 0 16 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"})})}const j={icon:(0,s.jsx)(k,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.warning",description:"The default label used for the Warning admonition (:::warning)",children:"warning"})};function b(o){return(0,s.jsx)("svg",{viewBox:"0 0 12 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"})})}const v={icon:(0,s.jsx)(b,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.danger",description:"The default label used for the Danger admonition (:::danger)",children:"danger"})};const B={icon:(0,s.jsx)(k,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.caution",description:"The default label used for the Caution admonition (:::caution)",children:"caution"})};const _={...{note:u,tip:f,info:A,warning:function(o){return(0,s.jsx)(y,{...j,...o,className:(0,c.A)("alert alert--warning",o.className),children:o.children})},danger:function(o){return(0,s.jsx)(y,{...v,...o,className:(0,c.A)("alert alert--danger",o.className),children:o.children})}},...{secondary:o=>(0,s.jsx)(u,{title:"secondary",...o}),important:o=>(0,s.jsx)(A,{title:"important",...o}),success:o=>(0,s.jsx)(f,{title:"success",...o}),caution:function(o){return(0,s.jsx)(y,{...B,...o,className:(0,c.A)("alert alert--warning",o.className),children:o.children})}}};var w=e(6763);function N(o){const t=r(o),e=(n=t.type,_[n]||(w.warn(`No admonition component found for admonition type "${n}". Using Info as fallback.`),_.info));var n;return(0,s.jsx)(e,{...t})}},7533:(o,t,e)=>{e.d(t,{A:()=>l});var n=e(6540),s=e(1122),r=e(6025),c=e(4848);const l=o=>{let{alt:t,sources:e,style:l}=o;const[p,i]=(0,n.useState)(!1),a=o=>{"Escape"===o.key&&i(!1)};(0,n.useEffect)((()=>(p?document.addEventListener("keydown",a):document.removeEventListener("keydown",a),()=>{document.removeEventListener("keydown",a)})),[p]);return(0,c.jsx)("div",{className:"zoomable-image "+(p?"fullscreen":""),onClick:()=>{i(!p)},style:{width:"50%",margin:"0 auto",display:"flex",justifyContent:"center",...l},children:(0,c.jsx)(s.A,{className:"zoomable-image-inner",alt:t,sources:{light:(0,r.Ay)(e.light),dark:(0,r.Ay)(e.dark)}})})}},7647:(o,t,e)=>{e.r(t),e.d(t,{CH:()=>d,assets:()=>D,chCodeConfig:()=>y,contentTitle:()=>i,default:()=>u,frontMatter:()=>p,metadata:()=>a,toc:()=>F});e(6540);var n=e(4848),s=e(8453),r=e(4754),c=e(7293),l=(e(1122),e(6025),e(7533));const p={},i="Notion Search",a={id:"integrations/notion/search",title:"Notion Search",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/integrations/notion/search.md",sourceDirName:"integrations/notion",slug:"/integrations/notion/search",permalink:"/integrations/notion/search",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"docs",previous:{title:"Setting up a Notion App",permalink:"/integrations/notion/setup"},next:{title:"Database Properties",permalink:"/integrations/notion/list-database-properties"}},D={},d={annotations:r.hk,Code:r.Cy},y={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},F=[{value:"Component Usage",id:"component-usage",level:2},{value:"Component Python Code",id:"component-python-code",level:2},{value:"Example Usage",id:"example-usage",level:2},{value:"Best Practices",id:"best-practices",level:2},{value:"Troubleshooting",id:"troubleshooting",level:2}];function h(o){const t=Object.assign({h1:"h1",p:"p",code:"code",a:"a",ul:"ul",li:"li",h2:"h2",ol:"ol",strong:"strong"},(0,s.RP)(),o.components);return d||C("CH",!1),d.Code||C("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n","\n","\n",(0,n.jsx)(t.h1,{id:"notion-search",children:"Notion Search"}),"\n",(0,n.jsx)(c.A,{type:"warning",title:"warning",children:(0,n.jsx)(t.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,n.jsxs)(t.p,{children:["The ",(0,n.jsx)(t.code,{children:"NotionSearch"})," component is designed to search all pages and databases that have been shared with an integration in Notion. It provides a convenient way to integrate Notion search capabilities into your Langflow workflows."]}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.a,{href:"https://developers.notion.com/reference/search",children:"Notion Reference"})}),"\n",(0,n.jsxs)(c.A,{type:"tip",title:"Component Functionality",children:[(0,n.jsxs)(t.p,{children:["The ",(0,n.jsx)(t.code,{children:"NotionSearch"})," component enables you to:"]}),(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"Search for pages and databases in Notion that have been shared with an integration"}),"\n",(0,n.jsx)(t.li,{children:"Filter the search results based on object type (pages or databases)"}),"\n",(0,n.jsx)(t.li,{children:"Sort the search results in ascending or descending order based on the last edited time"}),"\n"]})]}),"\n",(0,n.jsx)(t.h2,{id:"component-usage",children:"Component Usage"}),"\n",(0,n.jsxs)(t.p,{children:["To use the ",(0,n.jsx)(t.code,{children:"NotionSearch"})," component in a Langflow flow, follow these steps:"]}),"\n",(0,n.jsxs)(t.ol,{children:["\n",(0,n.jsx)(t.li,{children:(0,n.jsxs)(t.strong,{children:["Add the ",(0,n.jsx)(t.code,{children:"NotionSearch"})," component to your flow."]})}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.strong,{children:"Configure the component by providing the required parameters:"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"notion_secret"}),": The Notion integration token for authentication."]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"query"}),": The text to search for in page and database titles."]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"filter_value"}),": The type of objects to include in the search results (pages or databases)."]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"sort_direction"}),": The direction to sort the search results (ascending or descending)."]}),"\n"]}),"\n"]}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsxs)(t.strong,{children:["Connect the ",(0,n.jsx)(t.code,{children:"NotionSearch"})," component to other components in your flow as needed."]})}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"component-python-code",children:"Component Python Code"}),"\n",(0,n.jsx)(d.Code,{codeConfig:y,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#FF7B72"}}},{content:" requests",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" typing ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Dict, Any, List",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.custom ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" CustomComponent",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.schema ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Data",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"class ",props:{style:{color:"#FF7B72"}}},{content:"NotionSearch",props:{style:{color:"#FFA657"}}},{content:"(",props:{style:{color:"#C9D1D9"}}},{content:"CustomComponent",props:{style:{color:"#79C0FF"}}},{content:"):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"Search Notion"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" description ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" (",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "Searches all pages and databases that have been shared with an integration."',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" )",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" documentation: ",props:{style:{color:"#C9D1D9"}}},{content:"str ",props:{style:{color:"#79C0FF"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"https://docs.langflow.org/integrations/notion/search"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" icon ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"NotionDirectoryLoader"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" field_order ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" [",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "notion_secret"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "query"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "filter_value"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "sort_direction"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ]",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build_config",props:{style:{color:"#D2A8FF"}}},{content:"(self):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "notion_secret"',props:{style:{color:"#A5D6FF"}}},{content:": {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "display_name"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"Notion Secret"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "field_type"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"str"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "info"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"The Notion integration token."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "password"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"True",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" },",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "query"',props:{style:{color:"#A5D6FF"}}},{content:": {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "display_name"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"Search Query"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "field_type"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"str"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "info"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"The text that the API compares page and database titles against."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" },",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "filter_value"',props:{style:{color:"#A5D6FF"}}},{content:": {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "display_name"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"Filter Type"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "field_type"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"str"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "info"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"Limits the results to either only pages or only databases."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "options"',props:{style:{color:"#A5D6FF"}}},{content:": [",props:{style:{color:"#C9D1D9"}}},{content:'"page"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:'"database"',props:{style:{color:"#A5D6FF"}}},{content:"],",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "default_value"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"page"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" },",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "sort_direction"',props:{style:{color:"#A5D6FF"}}},{content:": {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "display_name"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"Sort Direction"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "field_type"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"str"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "info"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"The direction to sort the results."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "options"',props:{style:{color:"#A5D6FF"}}},{content:": [",props:{style:{color:"#C9D1D9"}}},{content:'"ascending"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:'"descending"',props:{style:{color:"#A5D6FF"}}},{content:"],",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "default_value"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"descending"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" },",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" }",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build",props:{style:{color:"#D2A8FF"}}},{content:"(",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" self,",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" notion_secret: ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" query: ",props:{style:{color:"#C9D1D9"}}},{content:"str ",props:{style:{color:"#79C0FF"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'""',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" filter_value: ",props:{style:{color:"#C9D1D9"}}},{content:"str ",props:{style:{color:"#79C0FF"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"page"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" sort_direction: ",props:{style:{color:"#C9D1D9"}}},{content:"str ",props:{style:{color:"#79C0FF"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"descending"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ) -> List[Data]:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" try",props:{style:{color:"#FF7B72"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" url ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"https://api.notion.com/v1/search"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" headers ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "Authorization"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"f",props:{style:{color:"#FF7B72"}}},{content:'"Bearer ',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"notion_secret",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "Content-Type"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"application/json"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "Notion-Version"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"2022-06-28"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" }",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" data ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "query"',props:{style:{color:"#A5D6FF"}}},{content:": query,",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "filter"',props:{style:{color:"#A5D6FF"}}},{content:": {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "value"',props:{style:{color:"#A5D6FF"}}},{content:": filter_value,",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "property"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"object"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" },",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "sort"',props:{style:{color:"#A5D6FF"}}},{content:":{",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "direction"',props:{style:{color:"#A5D6FF"}}},{content:": sort_direction,",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "timestamp"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"last_edited_time"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" }",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" }",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" response ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" requests.post(url, ",props:{style:{color:"#C9D1D9"}}},{content:"headers",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"headers, ",props:{style:{color:"#C9D1D9"}}},{content:"json",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"data)",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" response.raise_for_status()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" results ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" response.json()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" data ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" []",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" combined_text ",props:{style:{color:"#C9D1D9"}}},{content:"= f",props:{style:{color:"#FF7B72"}}},{content:'"Results found: ',props:{style:{color:"#A5D6FF"}}},{content:"{len",props:{style:{color:"#79C0FF"}}},{content:"(results[",props:{style:{color:"#C9D1D9"}}},{content:"'results'",props:{style:{color:"#A5D6FF"}}},{content:"])",props:{style:{color:"#C9D1D9"}}},{content:"}\\n\\n",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" for",props:{style:{color:"#FF7B72"}}},{content:" result ",props:{style:{color:"#C9D1D9"}}},{content:"in",props:{style:{color:"#FF7B72"}}},{content:" results[",props:{style:{color:"#C9D1D9"}}},{content:"'results'",props:{style:{color:"#A5D6FF"}}},{content:"]:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" result_data ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" 'id'",props:{style:{color:"#A5D6FF"}}},{content:": result[",props:{style:{color:"#C9D1D9"}}},{content:"'id'",props:{style:{color:"#A5D6FF"}}},{content:"],",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" 'type'",props:{style:{color:"#A5D6FF"}}},{content:": result[",props:{style:{color:"#C9D1D9"}}},{content:"'object'",props:{style:{color:"#A5D6FF"}}},{content:"],",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" 'last_edited_time'",props:{style:{color:"#A5D6FF"}}},{content:": result[",props:{style:{color:"#C9D1D9"}}},{content:"'last_edited_time'",props:{style:{color:"#A5D6FF"}}},{content:"],",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" }",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" if",props:{style:{color:"#FF7B72"}}},{content:" result[",props:{style:{color:"#C9D1D9"}}},{content:"'object'",props:{style:{color:"#A5D6FF"}}},{content:"] ",props:{style:{color:"#C9D1D9"}}},{content:"== ",props:{style:{color:"#FF7B72"}}},{content:"'page'",props:{style:{color:"#A5D6FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" result_data[",props:{style:{color:"#C9D1D9"}}},{content:"'title_or_url'",props:{style:{color:"#A5D6FF"}}},{content:"] ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" result[",props:{style:{color:"#C9D1D9"}}},{content:"'url'",props:{style:{color:"#A5D6FF"}}},{content:"]",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" text ",props:{style:{color:"#C9D1D9"}}},{content:"= f",props:{style:{color:"#FF7B72"}}},{content:'"id: ',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"result[",props:{style:{color:"#C9D1D9"}}},{content:"'id'",props:{style:{color:"#A5D6FF"}}},{content:"]",props:{style:{color:"#C9D1D9"}}},{content:"}\\n",props:{style:{color:"#79C0FF"}}},{content:"title_or_url: ",props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"result[",props:{style:{color:"#C9D1D9"}}},{content:"'url'",props:{style:{color:"#A5D6FF"}}},{content:"]",props:{style:{color:"#C9D1D9"}}},{content:"}\\n",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" elif",props:{style:{color:"#FF7B72"}}},{content:" result[",props:{style:{color:"#C9D1D9"}}},{content:"'object'",props:{style:{color:"#A5D6FF"}}},{content:"] ",props:{style:{color:"#C9D1D9"}}},{content:"== ",props:{style:{color:"#FF7B72"}}},{content:"'database'",props:{style:{color:"#A5D6FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" if ",props:{style:{color:"#FF7B72"}}},{content:"'title' ",props:{style:{color:"#A5D6FF"}}},{content:"in",props:{style:{color:"#FF7B72"}}},{content:" result ",props:{style:{color:"#C9D1D9"}}},{content:"and ",props:{style:{color:"#FF7B72"}}},{content:"isinstance",props:{style:{color:"#79C0FF"}}},{content:"(result[",props:{style:{color:"#C9D1D9"}}},{content:"'title'",props:{style:{color:"#A5D6FF"}}},{content:"], ",props:{style:{color:"#C9D1D9"}}},{content:"list",props:{style:{color:"#79C0FF"}}},{content:") ",props:{style:{color:"#C9D1D9"}}},{content:"and ",props:{style:{color:"#FF7B72"}}},{content:"len",props:{style:{color:"#79C0FF"}}},{content:"(result[",props:{style:{color:"#C9D1D9"}}},{content:"'title'",props:{style:{color:"#A5D6FF"}}},{content:"]) ",props:{style:{color:"#C9D1D9"}}},{content:"> ",props:{style:{color:"#FF7B72"}}},{content:"0",props:{style:{color:"#79C0FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" result_data[",props:{style:{color:"#C9D1D9"}}},{content:"'title_or_url'",props:{style:{color:"#A5D6FF"}}},{content:"] ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" result[",props:{style:{color:"#C9D1D9"}}},{content:"'title'",props:{style:{color:"#A5D6FF"}}},{content:"][",props:{style:{color:"#C9D1D9"}}},{content:"0",props:{style:{color:"#79C0FF"}}},{content:"][",props:{style:{color:"#C9D1D9"}}},{content:"'plain_text'",props:{style:{color:"#A5D6FF"}}},{content:"]",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" text ",props:{style:{color:"#C9D1D9"}}},{content:"= f",props:{style:{color:"#FF7B72"}}},{content:'"id: ',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"result[",props:{style:{color:"#C9D1D9"}}},{content:"'id'",props:{style:{color:"#A5D6FF"}}},{content:"]",props:{style:{color:"#C9D1D9"}}},{content:"}\\n",props:{style:{color:"#79C0FF"}}},{content:"title_or_url: ",props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"result[",props:{style:{color:"#C9D1D9"}}},{content:"'title'",props:{style:{color:"#A5D6FF"}}},{content:"][",props:{style:{color:"#C9D1D9"}}},{content:"0",props:{style:{color:"#79C0FF"}}},{content:"][",props:{style:{color:"#C9D1D9"}}},{content:"'plain_text'",props:{style:{color:"#A5D6FF"}}},{content:"]",props:{style:{color:"#C9D1D9"}}},{content:"}\\n",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" else",props:{style:{color:"#FF7B72"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" result_data[",props:{style:{color:"#C9D1D9"}}},{content:"'title_or_url'",props:{style:{color:"#A5D6FF"}}},{content:"] ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"N/A"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" text ",props:{style:{color:"#C9D1D9"}}},{content:"= f",props:{style:{color:"#FF7B72"}}},{content:'"id: ',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"result[",props:{style:{color:"#C9D1D9"}}},{content:"'id'",props:{style:{color:"#A5D6FF"}}},{content:"]",props:{style:{color:"#C9D1D9"}}},{content:"}\\n",props:{style:{color:"#79C0FF"}}},{content:"title_or_url: N/A",props:{style:{color:"#A5D6FF"}}},{content:"\\n",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" text ",props:{style:{color:"#C9D1D9"}}},{content:"+= f",props:{style:{color:"#FF7B72"}}},{content:'"type: ',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"result[",props:{style:{color:"#C9D1D9"}}},{content:"'object'",props:{style:{color:"#A5D6FF"}}},{content:"]",props:{style:{color:"#C9D1D9"}}},{content:"}\\n",props:{style:{color:"#79C0FF"}}},{content:"last_edited_time: ",props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"result[",props:{style:{color:"#C9D1D9"}}},{content:"'last_edited_time'",props:{style:{color:"#A5D6FF"}}},{content:"]",props:{style:{color:"#C9D1D9"}}},{content:"}\\n\\n",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" combined_text ",props:{style:{color:"#C9D1D9"}}},{content:"+=",props:{style:{color:"#FF7B72"}}},{content:" text",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" data.append(Data(",props:{style:{color:"#C9D1D9"}}},{content:"text",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"text, ",props:{style:{color:"#C9D1D9"}}},{content:"data",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"result_data))",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" self",props:{style:{color:"#79C0FF"}}},{content:".status ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" combined_text",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" data",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" except ",props:{style:{color:"#FF7B72"}}},{content:"Exception ",props:{style:{color:"#79C0FF"}}},{content:"as",props:{style:{color:"#FF7B72"}}},{content:" e:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" self",props:{style:{color:"#79C0FF"}}},{content:".status ",props:{style:{color:"#C9D1D9"}}},{content:"= f",props:{style:{color:"#FF7B72"}}},{content:'"An error occurred: ',props:{style:{color:"#A5D6FF"}}},{content:"{str",props:{style:{color:"#79C0FF"}}},{content:"(e)",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" [Data(",props:{style:{color:"#C9D1D9"}}},{content:"text",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"self",props:{style:{color:"#79C0FF"}}},{content:".status, ",props:{style:{color:"#C9D1D9"}}},{content:"data",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"[])]",props:{style:{color:"#C9D1D9"}}}]}],lang:"python"},annotations:[]}]}),"\n",(0,n.jsx)(t.h2,{id:"example-usage",children:"Example Usage"}),"\n",(0,n.jsxs)(c.A,{type:"info",title:"Example Usage",children:[(0,n.jsxs)(t.p,{children:["Here's an example of how you can use the ",(0,n.jsx)(t.code,{children:"NotionSearch"})," component in a Langflow flow:"]}),(0,n.jsx)(l.A,{alt:"NotionSearch Flow Example",sources:{light:"img/notion/NotionSearch_flow_example.png",dark:"img/notion/NotionSearch_flow_example_dark.png"},style:{width:"100%",margin:"20px 0"}}),(0,n.jsxs)(t.p,{children:["In this example, the ",(0,n.jsx)(t.code,{children:"NotionSearch"})," component is used to search for pages and databases in Notion based on the provided query and filter criteria. The retrieved data can then be processed further in the subsequent components of the flow."]})]}),"\n",(0,n.jsx)(t.h2,{id:"best-practices",children:"Best Practices"}),"\n",(0,n.jsxs)(t.p,{children:["When using the ",(0,n.jsx)(t.code,{children:"NotionSearch"})," component, consider these best practices:"]}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"Ensure you have a valid Notion integration token with the necessary permissions to search for pages and databases."}),"\n",(0,n.jsx)(t.li,{children:"Provide a meaningful search query to narrow down the results to the desired pages or databases."}),"\n",(0,n.jsxs)(t.li,{children:["Choose the appropriate filter type (",(0,n.jsx)(t.code,{children:"page"})," or ",(0,n.jsx)(t.code,{children:"database"}),") based on your search requirements."]}),"\n",(0,n.jsxs)(t.li,{children:["Consider the sorting direction (",(0,n.jsx)(t.code,{children:"ascending"})," or ",(0,n.jsx)(t.code,{children:"descending"}),") to organize the search results effectively."]}),"\n"]}),"\n",(0,n.jsxs)(t.p,{children:["The ",(0,n.jsx)(t.code,{children:"NotionSearch"})," component provides a powerful way to integrate Notion search capabilities into your Langflow workflows. By leveraging this component, you can easily search for pages and databases in Notion based on custom queries and filters, enabling you to build more dynamic and data-driven flows."]}),"\n",(0,n.jsxs)(t.p,{children:["We encourage you to explore the capabilities of the ",(0,n.jsx)(t.code,{children:"NotionSearch"})," component further and experiment with different search scenarios to unlock the full potential of integrating Notion search into your Langflow workflows."]}),"\n",(0,n.jsx)(t.h2,{id:"troubleshooting",children:"Troubleshooting"}),"\n",(0,n.jsxs)(t.p,{children:["If you encounter any issues while using the ",(0,n.jsx)(t.code,{children:"NotionSearch"})," component, consider the following:"]}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:["Double-check that the ",(0,n.jsx)(t.code,{children:"notion_secret"})," is correct and valid."]}),"\n",(0,n.jsx)(t.li,{children:"Verify that the Notion integration has the necessary permissions to access the desired pages and databases."}),"\n",(0,n.jsx)(t.li,{children:"Check the Notion API documentation for any updates or changes that may affect the component's functionality."}),"\n"]})]})}const u=function(o={}){const{wrapper:t}=Object.assign({},(0,s.RP)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(h,o)})):h(o)};function C(o,t){throw new Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/assets/js/16cb8a22.10e360a7.js b/assets/js/16cb8a22.10e360a7.js deleted file mode 100644 index aafeaf734f..0000000000 --- a/assets/js/16cb8a22.10e360a7.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[2584],{7533:(o,t,e)=>{e.d(t,{A:()=>l});var n=e(6540),s=e(1122),r=e(6025),c=e(4848);const l=o=>{let{alt:t,sources:e,style:l}=o;const[p,i]=(0,n.useState)(!1),a=o=>{"Escape"===o.key&&i(!1)};(0,n.useEffect)((()=>(p?document.addEventListener("keydown",a):document.removeEventListener("keydown",a),()=>{document.removeEventListener("keydown",a)})),[p]);return(0,c.jsx)("div",{className:"zoomable-image "+(p?"fullscreen":""),onClick:()=>{i(!p)},style:{width:"50%",margin:"0 auto",display:"flex",justifyContent:"center",...l},children:(0,c.jsx)(s.A,{className:"zoomable-image-inner",alt:t,sources:{light:(0,r.Ay)(e.light),dark:(0,r.Ay)(e.dark)}})})}},5105:(o,t,e)=>{e.r(t),e.d(t,{CH:()=>y,assets:()=>d,chCodeConfig:()=>D,contentTitle:()=>i,default:()=>C,frontMatter:()=>p,metadata:()=>a,toc:()=>F});e(6540);var n=e(4848),s=e(8453),r=e(4754),c=e(7293),l=(e(1122),e(6025),e(7533));const p={},i="Page Create",a={id:"integrations/notion/page-create",title:"Page Create",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/integrations/notion/page-create.md",sourceDirName:"integrations/notion",slug:"/integrations/notion/page-create",permalink:"/integrations/notion/page-create",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"docs",previous:{title:"User List",permalink:"/integrations/notion/list-users"},next:{title:"Add Content To Page",permalink:"/integrations/notion/add-content-to-page"}},d={},y={annotations:r.hk,Code:r.Cy},D={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},F=[{value:"Component Usage",id:"component-usage",level:2},{value:"Component Python Code",id:"component-python-code",level:2},{value:"Example Usage",id:"example-usage",level:2},{value:"Best Practices",id:"best-practices",level:2},{value:"Troubleshooting",id:"troubleshooting",level:2}];function h(o){const t=Object.assign({h1:"h1",p:"p",code:"code",a:"a",ul:"ul",li:"li",h2:"h2",ol:"ol"},(0,s.RP)(),o.components);return y||g("CH",!1),y.Code||g("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n","\n","\n",(0,n.jsx)(t.h1,{id:"page-create",children:"Page Create"}),"\n",(0,n.jsx)(c.A,{type:"warning",title:"warning",children:(0,n.jsx)(t.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,n.jsxs)(t.p,{children:["The ",(0,n.jsx)(t.code,{children:"NotionPageCreator"})," component creates pages in a Notion database. It provides a convenient way to integrate Notion page creation into your Langflow workflows."]}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.a,{href:"https://developers.notion.com/reference/patch-block-children",children:"Notion Reference"})}),"\n",(0,n.jsxs)(c.A,{type:"tip",title:"Component Functionality",children:[(0,n.jsxs)(t.p,{children:["The ",(0,n.jsx)(t.code,{children:"NotionPageCreator"})," component enables you to:"]}),(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"Create new pages in a specified Notion database"}),"\n",(0,n.jsx)(t.li,{children:"Set custom properties for the created pages"}),"\n",(0,n.jsx)(t.li,{children:"Retrieve the ID and URL of the newly created pages"}),"\n"]})]}),"\n",(0,n.jsx)(t.h2,{id:"component-usage",children:"Component Usage"}),"\n",(0,n.jsxs)(t.p,{children:["To use the ",(0,n.jsx)(t.code,{children:"NotionPageCreator"})," component in a Langflow flow, follow these steps:"]}),"\n",(0,n.jsxs)(t.ol,{children:["\n",(0,n.jsxs)(t.li,{children:["Add the ",(0,n.jsx)(t.code,{children:"NotionPageCreator"})," component to your flow."]}),"\n",(0,n.jsxs)(t.li,{children:["Configure the component by providing the required inputs:","\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"database_id"}),": The ID of the Notion database where the pages will be created."]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"notion_secret"}),": The Notion integration token for authentication."]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"properties"}),": The properties of the new page, specified as a JSON string."]}),"\n"]}),"\n"]}),"\n",(0,n.jsx)(t.li,{children:"Connect the component to other components in your flow as needed."}),"\n",(0,n.jsx)(t.li,{children:"Run the flow to create Notion pages based on the configured inputs."}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"component-python-code",children:"Component Python Code"}),"\n",(0,n.jsx)(y.Code,{codeConfig:D,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#FF7B72"}}},{content:" json",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" typing ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Optional",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"import",props:{style:{color:"#FF7B72"}}},{content:" requests",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.custom ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" CustomComponent",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"class ",props:{style:{color:"#FF7B72"}}},{content:"NotionPageCreator",props:{style:{color:"#FFA657"}}},{content:"(",props:{style:{color:"#C9D1D9"}}},{content:"CustomComponent",props:{style:{color:"#79C0FF"}}},{content:"):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"Create Page [Notion]"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" description ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"A component for creating Notion pages."',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" documentation: ",props:{style:{color:"#C9D1D9"}}},{content:"str ",props:{style:{color:"#79C0FF"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"https://docs.langflow.org/integrations/notion/page-create"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" icon ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"NotionDirectoryLoader"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build_config",props:{style:{color:"#D2A8FF"}}},{content:"(self):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "database_id"',props:{style:{color:"#A5D6FF"}}},{content:": {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "display_name"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"Database ID"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "field_type"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"str"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "info"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"The ID of the Notion database."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" },",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "notion_secret"',props:{style:{color:"#A5D6FF"}}},{content:": {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "display_name"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"Notion Secret"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "field_type"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"str"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "info"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"The Notion integration token."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "password"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"True",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" },",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "properties"',props:{style:{color:"#A5D6FF"}}},{content:": {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "display_name"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"Properties"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "field_type"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"str"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "info"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"\"The properties of the new page. Depending on your database setup, this can change. E.G: {'Task name': {'id': 'title', 'type': 'title', 'title': [{'type': 'text', 'text': {'content': 'Send Notion Components to LF', 'link': null",props:{style:{color:"#A5D6FF"}}},{content:"}}",props:{style:{color:"#79C0FF"}}},{content:"]",props:{style:{color:"#A5D6FF"}}},{content:"}}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" },",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" }",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build",props:{style:{color:"#D2A8FF"}}},{content:"(",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" self,",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" database_id: ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" notion_secret: ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" properties: ",props:{style:{color:"#C9D1D9"}}},{content:"str ",props:{style:{color:"#79C0FF"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'\'{"Task name": {"id": "title", "type": "title", "title": [{"type": "text", "text": {"content": "Send Notion Components to LF", "link": null',props:{style:{color:"#A5D6FF"}}},{content:"}}",props:{style:{color:"#79C0FF"}}},{content:"]",props:{style:{color:"#A5D6FF"}}},{content:"}}",props:{style:{color:"#79C0FF"}}},{content:"'",props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ) -> ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" if not",props:{style:{color:"#FF7B72"}}},{content:" database_id ",props:{style:{color:"#C9D1D9"}}},{content:"or not",props:{style:{color:"#FF7B72"}}},{content:" properties:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" raise ",props:{style:{color:"#FF7B72"}}},{content:"ValueError",props:{style:{color:"#79C0FF"}}},{content:"(",props:{style:{color:"#C9D1D9"}}},{content:"\"Invalid input. Please provide 'database_id' and 'properties'.\"",props:{style:{color:"#A5D6FF"}}},{content:")",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" headers ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "Authorization"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"f",props:{style:{color:"#FF7B72"}}},{content:'"Bearer ',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"notion_secret",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "Content-Type"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"application/json"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "Notion-Version"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"2022-06-28"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" }",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" data ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "parent"',props:{style:{color:"#A5D6FF"}}},{content:": {",props:{style:{color:"#C9D1D9"}}},{content:'"database_id"',props:{style:{color:"#A5D6FF"}}},{content:": database_id},",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "properties"',props:{style:{color:"#A5D6FF"}}},{content:": json.loads(properties),",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" }",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" response ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" requests.post(",props:{style:{color:"#C9D1D9"}}},{content:'"https://api.notion.com/v1/pages"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:"headers",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"headers, ",props:{style:{color:"#C9D1D9"}}},{content:"json",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"data)",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" if",props:{style:{color:"#FF7B72"}}},{content:" response.status_code ",props:{style:{color:"#C9D1D9"}}},{content:"== ",props:{style:{color:"#FF7B72"}}},{content:"200",props:{style:{color:"#79C0FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" page_id ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" response.json()[",props:{style:{color:"#C9D1D9"}}},{content:'"id"',props:{style:{color:"#A5D6FF"}}},{content:"]",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" self",props:{style:{color:"#79C0FF"}}},{content:".status ",props:{style:{color:"#C9D1D9"}}},{content:"= f",props:{style:{color:"#FF7B72"}}},{content:'"Successfully created Notion page with ID: ',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"page_id",props:{style:{color:"#C9D1D9"}}},{content:"}\\n {str",props:{style:{color:"#79C0FF"}}},{content:"(response.json())",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" response.json()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" else",props:{style:{color:"#FF7B72"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" error_message ",props:{style:{color:"#C9D1D9"}}},{content:"= f",props:{style:{color:"#FF7B72"}}},{content:'"Failed to create Notion page. Status code: ',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"response.status_code",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:", Error: ",props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"response.text",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" self",props:{style:{color:"#79C0FF"}}},{content:".status ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" error_message",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" raise ",props:{style:{color:"#FF7B72"}}},{content:"Exception",props:{style:{color:"#79C0FF"}}},{content:"(error_message)",props:{style:{color:"#C9D1D9"}}}]}],lang:"python"},annotations:[]}]}),"\n",(0,n.jsx)(t.h2,{id:"example-usage",children:"Example Usage"}),"\n",(0,n.jsxs)(c.A,{type:"info",title:"Example Usage",children:[(0,n.jsxs)(t.p,{children:["Here's an example of how to use the ",(0,n.jsx)(t.code,{children:"NotionPageCreator"})," component in a Langflow flow:"]}),(0,n.jsx)(l.A,{alt:"NotionPageCreator Flow Example",sources:{light:"img/notion/NotionPageCreator_flow_example.png",dark:"img/notion/NotionPageCreator_flow_example_dark.png"},style:{width:"100%",margin:"20px 0"}})]}),"\n",(0,n.jsx)(t.h2,{id:"best-practices",children:"Best Practices"}),"\n",(0,n.jsxs)(t.p,{children:["When using the ",(0,n.jsx)(t.code,{children:"NotionPageCreator"})," component, consider the following best practices:"]}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"Ensure that you have a valid Notion integration token with the necessary permissions to create pages in the specified database."}),"\n",(0,n.jsxs)(t.li,{children:["Properly format the ",(0,n.jsx)(t.code,{children:"properties"})," input as a JSON string, matching the structure and field types of your Notion database."]}),"\n",(0,n.jsx)(t.li,{children:"Handle any errors or exceptions that may occur during the page creation process and provide appropriate error messages."}),"\n",(0,n.jsx)(t.li,{children:"To avoid the hassle of messing with JSON, we recommend using the LLM to create the JSON for you as input."}),"\n"]}),"\n",(0,n.jsxs)(t.p,{children:["The ",(0,n.jsx)(t.code,{children:"NotionPageCreator"})," component simplifies the process of creating pages in a Notion database directly from your Langflow workflows. By leveraging this component, you can seamlessly integrate Notion page creation functionality into your automated processes, saving time and effort. Feel free to explore the capabilities of the ",(0,n.jsx)(t.code,{children:"NotionPageCreator"})," component and adapt it to suit your specific requirements."]}),"\n",(0,n.jsx)(t.h2,{id:"troubleshooting",children:"Troubleshooting"}),"\n",(0,n.jsxs)(t.p,{children:["If you encounter any issues while using the ",(0,n.jsx)(t.code,{children:"NotionPageCreator"})," component, consider the following:"]}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:["Double-check that the ",(0,n.jsx)(t.code,{children:"database_id"})," and ",(0,n.jsx)(t.code,{children:"notion_secret"})," inputs are correct and valid."]}),"\n",(0,n.jsxs)(t.li,{children:["Verify that the ",(0,n.jsx)(t.code,{children:"properties"})," input is properly formatted as a JSON string and matches the structure of your Notion database."]}),"\n",(0,n.jsx)(t.li,{children:"Check the Notion API documentation for any updates or changes that may affect the component's functionality."}),"\n"]})]})}const C=function(o={}){const{wrapper:t}=Object.assign({},(0,s.RP)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(h,o)})):h(o)};function g(o,t){throw new Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/assets/js/16cb8a22.a94ecb87.js b/assets/js/16cb8a22.a94ecb87.js new file mode 100644 index 0000000000..233bcbe6a8 --- /dev/null +++ b/assets/js/16cb8a22.a94ecb87.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[2584],{7293:(o,t,e)=>{e.d(t,{A:()=>_});var n=e(6540),s=e(4848);function r(o){const{mdxAdmonitionTitle:t,rest:e}=function(o){const t=n.Children.toArray(o),e=t.find((o=>n.isValidElement(o)&&"mdxAdmonitionTitle"===o.type)),r=t.filter((o=>o!==e)),c=e?.props.children;return{mdxAdmonitionTitle:c,rest:r.length>0?(0,s.jsx)(s.Fragment,{children:r}):null}}(o.children),r=o.title??t;return{...o,...r&&{title:r},children:e}}var c=e(8215),l=e(1312),i=e(7559);const p={admonition:"admonition_xJq3",admonitionHeading:"admonitionHeading_Gvgb",admonitionIcon:"admonitionIcon_Rf37",admonitionContent:"admonitionContent_BuS1"};function a(o){let{type:t,className:e,children:n}=o;return(0,s.jsx)("div",{className:(0,c.A)(i.G.common.admonition,i.G.common.admonitionType(t),p.admonition,e),children:n})}function d(o){let{icon:t,title:e}=o;return(0,s.jsxs)("div",{className:p.admonitionHeading,children:[(0,s.jsx)("span",{className:p.admonitionIcon,children:t}),e]})}function y(o){let{children:t}=o;return t?(0,s.jsx)("div",{className:p.admonitionContent,children:t}):null}function h(o){const{type:t,icon:e,title:n,children:r,className:c}=o;return(0,s.jsxs)(a,{type:t,className:c,children:[n||e?(0,s.jsx)(d,{title:n,icon:e}):null,(0,s.jsx)(y,{children:r})]})}function D(o){return(0,s.jsx)("svg",{viewBox:"0 0 14 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"})})}const F={icon:(0,s.jsx)(D,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.note",description:"The default label used for the Note admonition (:::note)",children:"note"})};function u(o){return(0,s.jsx)(h,{...F,...o,className:(0,c.A)("alert alert--secondary",o.className),children:o.children})}function g(o){return(0,s.jsx)("svg",{viewBox:"0 0 12 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"})})}const m={icon:(0,s.jsx)(g,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.tip",description:"The default label used for the Tip admonition (:::tip)",children:"tip"})};function C(o){return(0,s.jsx)(h,{...m,...o,className:(0,c.A)("alert alert--success",o.className),children:o.children})}function f(o){return(0,s.jsx)("svg",{viewBox:"0 0 14 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"})})}const x={icon:(0,s.jsx)(f,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.info",description:"The default label used for the Info admonition (:::info)",children:"info"})};function j(o){return(0,s.jsx)(h,{...x,...o,className:(0,c.A)("alert alert--info",o.className),children:o.children})}function k(o){return(0,s.jsx)("svg",{viewBox:"0 0 16 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"})})}const A={icon:(0,s.jsx)(k,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.warning",description:"The default label used for the Warning admonition (:::warning)",children:"warning"})};function b(o){return(0,s.jsx)("svg",{viewBox:"0 0 12 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"})})}const v={icon:(0,s.jsx)(b,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.danger",description:"The default label used for the Danger admonition (:::danger)",children:"danger"})};const N={icon:(0,s.jsx)(k,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.caution",description:"The default label used for the Caution admonition (:::caution)",children:"caution"})};const w={...{note:u,tip:C,info:j,warning:function(o){return(0,s.jsx)(h,{...A,...o,className:(0,c.A)("alert alert--warning",o.className),children:o.children})},danger:function(o){return(0,s.jsx)(h,{...v,...o,className:(0,c.A)("alert alert--danger",o.className),children:o.children})}},...{secondary:o=>(0,s.jsx)(u,{title:"secondary",...o}),important:o=>(0,s.jsx)(j,{title:"important",...o}),success:o=>(0,s.jsx)(C,{title:"success",...o}),caution:function(o){return(0,s.jsx)(h,{...N,...o,className:(0,c.A)("alert alert--warning",o.className),children:o.children})}}};var B=e(6763);function _(o){const t=r(o),e=(n=t.type,w[n]||(B.warn(`No admonition component found for admonition type "${n}". Using Info as fallback.`),w.info));var n;return(0,s.jsx)(e,{...t})}},7533:(o,t,e)=>{e.d(t,{A:()=>l});var n=e(6540),s=e(1122),r=e(6025),c=e(4848);const l=o=>{let{alt:t,sources:e,style:l}=o;const[i,p]=(0,n.useState)(!1),a=o=>{"Escape"===o.key&&p(!1)};(0,n.useEffect)((()=>(i?document.addEventListener("keydown",a):document.removeEventListener("keydown",a),()=>{document.removeEventListener("keydown",a)})),[i]);return(0,c.jsx)("div",{className:"zoomable-image "+(i?"fullscreen":""),onClick:()=>{p(!i)},style:{width:"50%",margin:"0 auto",display:"flex",justifyContent:"center",...l},children:(0,c.jsx)(s.A,{className:"zoomable-image-inner",alt:t,sources:{light:(0,r.Ay)(e.light),dark:(0,r.Ay)(e.dark)}})})}},5105:(o,t,e)=>{e.r(t),e.d(t,{CH:()=>y,assets:()=>d,chCodeConfig:()=>h,contentTitle:()=>p,default:()=>u,frontMatter:()=>i,metadata:()=>a,toc:()=>D});e(6540);var n=e(4848),s=e(8453),r=e(4754),c=e(7293),l=(e(1122),e(6025),e(7533));const i={},p="Page Create",a={id:"integrations/notion/page-create",title:"Page Create",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/integrations/notion/page-create.md",sourceDirName:"integrations/notion",slug:"/integrations/notion/page-create",permalink:"/integrations/notion/page-create",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"docs",previous:{title:"User List",permalink:"/integrations/notion/list-users"},next:{title:"Add Content To Page",permalink:"/integrations/notion/add-content-to-page"}},d={},y={annotations:r.hk,Code:r.Cy},h={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},D=[{value:"Component Usage",id:"component-usage",level:2},{value:"Component Python Code",id:"component-python-code",level:2},{value:"Example Usage",id:"example-usage",level:2},{value:"Best Practices",id:"best-practices",level:2},{value:"Troubleshooting",id:"troubleshooting",level:2}];function F(o){const t=Object.assign({h1:"h1",p:"p",code:"code",a:"a",ul:"ul",li:"li",h2:"h2",ol:"ol"},(0,s.RP)(),o.components);return y||g("CH",!1),y.Code||g("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n","\n","\n",(0,n.jsx)(t.h1,{id:"page-create",children:"Page Create"}),"\n",(0,n.jsx)(c.A,{type:"warning",title:"warning",children:(0,n.jsx)(t.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,n.jsxs)(t.p,{children:["The ",(0,n.jsx)(t.code,{children:"NotionPageCreator"})," component creates pages in a Notion database. It provides a convenient way to integrate Notion page creation into your Langflow workflows."]}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.a,{href:"https://developers.notion.com/reference/patch-block-children",children:"Notion Reference"})}),"\n",(0,n.jsxs)(c.A,{type:"tip",title:"Component Functionality",children:[(0,n.jsxs)(t.p,{children:["The ",(0,n.jsx)(t.code,{children:"NotionPageCreator"})," component enables you to:"]}),(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"Create new pages in a specified Notion database"}),"\n",(0,n.jsx)(t.li,{children:"Set custom properties for the created pages"}),"\n",(0,n.jsx)(t.li,{children:"Retrieve the ID and URL of the newly created pages"}),"\n"]})]}),"\n",(0,n.jsx)(t.h2,{id:"component-usage",children:"Component Usage"}),"\n",(0,n.jsxs)(t.p,{children:["To use the ",(0,n.jsx)(t.code,{children:"NotionPageCreator"})," component in a Langflow flow, follow these steps:"]}),"\n",(0,n.jsxs)(t.ol,{children:["\n",(0,n.jsxs)(t.li,{children:["Add the ",(0,n.jsx)(t.code,{children:"NotionPageCreator"})," component to your flow."]}),"\n",(0,n.jsxs)(t.li,{children:["Configure the component by providing the required inputs:","\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"database_id"}),": The ID of the Notion database where the pages will be created."]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"notion_secret"}),": The Notion integration token for authentication."]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"properties"}),": The properties of the new page, specified as a JSON string."]}),"\n"]}),"\n"]}),"\n",(0,n.jsx)(t.li,{children:"Connect the component to other components in your flow as needed."}),"\n",(0,n.jsx)(t.li,{children:"Run the flow to create Notion pages based on the configured inputs."}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"component-python-code",children:"Component Python Code"}),"\n",(0,n.jsx)(y.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#FF7B72"}}},{content:" json",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" typing ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Optional",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"import",props:{style:{color:"#FF7B72"}}},{content:" requests",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.custom ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" CustomComponent",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"class ",props:{style:{color:"#FF7B72"}}},{content:"NotionPageCreator",props:{style:{color:"#FFA657"}}},{content:"(",props:{style:{color:"#C9D1D9"}}},{content:"CustomComponent",props:{style:{color:"#79C0FF"}}},{content:"):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"Create Page [Notion]"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" description ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"A component for creating Notion pages."',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" documentation: ",props:{style:{color:"#C9D1D9"}}},{content:"str ",props:{style:{color:"#79C0FF"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"https://docs.langflow.org/integrations/notion/page-create"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" icon ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"NotionDirectoryLoader"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build_config",props:{style:{color:"#D2A8FF"}}},{content:"(self):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "database_id"',props:{style:{color:"#A5D6FF"}}},{content:": {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "display_name"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"Database ID"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "field_type"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"str"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "info"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"The ID of the Notion database."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" },",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "notion_secret"',props:{style:{color:"#A5D6FF"}}},{content:": {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "display_name"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"Notion Secret"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "field_type"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"str"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "info"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"The Notion integration token."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "password"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"True",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" },",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "properties"',props:{style:{color:"#A5D6FF"}}},{content:": {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "display_name"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"Properties"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "field_type"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"str"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "info"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"\"The properties of the new page. Depending on your database setup, this can change. E.G: {'Task name': {'id': 'title', 'type': 'title', 'title': [{'type': 'text', 'text': {'content': 'Send Notion Components to LF', 'link': null",props:{style:{color:"#A5D6FF"}}},{content:"}}",props:{style:{color:"#79C0FF"}}},{content:"]",props:{style:{color:"#A5D6FF"}}},{content:"}}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" },",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" }",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build",props:{style:{color:"#D2A8FF"}}},{content:"(",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" self,",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" database_id: ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" notion_secret: ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" properties: ",props:{style:{color:"#C9D1D9"}}},{content:"str ",props:{style:{color:"#79C0FF"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'\'{"Task name": {"id": "title", "type": "title", "title": [{"type": "text", "text": {"content": "Send Notion Components to LF", "link": null',props:{style:{color:"#A5D6FF"}}},{content:"}}",props:{style:{color:"#79C0FF"}}},{content:"]",props:{style:{color:"#A5D6FF"}}},{content:"}}",props:{style:{color:"#79C0FF"}}},{content:"'",props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ) -> ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" if not",props:{style:{color:"#FF7B72"}}},{content:" database_id ",props:{style:{color:"#C9D1D9"}}},{content:"or not",props:{style:{color:"#FF7B72"}}},{content:" properties:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" raise ",props:{style:{color:"#FF7B72"}}},{content:"ValueError",props:{style:{color:"#79C0FF"}}},{content:"(",props:{style:{color:"#C9D1D9"}}},{content:"\"Invalid input. Please provide 'database_id' and 'properties'.\"",props:{style:{color:"#A5D6FF"}}},{content:")",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" headers ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "Authorization"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"f",props:{style:{color:"#FF7B72"}}},{content:'"Bearer ',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"notion_secret",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "Content-Type"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"application/json"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "Notion-Version"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"2022-06-28"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" }",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" data ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "parent"',props:{style:{color:"#A5D6FF"}}},{content:": {",props:{style:{color:"#C9D1D9"}}},{content:'"database_id"',props:{style:{color:"#A5D6FF"}}},{content:": database_id},",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "properties"',props:{style:{color:"#A5D6FF"}}},{content:": json.loads(properties),",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" }",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" response ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" requests.post(",props:{style:{color:"#C9D1D9"}}},{content:'"https://api.notion.com/v1/pages"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:"headers",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"headers, ",props:{style:{color:"#C9D1D9"}}},{content:"json",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"data)",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" if",props:{style:{color:"#FF7B72"}}},{content:" response.status_code ",props:{style:{color:"#C9D1D9"}}},{content:"== ",props:{style:{color:"#FF7B72"}}},{content:"200",props:{style:{color:"#79C0FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" page_id ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" response.json()[",props:{style:{color:"#C9D1D9"}}},{content:'"id"',props:{style:{color:"#A5D6FF"}}},{content:"]",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" self",props:{style:{color:"#79C0FF"}}},{content:".status ",props:{style:{color:"#C9D1D9"}}},{content:"= f",props:{style:{color:"#FF7B72"}}},{content:'"Successfully created Notion page with ID: ',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"page_id",props:{style:{color:"#C9D1D9"}}},{content:"}\\n {str",props:{style:{color:"#79C0FF"}}},{content:"(response.json())",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" response.json()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" else",props:{style:{color:"#FF7B72"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" error_message ",props:{style:{color:"#C9D1D9"}}},{content:"= f",props:{style:{color:"#FF7B72"}}},{content:'"Failed to create Notion page. Status code: ',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"response.status_code",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:", Error: ",props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"response.text",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" self",props:{style:{color:"#79C0FF"}}},{content:".status ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" error_message",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" raise ",props:{style:{color:"#FF7B72"}}},{content:"Exception",props:{style:{color:"#79C0FF"}}},{content:"(error_message)",props:{style:{color:"#C9D1D9"}}}]}],lang:"python"},annotations:[]}]}),"\n",(0,n.jsx)(t.h2,{id:"example-usage",children:"Example Usage"}),"\n",(0,n.jsxs)(c.A,{type:"info",title:"Example Usage",children:[(0,n.jsxs)(t.p,{children:["Here's an example of how to use the ",(0,n.jsx)(t.code,{children:"NotionPageCreator"})," component in a Langflow flow:"]}),(0,n.jsx)(l.A,{alt:"NotionPageCreator Flow Example",sources:{light:"img/notion/NotionPageCreator_flow_example.png",dark:"img/notion/NotionPageCreator_flow_example_dark.png"},style:{width:"100%",margin:"20px 0"}})]}),"\n",(0,n.jsx)(t.h2,{id:"best-practices",children:"Best Practices"}),"\n",(0,n.jsxs)(t.p,{children:["When using the ",(0,n.jsx)(t.code,{children:"NotionPageCreator"})," component, consider the following best practices:"]}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"Ensure that you have a valid Notion integration token with the necessary permissions to create pages in the specified database."}),"\n",(0,n.jsxs)(t.li,{children:["Properly format the ",(0,n.jsx)(t.code,{children:"properties"})," input as a JSON string, matching the structure and field types of your Notion database."]}),"\n",(0,n.jsx)(t.li,{children:"Handle any errors or exceptions that may occur during the page creation process and provide appropriate error messages."}),"\n",(0,n.jsx)(t.li,{children:"To avoid the hassle of messing with JSON, we recommend using the LLM to create the JSON for you as input."}),"\n"]}),"\n",(0,n.jsxs)(t.p,{children:["The ",(0,n.jsx)(t.code,{children:"NotionPageCreator"})," component simplifies the process of creating pages in a Notion database directly from your Langflow workflows. By leveraging this component, you can seamlessly integrate Notion page creation functionality into your automated processes, saving time and effort. Feel free to explore the capabilities of the ",(0,n.jsx)(t.code,{children:"NotionPageCreator"})," component and adapt it to suit your specific requirements."]}),"\n",(0,n.jsx)(t.h2,{id:"troubleshooting",children:"Troubleshooting"}),"\n",(0,n.jsxs)(t.p,{children:["If you encounter any issues while using the ",(0,n.jsx)(t.code,{children:"NotionPageCreator"})," component, consider the following:"]}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:["Double-check that the ",(0,n.jsx)(t.code,{children:"database_id"})," and ",(0,n.jsx)(t.code,{children:"notion_secret"})," inputs are correct and valid."]}),"\n",(0,n.jsxs)(t.li,{children:["Verify that the ",(0,n.jsx)(t.code,{children:"properties"})," input is properly formatted as a JSON string and matches the structure of your Notion database."]}),"\n",(0,n.jsx)(t.li,{children:"Check the Notion API documentation for any updates or changes that may affect the component's functionality."}),"\n"]})]})}const u=function(o={}){const{wrapper:t}=Object.assign({},(0,s.RP)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(F,o)})):F(o)};function g(o,t){throw new Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/assets/js/22dd74f7.b9b240f1.js b/assets/js/22dd74f7.323c8cb4.js similarity index 68% rename from assets/js/22dd74f7.b9b240f1.js rename to assets/js/22dd74f7.323c8cb4.js index 51412415aa..2f466a7a6b 100644 --- a/assets/js/22dd74f7.b9b240f1.js +++ b/assets/js/22dd74f7.323c8cb4.js @@ -1 +1 @@ -"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[1567],{5226:t=>{t.exports=JSON.parse('{"version":{"pluginId":"default","version":"current","label":"Next","banner":null,"badge":false,"noIndex":false,"className":"docs-version-current","isLast":true,"docsSidebars":{"docs":[{"type":"category","label":"What\'s New?","collapsed":false,"items":[{"type":"link","label":"1.0 - A new chapter for Langflow","href":"/whats-new/a-new-chapter-langflow","docId":"whats-new/a-new-chapter-langflow","unlisted":false}],"collapsible":true},{"type":"category","label":"Getting Started","collapsed":false,"items":[{"type":"link","label":"\ud83d\udc4b Welcome to Langflow","href":"/","docId":"index","unlisted":false},{"type":"link","label":"\ud83d\udce6 Install Langflow","href":"/getting-started/install-langflow","docId":"getting-started/install-langflow","unlisted":false},{"type":"link","label":"\u26a1\ufe0f Quickstart","href":"/getting-started/quickstart","docId":"getting-started/quickstart","unlisted":false},{"type":"link","label":"\ud83c\udfa8 Langflow Workspace","href":"/getting-started/workspace","docId":"getting-started/workspace","unlisted":false},{"type":"link","label":"\u2757\ufe0f Common Installation Issues","href":"/getting-started/possible-installation-issues","docId":"getting-started/possible-installation-issues","unlisted":false},{"type":"link","label":"\ud83d\udcda New to LLMs?","href":"/getting-started/new-to-llms","docId":"getting-started/new-to-llms","unlisted":false}],"collapsible":true},{"type":"category","label":"Starter Projects","collapsed":false,"items":[{"type":"link","label":"Basic Prompting","href":"/starter-projects/basic-prompting","docId":"starter-projects/basic-prompting","unlisted":false},{"type":"link","label":"Blog Writer","href":"/starter-projects/blog-writer","docId":"starter-projects/blog-writer","unlisted":false},{"type":"link","label":"Document QA","href":"/starter-projects/document-qa","docId":"starter-projects/document-qa","unlisted":false},{"type":"link","label":"Memory Chatbot","href":"/starter-projects/memory-chatbot","docId":"starter-projects/memory-chatbot","unlisted":false},{"type":"link","label":"Vector Store RAG","href":"/starter-projects/vector-store-rag","docId":"starter-projects/vector-store-rag","unlisted":false}],"collapsible":true},{"type":"category","label":"Administration","collapsed":false,"items":[{"type":"link","label":"API Keys","href":"/administration/api","docId":"administration/api","unlisted":false},{"type":"link","label":"Sign Up and Sign In","href":"/administration/login","docId":"administration/login","unlisted":false},{"type":"link","label":"Command Line Interface (CLI)","href":"/administration/cli","docId":"administration/cli","unlisted":false},{"type":"link","label":"Playground","href":"/administration/playground","docId":"administration/playground","unlisted":false},{"type":"link","label":"Chat Memory","href":"/administration/memories","docId":"administration/memories","unlisted":false},{"type":"link","label":"Logs","href":"/administration/logs","docId":"administration/logs","unlisted":false},{"type":"link","label":"Collections and Projects","href":"/administration/collections-projects","docId":"administration/collections-projects","unlisted":false},{"type":"link","label":"Settings","href":"/administration/settings","docId":"administration/settings","unlisted":false},{"type":"link","label":"Global Variables","href":"/administration/global-env","docId":"administration/global-env","unlisted":false},{"type":"link","label":"Chat Widget","href":"/administration/chat-widget","docId":"administration/chat-widget","unlisted":false}],"collapsible":true},{"type":"category","label":"Components","collapsed":false,"items":[{"type":"link","label":"Inputs and Outputs","href":"/components/inputs-and-outputs","docId":"components/inputs-and-outputs","unlisted":false},{"type":"link","label":"Text and Data","href":"/components/text-and-record","docId":"components/text-and-record","unlisted":false},{"type":"link","label":"Data","href":"/components/data","docId":"components/data","unlisted":false},{"type":"link","label":"Models","href":"/components/models","docId":"components/models","unlisted":false},{"type":"link","label":"Helpers","href":"/components/helpers","docId":"components/helpers","unlisted":false},{"type":"link","label":"Vector Stores","href":"/components/vector-stores","docId":"components/vector-stores","unlisted":false},{"type":"link","label":"Embeddings","href":"/components/embeddings","docId":"components/embeddings","unlisted":false},{"type":"link","label":"Custom Components","href":"/components/custom","docId":"components/custom","unlisted":false}],"collapsible":true},{"type":"category","label":"Tutorials","collapsed":true,"items":[{"type":"link","label":"Build Chatbots with the System Message Component","href":"/tutorials/chatprompttemplate_guide","docId":"tutorials/chatprompttemplate_guide","unlisted":false},{"type":"link","label":"Custom Components","href":"/tutorials/custom_components","docId":"tutorials/custom_components","unlisted":false},{"type":"link","label":"Integrate Documents with Prompt Variables","href":"/tutorials/loading_document","docId":"tutorials/loading_document","unlisted":false},{"type":"link","label":"\ud83c\udf1f RAG with Astra DB","href":"/tutorials/rag-with-astradb","docId":"tutorials/rag-with-astradb","unlisted":false}],"collapsible":true},{"type":"category","label":"Deployment","collapsed":true,"items":[{"type":"link","label":"Docker","href":"/deployment/docker","docId":"deployment/docker","unlisted":false},{"type":"link","label":"Backend-only","href":"/deployment/backend-only","docId":"deployment/backend-only","unlisted":false},{"type":"link","label":"Kubernetes","href":"/deployment/kubernetes","docId":"deployment/kubernetes","unlisted":false},{"type":"link","label":"Deploy on Google Cloud Platform","href":"/deployment/gcp-deployment","docId":"deployment/gcp-deployment","unlisted":false}],"collapsible":true},{"type":"category","label":"Contributing","collapsed":false,"items":[{"type":"link","label":"Telemetry","href":"/contributing/telemetry","docId":"contributing/telemetry","unlisted":false},{"type":"link","label":"How to Contribute?","href":"/contributing/how-contribute","docId":"contributing/how-contribute","unlisted":false},{"type":"link","label":"GitHub Issues","href":"/contributing/github-issues","docId":"contributing/github-issues","unlisted":false},{"type":"link","label":"Community","href":"/contributing/community","docId":"contributing/community","unlisted":false},{"type":"link","label":"How to Contribute Components?","href":"/contributing/contribute-component","docId":"contributing/contribute-component","unlisted":false}],"collapsible":true},{"type":"category","label":"Integrations","collapsed":false,"items":[{"type":"link","label":"LangSmith","href":"/integrations/langsmith/intro","docId":"integrations/langsmith/intro","unlisted":false},{"type":"category","label":"Notion","items":[{"type":"link","label":"Introduction to Notion in Langflow","href":"/integrations/notion/intro","docId":"integrations/notion/intro","unlisted":false},{"type":"link","label":"Setting up a Notion App","href":"/integrations/notion/setup","docId":"integrations/notion/setup","unlisted":false},{"type":"link","label":"Notion Search","href":"/integrations/notion/search","docId":"integrations/notion/search","unlisted":false},{"type":"link","label":"Database Properties","href":"/integrations/notion/list-database-properties","docId":"integrations/notion/list-database-properties","unlisted":false},{"type":"link","label":"List Pages","href":"/integrations/notion/list-pages","docId":"integrations/notion/list-pages","unlisted":false},{"type":"link","label":"User List","href":"/integrations/notion/list-users","docId":"integrations/notion/list-users","unlisted":false},{"type":"link","label":"Page Create","href":"/integrations/notion/page-create","docId":"integrations/notion/page-create","unlisted":false},{"type":"link","label":"Add Content To Page","href":"/integrations/notion/add-content-to-page","docId":"integrations/notion/add-content-to-page","unlisted":false},{"type":"link","label":"Page Update","href":"/integrations/notion/page-update","docId":"integrations/notion/page-update","unlisted":false},{"type":"link","label":"Page Content","href":"/integrations/notion/page-content-viewer","docId":"integrations/notion/page-content-viewer","unlisted":false}],"collapsed":true,"collapsible":true}],"collapsible":true}]},"docs":{"administration/api":{"id":"administration/api","title":"API Keys","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"administration/chat-widget":{"id":"administration/chat-widget","title":"Chat Widget","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"administration/cli":{"id":"administration/cli","title":"Command Line Interface (CLI)","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"administration/collections-projects":{"id":"administration/collections-projects","title":"Collections and Projects","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"administration/global-env":{"id":"administration/global-env","title":"Global Variables","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"administration/login":{"id":"administration/login","title":"Sign Up and Sign In","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"administration/logs":{"id":"administration/logs","title":"Logs","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"administration/memories":{"id":"administration/memories","title":"Chat Memory","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"administration/playground":{"id":"administration/playground","title":"Playground","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"administration/prompt-customization":{"id":"administration/prompt-customization","title":"Prompt Customization","description":"This page may contain outdated information. It will be updated as soon as possible."},"administration/settings":{"id":"administration/settings","title":"Settings","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"components/agents":{"id":"components/agents","title":"Agents","description":"This page may contain outdated information. It will be updated as soon as possible."},"components/chains":{"id":"components/chains","title":"Chains","description":"This page may contain outdated information. It will be updated as soon as possible."},"components/custom":{"id":"components/custom","title":"Custom Components","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"components/data":{"id":"components/data","title":"Data","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"components/embeddings":{"id":"components/embeddings","title":"Embeddings","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"components/experimental":{"id":"components/experimental","title":"Experimental","description":"This page may contain outdated information. It will be updated as soon as possible."},"components/helpers":{"id":"components/helpers","title":"Helpers","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"components/inputs-and-outputs":{"id":"components/inputs-and-outputs","title":"Inputs and Outputs","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"components/loaders":{"id":"components/loaders","title":"Loaders","description":"This page may contain outdated information. It will be updated as soon as possible."},"components/memories":{"id":"components/memories","title":"Memories","description":"This page may contain outdated information. It will be updated as soon as possible."},"components/model_specs":{"id":"components/model_specs","title":"Large Language Models (LLMs)","description":"This page may contain outdated information. It will be updated as soon as possible."},"components/models":{"id":"components/models","title":"Models","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"components/retrievers":{"id":"components/retrievers","title":"Retrievers","description":"This page may contain outdated information. It will be updated as soon as possible."},"components/text-and-record":{"id":"components/text-and-record","title":"Text and Data","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"components/text-splitters":{"id":"components/text-splitters","title":"Text Splitters","description":"This page may contain outdated information. It will be updated as soon as possible."},"components/toolkits":{"id":"components/toolkits","title":"Toolkits","description":"This page may contain outdated information. It will be updated as soon as possible."},"components/tools":{"id":"components/tools","title":"Tools","description":"This page may contain outdated information. It will be updated as soon as possible."},"components/utilities":{"id":"components/utilities","title":"Utilities","description":"This page may contain outdated information. It will be updated as soon as possible."},"components/vector-stores":{"id":"components/vector-stores","title":"Vector Stores","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"contributing/community":{"id":"contributing/community","title":"Community","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"contributing/contribute-component":{"id":"contributing/contribute-component","title":"How to Contribute Components?","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"contributing/github-issues":{"id":"contributing/github-issues","title":"GitHub Issues","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"contributing/how-contribute":{"id":"contributing/how-contribute","title":"How to Contribute?","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"contributing/telemetry":{"id":"contributing/telemetry","title":"Telemetry","description":"Our system uses anonymous telemetry to collect essential usage statistics to enhance functionality and user experience. This data helps us identify commonly used features and areas needing improvement, ensuring our development efforts align with what you need.","sidebar":"docs"},"deployment/backend-only":{"id":"deployment/backend-only","title":"Backend-only","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"deployment/docker":{"id":"deployment/docker","title":"Docker","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"deployment/gcp-deployment":{"id":"deployment/gcp-deployment","title":"Deploy on Google Cloud Platform","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"deployment/kubernetes":{"id":"deployment/kubernetes","title":"Kubernetes","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"examples/chat-memory":{"id":"examples/chat-memory","title":"Chat Memory","description":"This page may contain outdated information. It will be updated as soon as possible."},"examples/combine-text":{"id":"examples/combine-text","title":"Combine Text","description":"This page may contain outdated information. It will be updated as soon as possible."},"examples/create-record":{"id":"examples/create-record","title":"Create Data","description":"This page may contain outdated information. It will be updated as soon as possible."},"examples/pass":{"id":"examples/pass","title":"Pass","description":"This page may contain outdated information. It will be updated as soon as possible."},"examples/store-message":{"id":"examples/store-message","title":"Store Message","description":"This page may contain outdated information. It will be updated as soon as possible."},"examples/sub-flow":{"id":"examples/sub-flow","title":"Sub Flow","description":"This page may contain outdated information. It will be updated as soon as possible."},"examples/text-operator":{"id":"examples/text-operator","title":"Text Operator","description":"This page may contain outdated information. It will be updated as soon as possible."},"getting-started/install-langflow":{"id":"getting-started/install-langflow","title":"\ud83d\udce6 Install Langflow","description":"Langflow requires Python version 3.10 or greater and","sidebar":"docs"},"getting-started/new-to-llms":{"id":"getting-started/new-to-llms","title":"\ud83d\udcda New to LLMs?","description":"Large Language Models, or LLMs, are part of an exciting new world in computing.","sidebar":"docs"},"getting-started/possible-installation-issues":{"id":"getting-started/possible-installation-issues","title":"\u2757\ufe0f Common Installation Issues","description":"This is a list of possible issues that you may encounter when installing Langflow and how to solve them.","sidebar":"docs"},"getting-started/quickstart":{"id":"getting-started/quickstart","title":"\u26a1\ufe0f Quickstart","description":"This guide demonstrates how to build a basic flow and modify the prompt for different outcomes.","sidebar":"docs"},"getting-started/workspace":{"id":"getting-started/workspace","title":"\ud83c\udfa8 Langflow Workspace","description":"The Langflow Workspace Interface","sidebar":"docs"},"index":{"id":"index","title":"\ud83d\udc4b Welcome to Langflow","description":"Langflow is a new, visual framework for building multi-agent and RAG applications. It is open-source, Python-powered, fully customizable, LLM and vector store agnostic.","sidebar":"docs"},"integrations/langsmith/intro":{"id":"integrations/langsmith/intro","title":"LangSmith","description":"LangSmith is a full-lifecycle DevOps service from LangChain that provides monitoring and observability. To integrate with Langflow, just add your LangChain API key as a Langflow environment variable and you are good to go!","sidebar":"docs"},"integrations/notion/add-content-to-page":{"id":"integrations/notion/add-content-to-page","title":"Add Content To Page","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"integrations/notion/intro":{"id":"integrations/notion/intro","title":"Introduction to Notion in Langflow","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"integrations/notion/list-database-properties":{"id":"integrations/notion/list-database-properties","title":"Database Properties","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"integrations/notion/list-pages":{"id":"integrations/notion/list-pages","title":"List Pages","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"integrations/notion/list-users":{"id":"integrations/notion/list-users","title":"User List","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"integrations/notion/page-content-viewer":{"id":"integrations/notion/page-content-viewer","title":"Page Content","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"integrations/notion/page-create":{"id":"integrations/notion/page-create","title":"Page Create","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"integrations/notion/page-update":{"id":"integrations/notion/page-update","title":"Page Update","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"integrations/notion/search":{"id":"integrations/notion/search","title":"Notion Search","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"integrations/notion/setup":{"id":"integrations/notion/setup","title":"Setting up a Notion App","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"migration/compatibility":{"id":"migration/compatibility","title":"Compatibility with Previous Versions","description":"This page may contain outdated information. It will be updated as soon as possible."},"migration/migrating-to-one-point-zero":{"id":"migration/migrating-to-one-point-zero","title":"Migrating to Langflow 1.0: A Guide","description":"This page may contain outdated information. It will be updated as soon as possible."},"starter-projects/basic-prompting":{"id":"starter-projects/basic-prompting","title":"Basic Prompting","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"starter-projects/blog-writer":{"id":"starter-projects/blog-writer","title":"Blog Writer","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"starter-projects/document-qa":{"id":"starter-projects/document-qa","title":"Document QA","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"starter-projects/memory-chatbot":{"id":"starter-projects/memory-chatbot","title":"Memory Chatbot","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"starter-projects/vector-store-rag":{"id":"starter-projects/vector-store-rag","title":"Vector Store RAG","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"tutorials/chatprompttemplate_guide":{"id":"tutorials/chatprompttemplate_guide","title":"Build Chatbots with the System Message Component","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"tutorials/custom_components":{"id":"tutorials/custom_components","title":"Custom Components","description":"Custom Components","sidebar":"docs"},"tutorials/loading_document":{"id":"tutorials/loading_document","title":"Integrate Documents with Prompt Variables","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"tutorials/rag-with-astradb":{"id":"tutorials/rag-with-astradb","title":"\ud83c\udf1f RAG with Astra DB","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"whats-new/a-new-chapter-langflow":{"id":"whats-new/a-new-chapter-langflow","title":"1.0 - A new chapter for Langflow","description":"{t.exports=JSON.parse('{"version":{"pluginId":"default","version":"current","label":"Next","banner":null,"badge":false,"noIndex":false,"className":"docs-version-current","isLast":true,"docsSidebars":{"docs":[{"type":"category","label":"What\'s New?","collapsed":false,"items":[{"type":"link","label":"1.0 - A new chapter for Langflow","href":"/whats-new/a-new-chapter-langflow","docId":"whats-new/a-new-chapter-langflow","unlisted":false}],"collapsible":true},{"type":"category","label":"Getting Started","collapsed":false,"items":[{"type":"link","label":"\ud83d\udc4b Welcome to Langflow","href":"/","docId":"index","unlisted":false},{"type":"link","label":"\ud83d\udce6 Install Langflow","href":"/getting-started/install-langflow","docId":"getting-started/install-langflow","unlisted":false},{"type":"link","label":"\u26a1\ufe0f Quickstart","href":"/getting-started/quickstart","docId":"getting-started/quickstart","unlisted":false},{"type":"link","label":"\ud83c\udfa8 Langflow Workspace","href":"/getting-started/workspace","docId":"getting-started/workspace","unlisted":false},{"type":"link","label":"\u2757\ufe0f Common Installation Issues","href":"/getting-started/possible-installation-issues","docId":"getting-started/possible-installation-issues","unlisted":false},{"type":"link","label":"\ud83d\udcda New to LLMs?","href":"/getting-started/new-to-llms","docId":"getting-started/new-to-llms","unlisted":false}],"collapsible":true},{"type":"category","label":"Starter Projects","collapsed":false,"items":[{"type":"link","label":"Basic Prompting","href":"/starter-projects/basic-prompting","docId":"starter-projects/basic-prompting","unlisted":false},{"type":"link","label":"Blog Writer","href":"/starter-projects/blog-writer","docId":"starter-projects/blog-writer","unlisted":false},{"type":"link","label":"Document QA","href":"/starter-projects/document-qa","docId":"starter-projects/document-qa","unlisted":false},{"type":"link","label":"Memory Chatbot","href":"/starter-projects/memory-chatbot","docId":"starter-projects/memory-chatbot","unlisted":false},{"type":"link","label":"Vector Store RAG","href":"/starter-projects/vector-store-rag","docId":"starter-projects/vector-store-rag","unlisted":false}],"collapsible":true},{"type":"category","label":"Administration","collapsed":false,"items":[{"type":"link","label":"API Keys","href":"/administration/api","docId":"administration/api","unlisted":false},{"type":"link","label":"Sign Up and Sign In","href":"/administration/login","docId":"administration/login","unlisted":false},{"type":"link","label":"Command Line Interface (CLI)","href":"/administration/cli","docId":"administration/cli","unlisted":false},{"type":"link","label":"Playground","href":"/administration/playground","docId":"administration/playground","unlisted":false},{"type":"link","label":"Chat Memory","href":"/administration/memories","docId":"administration/memories","unlisted":false},{"type":"link","label":"Logs","href":"/administration/logs","docId":"administration/logs","unlisted":false},{"type":"link","label":"Collections and Projects","href":"/administration/collections-projects","docId":"administration/collections-projects","unlisted":false},{"type":"link","label":"Settings","href":"/administration/settings","docId":"administration/settings","unlisted":false},{"type":"link","label":"Global Variables","href":"/administration/global-env","docId":"administration/global-env","unlisted":false},{"type":"link","label":"Chat Widget","href":"/administration/chat-widget","docId":"administration/chat-widget","unlisted":false}],"collapsible":true},{"type":"category","label":"Components","collapsed":false,"items":[{"type":"link","label":"Inputs and Outputs","href":"/components/inputs-and-outputs","docId":"components/inputs-and-outputs","unlisted":false},{"type":"link","label":"Text and Data","href":"/components/text-and-record","docId":"components/text-and-record","unlisted":false},{"type":"link","label":"Data","href":"/components/data","docId":"components/data","unlisted":false},{"type":"link","label":"Models","href":"/components/models","docId":"components/models","unlisted":false},{"type":"link","label":"Helpers","href":"/components/helpers","docId":"components/helpers","unlisted":false},{"type":"link","label":"Vector Stores","href":"/components/vector-stores","docId":"components/vector-stores","unlisted":false},{"type":"link","label":"Embeddings","href":"/components/embeddings","docId":"components/embeddings","unlisted":false},{"type":"link","label":"Custom Components","href":"/components/custom","docId":"components/custom","unlisted":false}],"collapsible":true},{"type":"category","label":"Tutorials","collapsed":true,"items":[{"type":"link","label":"Build Chatbots with the System Message Component","href":"/tutorials/chatprompttemplate_guide","docId":"tutorials/chatprompttemplate_guide","unlisted":false},{"type":"link","label":"Custom Components","href":"/tutorials/custom_components","docId":"tutorials/custom_components","unlisted":false},{"type":"link","label":"Integrate Documents with Prompt Variables","href":"/tutorials/loading_document","docId":"tutorials/loading_document","unlisted":false},{"type":"link","label":"\ud83c\udf1f RAG with Astra DB","href":"/tutorials/rag-with-astradb","docId":"tutorials/rag-with-astradb","unlisted":false}],"collapsible":true},{"type":"category","label":"Deployment","collapsed":true,"items":[{"type":"link","label":"Docker","href":"/deployment/docker","docId":"deployment/docker","unlisted":false},{"type":"link","label":"Backend-only","href":"/deployment/backend-only","docId":"deployment/backend-only","unlisted":false},{"type":"link","label":"Kubernetes","href":"/deployment/kubernetes","docId":"deployment/kubernetes","unlisted":false},{"type":"link","label":"Deploy on Google Cloud Platform","href":"/deployment/gcp-deployment","docId":"deployment/gcp-deployment","unlisted":false}],"collapsible":true},{"type":"category","label":"Contributing","collapsed":false,"items":[{"type":"link","label":"Telemetry","href":"/contributing/telemetry","docId":"contributing/telemetry","unlisted":false},{"type":"link","label":"How to Contribute?","href":"/contributing/how-contribute","docId":"contributing/how-contribute","unlisted":false},{"type":"link","label":"GitHub Issues","href":"/contributing/github-issues","docId":"contributing/github-issues","unlisted":false},{"type":"link","label":"Community","href":"/contributing/community","docId":"contributing/community","unlisted":false},{"type":"link","label":"How to Contribute Components?","href":"/contributing/contribute-component","docId":"contributing/contribute-component","unlisted":false}],"collapsible":true},{"type":"category","label":"Integrations","collapsed":false,"items":[{"type":"link","label":"LangSmith","href":"/integrations/langsmith/intro","docId":"integrations/langsmith/intro","unlisted":false},{"type":"category","label":"Notion","items":[{"type":"link","label":"Introduction to Notion in Langflow","href":"/integrations/notion/intro","docId":"integrations/notion/intro","unlisted":false},{"type":"link","label":"Setting up a Notion App","href":"/integrations/notion/setup","docId":"integrations/notion/setup","unlisted":false},{"type":"link","label":"Notion Search","href":"/integrations/notion/search","docId":"integrations/notion/search","unlisted":false},{"type":"link","label":"Database Properties","href":"/integrations/notion/list-database-properties","docId":"integrations/notion/list-database-properties","unlisted":false},{"type":"link","label":"List Pages","href":"/integrations/notion/list-pages","docId":"integrations/notion/list-pages","unlisted":false},{"type":"link","label":"User List","href":"/integrations/notion/list-users","docId":"integrations/notion/list-users","unlisted":false},{"type":"link","label":"Page Create","href":"/integrations/notion/page-create","docId":"integrations/notion/page-create","unlisted":false},{"type":"link","label":"Add Content To Page","href":"/integrations/notion/add-content-to-page","docId":"integrations/notion/add-content-to-page","unlisted":false},{"type":"link","label":"Page Update","href":"/integrations/notion/page-update","docId":"integrations/notion/page-update","unlisted":false},{"type":"link","label":"Page Content","href":"/integrations/notion/page-content-viewer","docId":"integrations/notion/page-content-viewer","unlisted":false}],"collapsed":true,"collapsible":true}],"collapsible":true}]},"docs":{"administration/api":{"id":"administration/api","title":"API Keys","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"administration/chat-widget":{"id":"administration/chat-widget","title":"Chat Widget","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"administration/cli":{"id":"administration/cli","title":"Command Line Interface (CLI)","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"administration/collections-projects":{"id":"administration/collections-projects","title":"Collections and Projects","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"administration/global-env":{"id":"administration/global-env","title":"Global Variables","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"administration/login":{"id":"administration/login","title":"Sign Up and Sign In","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"administration/logs":{"id":"administration/logs","title":"Logs","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"administration/memories":{"id":"administration/memories","title":"Chat Memory","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"administration/playground":{"id":"administration/playground","title":"Playground","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"administration/prompt-customization":{"id":"administration/prompt-customization","title":"Prompt Customization","description":"This page may contain outdated information. It will be updated as soon as possible."},"administration/settings":{"id":"administration/settings","title":"Settings","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"components/agents":{"id":"components/agents","title":"Agents","description":"This page may contain outdated information. It will be updated as soon as possible."},"components/chains":{"id":"components/chains","title":"Chains","description":"This page may contain outdated information. It will be updated as soon as possible."},"components/custom":{"id":"components/custom","title":"Custom Components","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"components/data":{"id":"components/data","title":"Data","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"components/embeddings":{"id":"components/embeddings","title":"Embeddings","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"components/experimental":{"id":"components/experimental","title":"Experimental","description":"This page may contain outdated information. It will be updated as soon as possible."},"components/helpers":{"id":"components/helpers","title":"Helpers","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"components/inputs-and-outputs":{"id":"components/inputs-and-outputs","title":"Inputs and Outputs","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"components/loaders":{"id":"components/loaders","title":"Loaders","description":"This page may contain outdated information. It will be updated as soon as possible."},"components/memories":{"id":"components/memories","title":"Memories","description":"This page may contain outdated information. It will be updated as soon as possible."},"components/model_specs":{"id":"components/model_specs","title":"Large Language Models (LLMs)","description":"This page may contain outdated information. It will be updated as soon as possible."},"components/models":{"id":"components/models","title":"Models","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"components/retrievers":{"id":"components/retrievers","title":"Retrievers","description":"This page may contain outdated information. It will be updated as soon as possible."},"components/text-and-record":{"id":"components/text-and-record","title":"Text and Data","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"components/text-splitters":{"id":"components/text-splitters","title":"Text Splitters","description":"This page may contain outdated information. It will be updated as soon as possible."},"components/toolkits":{"id":"components/toolkits","title":"Toolkits","description":"This page may contain outdated information. It will be updated as soon as possible."},"components/tools":{"id":"components/tools","title":"Tools","description":"This page may contain outdated information. It will be updated as soon as possible."},"components/utilities":{"id":"components/utilities","title":"Utilities","description":"This page may contain outdated information. It will be updated as soon as possible."},"components/vector-stores":{"id":"components/vector-stores","title":"Vector Stores","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"contributing/community":{"id":"contributing/community","title":"Community","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"contributing/contribute-component":{"id":"contributing/contribute-component","title":"How to Contribute Components?","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"contributing/github-issues":{"id":"contributing/github-issues","title":"GitHub Issues","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"contributing/how-contribute":{"id":"contributing/how-contribute","title":"How to Contribute?","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"contributing/telemetry":{"id":"contributing/telemetry","title":"Telemetry","description":"Our system uses anonymous telemetry to collect essential usage statistics to enhance functionality and user experience. This data helps us identify commonly used features and areas needing improvement, ensuring our development efforts align with what you need.","sidebar":"docs"},"deployment/backend-only":{"id":"deployment/backend-only","title":"Backend-only","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"deployment/docker":{"id":"deployment/docker","title":"Docker","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"deployment/gcp-deployment":{"id":"deployment/gcp-deployment","title":"Deploy on Google Cloud Platform","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"deployment/kubernetes":{"id":"deployment/kubernetes","title":"Kubernetes","description":"This guide will help you get LangFlow up and running in Kubernetes cluster, including the following steps:","sidebar":"docs"},"examples/chat-memory":{"id":"examples/chat-memory","title":"Chat Memory","description":"This page may contain outdated information. It will be updated as soon as possible."},"examples/combine-text":{"id":"examples/combine-text","title":"Combine Text","description":"This page may contain outdated information. It will be updated as soon as possible."},"examples/create-record":{"id":"examples/create-record","title":"Create Data","description":"This page may contain outdated information. It will be updated as soon as possible."},"examples/pass":{"id":"examples/pass","title":"Pass","description":"This page may contain outdated information. It will be updated as soon as possible."},"examples/store-message":{"id":"examples/store-message","title":"Store Message","description":"This page may contain outdated information. It will be updated as soon as possible."},"examples/sub-flow":{"id":"examples/sub-flow","title":"Sub Flow","description":"This page may contain outdated information. It will be updated as soon as possible."},"examples/text-operator":{"id":"examples/text-operator","title":"Text Operator","description":"This page may contain outdated information. It will be updated as soon as possible."},"getting-started/install-langflow":{"id":"getting-started/install-langflow","title":"\ud83d\udce6 Install Langflow","description":"Langflow requires Python version 3.10 or greater and","sidebar":"docs"},"getting-started/new-to-llms":{"id":"getting-started/new-to-llms","title":"\ud83d\udcda New to LLMs?","description":"Large Language Models, or LLMs, are part of an exciting new world in computing.","sidebar":"docs"},"getting-started/possible-installation-issues":{"id":"getting-started/possible-installation-issues","title":"\u2757\ufe0f Common Installation Issues","description":"This is a list of possible issues that you may encounter when installing Langflow and how to solve them.","sidebar":"docs"},"getting-started/quickstart":{"id":"getting-started/quickstart","title":"\u26a1\ufe0f Quickstart","description":"This guide demonstrates how to build a basic flow and modify the prompt for different outcomes.","sidebar":"docs"},"getting-started/workspace":{"id":"getting-started/workspace","title":"\ud83c\udfa8 Langflow Workspace","description":"The Langflow Workspace Interface","sidebar":"docs"},"index":{"id":"index","title":"\ud83d\udc4b Welcome to Langflow","description":"Langflow is a new, visual framework for building multi-agent and RAG applications. It is open-source, Python-powered, fully customizable, LLM and vector store agnostic.","sidebar":"docs"},"integrations/langsmith/intro":{"id":"integrations/langsmith/intro","title":"LangSmith","description":"LangSmith is a full-lifecycle DevOps service from LangChain that provides monitoring and observability. To integrate with Langflow, just add your LangChain API key as a Langflow environment variable and you are good to go!","sidebar":"docs"},"integrations/notion/add-content-to-page":{"id":"integrations/notion/add-content-to-page","title":"Add Content To Page","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"integrations/notion/intro":{"id":"integrations/notion/intro","title":"Introduction to Notion in Langflow","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"integrations/notion/list-database-properties":{"id":"integrations/notion/list-database-properties","title":"Database Properties","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"integrations/notion/list-pages":{"id":"integrations/notion/list-pages","title":"List Pages","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"integrations/notion/list-users":{"id":"integrations/notion/list-users","title":"User List","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"integrations/notion/page-content-viewer":{"id":"integrations/notion/page-content-viewer","title":"Page Content","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"integrations/notion/page-create":{"id":"integrations/notion/page-create","title":"Page Create","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"integrations/notion/page-update":{"id":"integrations/notion/page-update","title":"Page Update","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"integrations/notion/search":{"id":"integrations/notion/search","title":"Notion Search","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"integrations/notion/setup":{"id":"integrations/notion/setup","title":"Setting up a Notion App","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"migration/compatibility":{"id":"migration/compatibility","title":"Compatibility with Previous Versions","description":"This page may contain outdated information. It will be updated as soon as possible."},"migration/migrating-to-one-point-zero":{"id":"migration/migrating-to-one-point-zero","title":"Migrating to Langflow 1.0: A Guide","description":"This page may contain outdated information. It will be updated as soon as possible."},"starter-projects/basic-prompting":{"id":"starter-projects/basic-prompting","title":"Basic Prompting","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"starter-projects/blog-writer":{"id":"starter-projects/blog-writer","title":"Blog Writer","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"starter-projects/document-qa":{"id":"starter-projects/document-qa","title":"Document QA","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"starter-projects/memory-chatbot":{"id":"starter-projects/memory-chatbot","title":"Memory Chatbot","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"starter-projects/vector-store-rag":{"id":"starter-projects/vector-store-rag","title":"Vector Store RAG","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"tutorials/chatprompttemplate_guide":{"id":"tutorials/chatprompttemplate_guide","title":"Build Chatbots with the System Message Component","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"tutorials/custom_components":{"id":"tutorials/custom_components","title":"Custom Components","description":"Custom Components","sidebar":"docs"},"tutorials/loading_document":{"id":"tutorials/loading_document","title":"Integrate Documents with Prompt Variables","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"tutorials/rag-with-astradb":{"id":"tutorials/rag-with-astradb","title":"\ud83c\udf1f RAG with Astra DB","description":"This page may contain outdated information. It will be updated as soon as possible.","sidebar":"docs"},"whats-new/a-new-chapter-langflow":{"id":"whats-new/a-new-chapter-langflow","title":"1.0 - A new chapter for Langflow","description":"{n.r(o),n.d(o,{CH:()=>h,assets:()=>a,chCodeConfig:()=>g,contentTitle:()=>l,default:()=>f,frontMatter:()=>c,metadata:()=>d,toc:()=>p});n(6540);var i=n(4848),r=n(8453),s=n(4754),t=n(7293);const c={},l="Docker",d={id:"deployment/docker",title:"Docker",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/deployment/docker.mdx",sourceDirName:"deployment",slug:"/deployment/docker",permalink:"/deployment/docker",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"docs",previous:{title:"\ud83c\udf1f RAG with Astra DB",permalink:"/tutorials/rag-with-astradb"},next:{title:"Backend-only",permalink:"/deployment/backend-only"}},a={},h={annotations:s.hk,Code:s.Cy},g={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},p=[{value:"Prerequisites",id:"prerequisites",level:2},{value:"Clone repo and build Docker container",id:"clone-repo-and-build-docker-container",level:2},{value:"Docker Compose configuration",id:"docker-compose-configuration",level:2},{value:"LangFlow service",id:"langflow-service",level:3},{value:"PostgreSQL service",id:"postgresql-service",level:3},{value:"Switch to a specific LangFlow version",id:"switch-to-a-specific-langflow-version",level:2}];function u(e){const o=Object.assign({h1:"h1",p:"p",h2:"h2",ul:"ul",li:"li",ol:"ol",code:"code",a:"a",h3:"h3"},(0,r.RP)(),e.components);return h||x("CH",!1),h.Code||x("CH.Code",!0),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n","\n","\n",(0,i.jsx)(o.h1,{id:"docker",children:"Docker"}),"\n",(0,i.jsx)(t.A,{type:"warning",title:"warning",children:(0,i.jsx)(o.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,i.jsx)(o.p,{children:"This guide will help you get LangFlow up and running using Docker and Docker Compose."}),"\n",(0,i.jsx)(o.h2,{id:"prerequisites",children:"Prerequisites"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Docker"}),"\n",(0,i.jsx)(o.li,{children:"Docker Compose"}),"\n"]}),"\n",(0,i.jsx)(o.h2,{id:"clone-repo-and-build-docker-container",children:"Clone repo and build Docker container"}),"\n",(0,i.jsxs)(o.ol,{children:["\n",(0,i.jsxs)(o.li,{children:["\n",(0,i.jsx)(o.p,{children:"Clone the LangFlow repository:"}),"\n",(0,i.jsx)(h.Code,{codeConfig:g,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"git ",props:{style:{color:"#FFA657"}}},{content:"clone https://github.com/langflow-ai/langflow.git",props:{style:{color:"#A5D6FF"}}}]}],lang:"sh"},annotations:[]}]}),"\n"]}),"\n",(0,i.jsxs)(o.li,{children:["\n",(0,i.jsxs)(o.p,{children:["Navigate to the ",(0,i.jsx)(o.code,{children:"docker_example"})," directory:"]}),"\n",(0,i.jsx)(h.Code,{codeConfig:g,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"cd ",props:{style:{color:"#79C0FF"}}},{content:"langflow/docker_example",props:{style:{color:"#A5D6FF"}}}]}],lang:"sh"},annotations:[]}]}),"\n"]}),"\n",(0,i.jsxs)(o.li,{children:["\n",(0,i.jsx)(o.p,{children:"Run the Docker Compose file:"}),"\n",(0,i.jsx)(h.Code,{codeConfig:g,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"docker ",props:{style:{color:"#FFA657"}}},{content:"compose up",props:{style:{color:"#A5D6FF"}}}]}],lang:"sh"},annotations:[]}]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(o.p,{children:["LangFlow will now be accessible at ",(0,i.jsx)(o.a,{href:"http://localhost:7860/",children:"http://localhost:7860/"}),"."]}),"\n",(0,i.jsx)(o.h2,{id:"docker-compose-configuration",children:"Docker Compose configuration"}),"\n",(0,i.jsxs)(o.p,{children:["The Docker Compose configuration spins up two services: ",(0,i.jsx)(o.code,{children:"langflow"})," and ",(0,i.jsx)(o.code,{children:"postgres"}),"."]}),"\n",(0,i.jsx)(o.h3,{id:"langflow-service",children:"LangFlow service"}),"\n",(0,i.jsxs)(o.p,{children:["The ",(0,i.jsx)(o.code,{children:"langflow"})," service uses the ",(0,i.jsx)(o.code,{children:"langflowai/langflow:latest"})," Docker image and exposes port 7860. It depends on the ",(0,i.jsx)(o.code,{children:"postgres"})," service."]}),"\n",(0,i.jsx)(o.p,{children:"Environment variables:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsxs)(o.li,{children:[(0,i.jsx)(o.code,{children:"LANGFLOW_DATABASE_URL"}),": The connection string for the PostgreSQL database."]}),"\n",(0,i.jsxs)(o.li,{children:[(0,i.jsx)(o.code,{children:"LANGFLOW_CONFIG_DIR"}),": The directory where LangFlow stores logs, file storage, monitor data, and secret keys."]}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Volumes:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsxs)(o.li,{children:[(0,i.jsx)(o.code,{children:"langflow-data"}),": This volume is mapped to ",(0,i.jsx)(o.code,{children:"/var/lib/langflow"})," in the container."]}),"\n"]}),"\n",(0,i.jsx)(o.h3,{id:"postgresql-service",children:"PostgreSQL service"}),"\n",(0,i.jsxs)(o.p,{children:["The ",(0,i.jsx)(o.code,{children:"postgres"})," service uses the ",(0,i.jsx)(o.code,{children:"postgres:16"})," Docker image and exposes port 5432."]}),"\n",(0,i.jsx)(o.p,{children:"Environment variables:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsxs)(o.li,{children:[(0,i.jsx)(o.code,{children:"POSTGRES_USER"}),": The username for the PostgreSQL database."]}),"\n",(0,i.jsxs)(o.li,{children:[(0,i.jsx)(o.code,{children:"POSTGRES_PASSWORD"}),": The password for the PostgreSQL database."]}),"\n",(0,i.jsxs)(o.li,{children:[(0,i.jsx)(o.code,{children:"POSTGRES_DB"}),": The name of the PostgreSQL database."]}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Volumes:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsxs)(o.li,{children:[(0,i.jsx)(o.code,{children:"langflow-postgres"}),": This volume is mapped to ",(0,i.jsx)(o.code,{children:"/var/lib/postgresql/data"})," in the container."]}),"\n"]}),"\n",(0,i.jsx)(o.h2,{id:"switch-to-a-specific-langflow-version",children:"Switch to a specific LangFlow version"}),"\n",(0,i.jsxs)(o.p,{children:["If you want to use a specific version of LangFlow, you can modify the ",(0,i.jsx)(o.code,{children:"image"})," field under the ",(0,i.jsx)(o.code,{children:"langflow"})," service in the Docker Compose file. For example, to use version 1.0-alpha, change ",(0,i.jsx)(o.code,{children:"langflowai/langflow:latest"})," to ",(0,i.jsx)(o.code,{children:"langflowai/langflow:1.0-alpha"}),"."]})]})}const f=function(e={}){const{wrapper:o}=Object.assign({},(0,r.RP)(),e.components);return o?(0,i.jsx)(o,Object.assign({},e,{children:(0,i.jsx)(u,e)})):u(e)};function x(e,o){throw new Error("Expected "+(o?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/assets/js/2851112f.3a5dbd2d.js b/assets/js/2851112f.3a5dbd2d.js new file mode 100644 index 0000000000..787b7868c1 --- /dev/null +++ b/assets/js/2851112f.3a5dbd2d.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[5761],{7293:(e,n,o)=>{o.d(n,{A:()=>B});var i=o(6540),t=o(4848);function c(e){const{mdxAdmonitionTitle:n,rest:o}=function(e){const n=i.Children.toArray(e),o=n.find((e=>i.isValidElement(e)&&"mdxAdmonitionTitle"===e.type)),c=n.filter((e=>e!==o)),r=o?.props.children;return{mdxAdmonitionTitle:r,rest:c.length>0?(0,t.jsx)(t.Fragment,{children:c}):null}}(e.children),c=e.title??n;return{...e,...c&&{title:c},children:o}}var r=o(8215),s=o(1312),l=o(7559);const d={admonition:"admonition_xJq3",admonitionHeading:"admonitionHeading_Gvgb",admonitionIcon:"admonitionIcon_Rf37",admonitionContent:"admonitionContent_BuS1"};function a(e){let{type:n,className:o,children:i}=e;return(0,t.jsx)("div",{className:(0,r.A)(l.G.common.admonition,l.G.common.admonitionType(n),d.admonition,o),children:i})}function h(e){let{icon:n,title:o}=e;return(0,t.jsxs)("div",{className:d.admonitionHeading,children:[(0,t.jsx)("span",{className:d.admonitionIcon,children:n}),o]})}function u(e){let{children:n}=e;return n?(0,t.jsx)("div",{className:d.admonitionContent,children:n}):null}function p(e){const{type:n,icon:o,title:i,children:c,className:r}=e;return(0,t.jsxs)(a,{type:n,className:r,children:[i||o?(0,t.jsx)(h,{title:i,icon:o}):null,(0,t.jsx)(u,{children:c})]})}function g(e){return(0,t.jsx)("svg",{viewBox:"0 0 14 16",...e,children:(0,t.jsx)("path",{fillRule:"evenodd",d:"M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"})})}const m={icon:(0,t.jsx)(g,{}),title:(0,t.jsx)(s.A,{id:"theme.admonition.note",description:"The default label used for the Note admonition (:::note)",children:"note"})};function f(e){return(0,t.jsx)(p,{...m,...e,className:(0,r.A)("alert alert--secondary",e.className),children:e.children})}function x(e){return(0,t.jsx)("svg",{viewBox:"0 0 12 16",...e,children:(0,t.jsx)("path",{fillRule:"evenodd",d:"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"})})}const j={icon:(0,t.jsx)(x,{}),title:(0,t.jsx)(s.A,{id:"theme.admonition.tip",description:"The default label used for the Tip admonition (:::tip)",children:"tip"})};function v(e){return(0,t.jsx)(p,{...j,...e,className:(0,r.A)("alert alert--success",e.className),children:e.children})}function w(e){return(0,t.jsx)("svg",{viewBox:"0 0 14 16",...e,children:(0,t.jsx)("path",{fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"})})}const b={icon:(0,t.jsx)(w,{}),title:(0,t.jsx)(s.A,{id:"theme.admonition.info",description:"The default label used for the Info admonition (:::info)",children:"info"})};function k(e){return(0,t.jsx)(p,{...b,...e,className:(0,r.A)("alert alert--info",e.className),children:e.children})}function y(e){return(0,t.jsx)("svg",{viewBox:"0 0 16 16",...e,children:(0,t.jsx)("path",{fillRule:"evenodd",d:"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"})})}const C={icon:(0,t.jsx)(y,{}),title:(0,t.jsx)(s.A,{id:"theme.admonition.warning",description:"The default label used for the Warning admonition (:::warning)",children:"warning"})};function F(e){return(0,t.jsx)("svg",{viewBox:"0 0 12 16",...e,children:(0,t.jsx)("path",{fillRule:"evenodd",d:"M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"})})}const A={icon:(0,t.jsx)(F,{}),title:(0,t.jsx)(s.A,{id:"theme.admonition.danger",description:"The default label used for the Danger admonition (:::danger)",children:"danger"})};const T={icon:(0,t.jsx)(y,{}),title:(0,t.jsx)(s.A,{id:"theme.admonition.caution",description:"The default label used for the Caution admonition (:::caution)",children:"caution"})};const N={...{note:f,tip:v,info:k,warning:function(e){return(0,t.jsx)(p,{...C,...e,className:(0,r.A)("alert alert--warning",e.className),children:e.children})},danger:function(e){return(0,t.jsx)(p,{...A,...e,className:(0,r.A)("alert alert--danger",e.className),children:e.children})}},...{secondary:e=>(0,t.jsx)(f,{title:"secondary",...e}),important:e=>(0,t.jsx)(k,{title:"important",...e}),success:e=>(0,t.jsx)(v,{title:"success",...e}),caution:function(e){return(0,t.jsx)(p,{...T,...e,className:(0,r.A)("alert alert--warning",e.className),children:e.children})}}};var D=o(6763);function B(e){const n=c(e),o=(i=n.type,N[i]||(D.warn(`No admonition component found for admonition type "${i}". Using Info as fallback.`),N.info));var i;return(0,t.jsx)(o,{...n})}},3411:(e,n,o)=>{o.r(n),o.d(n,{CH:()=>h,assets:()=>a,chCodeConfig:()=>u,contentTitle:()=>l,default:()=>m,frontMatter:()=>s,metadata:()=>d,toc:()=>p});o(6540);var i=o(4848),t=o(8453),c=o(4754),r=o(7293);const s={},l="Docker",d={id:"deployment/docker",title:"Docker",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/deployment/docker.mdx",sourceDirName:"deployment",slug:"/deployment/docker",permalink:"/deployment/docker",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"docs",previous:{title:"\ud83c\udf1f RAG with Astra DB",permalink:"/tutorials/rag-with-astradb"},next:{title:"Backend-only",permalink:"/deployment/backend-only"}},a={},h={annotations:c.hk,Code:c.Cy},u={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},p=[{value:"Prerequisites",id:"prerequisites",level:2},{value:"Clone repo and build Docker container",id:"clone-repo-and-build-docker-container",level:2},{value:"Docker Compose configuration",id:"docker-compose-configuration",level:2},{value:"LangFlow service",id:"langflow-service",level:3},{value:"PostgreSQL service",id:"postgresql-service",level:3},{value:"Switch to a specific LangFlow version",id:"switch-to-a-specific-langflow-version",level:2}];function g(e){const n=Object.assign({h1:"h1",p:"p",h2:"h2",ul:"ul",li:"li",ol:"ol",code:"code",a:"a",h3:"h3"},(0,t.RP)(),e.components);return h||f("CH",!1),h.Code||f("CH.Code",!0),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n","\n","\n",(0,i.jsx)(n.h1,{id:"docker",children:"Docker"}),"\n",(0,i.jsx)(r.A,{type:"warning",title:"warning",children:(0,i.jsx)(n.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,i.jsx)(n.p,{children:"This guide will help you get LangFlow up and running using Docker and Docker Compose."}),"\n",(0,i.jsx)(n.h2,{id:"prerequisites",children:"Prerequisites"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"Docker"}),"\n",(0,i.jsx)(n.li,{children:"Docker Compose"}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"clone-repo-and-build-docker-container",children:"Clone repo and build Docker container"}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsx)(n.p,{children:"Clone the LangFlow repository:"}),"\n",(0,i.jsx)(h.Code,{codeConfig:u,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"git ",props:{style:{color:"#FFA657"}}},{content:"clone https://github.com/langflow-ai/langflow.git",props:{style:{color:"#A5D6FF"}}}]}],lang:"sh"},annotations:[]}]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:["Navigate to the ",(0,i.jsx)(n.code,{children:"docker_example"})," directory:"]}),"\n",(0,i.jsx)(h.Code,{codeConfig:u,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"cd ",props:{style:{color:"#79C0FF"}}},{content:"langflow/docker_example",props:{style:{color:"#A5D6FF"}}}]}],lang:"sh"},annotations:[]}]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsx)(n.p,{children:"Run the Docker Compose file:"}),"\n",(0,i.jsx)(h.Code,{codeConfig:u,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"docker ",props:{style:{color:"#FFA657"}}},{content:"compose up",props:{style:{color:"#A5D6FF"}}}]}],lang:"sh"},annotations:[]}]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.p,{children:["LangFlow will now be accessible at ",(0,i.jsx)(n.a,{href:"http://localhost:7860/",children:"http://localhost:7860/"}),"."]}),"\n",(0,i.jsx)(n.h2,{id:"docker-compose-configuration",children:"Docker Compose configuration"}),"\n",(0,i.jsxs)(n.p,{children:["The Docker Compose configuration spins up two services: ",(0,i.jsx)(n.code,{children:"langflow"})," and ",(0,i.jsx)(n.code,{children:"postgres"}),"."]}),"\n",(0,i.jsx)(n.h3,{id:"langflow-service",children:"LangFlow service"}),"\n",(0,i.jsxs)(n.p,{children:["The ",(0,i.jsx)(n.code,{children:"langflow"})," service uses the ",(0,i.jsx)(n.code,{children:"langflowai/langflow:latest"})," Docker image and exposes port 7860. It depends on the ",(0,i.jsx)(n.code,{children:"postgres"})," service."]}),"\n",(0,i.jsx)(n.p,{children:"Environment variables:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"LANGFLOW_DATABASE_URL"}),": The connection string for the PostgreSQL database."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"LANGFLOW_CONFIG_DIR"}),": The directory where LangFlow stores logs, file storage, monitor data, and secret keys."]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"Volumes:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"langflow-data"}),": This volume is mapped to ",(0,i.jsx)(n.code,{children:"/var/lib/langflow"})," in the container."]}),"\n"]}),"\n",(0,i.jsx)(n.h3,{id:"postgresql-service",children:"PostgreSQL service"}),"\n",(0,i.jsxs)(n.p,{children:["The ",(0,i.jsx)(n.code,{children:"postgres"})," service uses the ",(0,i.jsx)(n.code,{children:"postgres:16"})," Docker image and exposes port 5432."]}),"\n",(0,i.jsx)(n.p,{children:"Environment variables:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"POSTGRES_USER"}),": The username for the PostgreSQL database."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"POSTGRES_PASSWORD"}),": The password for the PostgreSQL database."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"POSTGRES_DB"}),": The name of the PostgreSQL database."]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"Volumes:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"langflow-postgres"}),": This volume is mapped to ",(0,i.jsx)(n.code,{children:"/var/lib/postgresql/data"})," in the container."]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"switch-to-a-specific-langflow-version",children:"Switch to a specific LangFlow version"}),"\n",(0,i.jsxs)(n.p,{children:["If you want to use a specific version of LangFlow, you can modify the ",(0,i.jsx)(n.code,{children:"image"})," field under the ",(0,i.jsx)(n.code,{children:"langflow"})," service in the Docker Compose file. For example, to use version 1.0-alpha, change ",(0,i.jsx)(n.code,{children:"langflowai/langflow:latest"})," to ",(0,i.jsx)(n.code,{children:"langflowai/langflow:1.0-alpha"}),"."]})]})}const m=function(e={}){const{wrapper:n}=Object.assign({},(0,t.RP)(),e.components);return n?(0,i.jsx)(n,Object.assign({},e,{children:(0,i.jsx)(g,e)})):g(e)};function f(e,n){throw new Error("Expected "+(n?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/assets/js/30d90be0.1f877954.js b/assets/js/30d90be0.1f877954.js new file mode 100644 index 0000000000..96109c93db --- /dev/null +++ b/assets/js/30d90be0.1f877954.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[4558],{7293:(e,n,t)=>{t.d(n,{A:()=>T});var o=t(6540),r=t(4848);function i(e){const{mdxAdmonitionTitle:n,rest:t}=function(e){const n=o.Children.toArray(e),t=n.find((e=>o.isValidElement(e)&&"mdxAdmonitionTitle"===e.type)),i=n.filter((e=>e!==t)),s=t?.props.children;return{mdxAdmonitionTitle:s,rest:i.length>0?(0,r.jsx)(r.Fragment,{children:i}):null}}(e.children),i=e.title??n;return{...e,...i&&{title:i},children:t}}var s=t(8215),c=t(1312),l=t(7559);const d={admonition:"admonition_xJq3",admonitionHeading:"admonitionHeading_Gvgb",admonitionIcon:"admonitionIcon_Rf37",admonitionContent:"admonitionContent_BuS1"};function a(e){let{type:n,className:t,children:o}=e;return(0,r.jsx)("div",{className:(0,s.A)(l.G.common.admonition,l.G.common.admonitionType(n),d.admonition,t),children:o})}function h(e){let{icon:n,title:t}=e;return(0,r.jsxs)("div",{className:d.admonitionHeading,children:[(0,r.jsx)("span",{className:d.admonitionIcon,children:n}),t]})}function u(e){let{children:n}=e;return n?(0,r.jsx)("div",{className:d.admonitionContent,children:n}):null}function p(e){const{type:n,icon:t,title:o,children:i,className:s}=e;return(0,r.jsxs)(a,{type:n,className:s,children:[o||t?(0,r.jsx)(h,{title:o,icon:t}):null,(0,r.jsx)(u,{children:i})]})}function g(e){return(0,r.jsx)("svg",{viewBox:"0 0 14 16",...e,children:(0,r.jsx)("path",{fillRule:"evenodd",d:"M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"})})}const m={icon:(0,r.jsx)(g,{}),title:(0,r.jsx)(c.A,{id:"theme.admonition.note",description:"The default label used for the Note admonition (:::note)",children:"note"})};function f(e){return(0,r.jsx)(p,{...m,...e,className:(0,s.A)("alert alert--secondary",e.className),children:e.children})}function j(e){return(0,r.jsx)("svg",{viewBox:"0 0 12 16",...e,children:(0,r.jsx)("path",{fillRule:"evenodd",d:"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"})})}const x={icon:(0,r.jsx)(j,{}),title:(0,r.jsx)(c.A,{id:"theme.admonition.tip",description:"The default label used for the Tip admonition (:::tip)",children:"tip"})};function b(e){return(0,r.jsx)(p,{...x,...e,className:(0,s.A)("alert alert--success",e.className),children:e.children})}function v(e){return(0,r.jsx)("svg",{viewBox:"0 0 14 16",...e,children:(0,r.jsx)("path",{fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"})})}const w={icon:(0,r.jsx)(v,{}),title:(0,r.jsx)(c.A,{id:"theme.admonition.info",description:"The default label used for the Info admonition (:::info)",children:"info"})};function y(e){return(0,r.jsx)(p,{...w,...e,className:(0,s.A)("alert alert--info",e.className),children:e.children})}function k(e){return(0,r.jsx)("svg",{viewBox:"0 0 16 16",...e,children:(0,r.jsx)("path",{fillRule:"evenodd",d:"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"})})}const A={icon:(0,r.jsx)(k,{}),title:(0,r.jsx)(c.A,{id:"theme.admonition.warning",description:"The default label used for the Warning admonition (:::warning)",children:"warning"})};function C(e){return(0,r.jsx)("svg",{viewBox:"0 0 12 16",...e,children:(0,r.jsx)("path",{fillRule:"evenodd",d:"M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"})})}const B={icon:(0,r.jsx)(C,{}),title:(0,r.jsx)(c.A,{id:"theme.admonition.danger",description:"The default label used for the Danger admonition (:::danger)",children:"danger"})};const F={icon:(0,r.jsx)(k,{}),title:(0,r.jsx)(c.A,{id:"theme.admonition.caution",description:"The default label used for the Caution admonition (:::caution)",children:"caution"})};const N={...{note:f,tip:b,info:y,warning:function(e){return(0,r.jsx)(p,{...A,...e,className:(0,s.A)("alert alert--warning",e.className),children:e.children})},danger:function(e){return(0,r.jsx)(p,{...B,...e,className:(0,s.A)("alert alert--danger",e.className),children:e.children})}},...{secondary:e=>(0,r.jsx)(f,{title:"secondary",...e}),important:e=>(0,r.jsx)(y,{title:"important",...e}),success:e=>(0,r.jsx)(b,{title:"success",...e}),caution:function(e){return(0,r.jsx)(p,{...F,...e,className:(0,s.A)("alert alert--warning",e.className),children:e.children})}}};var D=t(6763);function T(e){const n=i(e),t=(o=n.type,N[o]||(D.warn(`No admonition component found for admonition type "${o}". Using Info as fallback.`),N.info));var o;return(0,r.jsx)(t,{...n})}},7533:(e,n,t)=>{t.d(n,{A:()=>c});var o=t(6540),r=t(1122),i=t(6025),s=t(4848);const c=e=>{let{alt:n,sources:t,style:c}=e;const[l,d]=(0,o.useState)(!1),a=e=>{"Escape"===e.key&&d(!1)};(0,o.useEffect)((()=>(l?document.addEventListener("keydown",a):document.removeEventListener("keydown",a),()=>{document.removeEventListener("keydown",a)})),[l]);return(0,s.jsx)("div",{className:"zoomable-image "+(l?"fullscreen":""),onClick:()=>{d(!l)},style:{width:"50%",margin:"0 auto",display:"flex",justifyContent:"center",...c},children:(0,s.jsx)(r.A,{className:"zoomable-image-inner",alt:n,sources:{light:(0,i.Ay)(t.light),dark:(0,i.Ay)(t.dark)}})})}},8674:(e,n,t)=>{t.r(n),t.d(n,{CH:()=>u,assets:()=>h,chCodeConfig:()=>p,contentTitle:()=>d,default:()=>f,frontMatter:()=>l,metadata:()=>a,toc:()=>g});t(6540);var o=t(4848),r=t(8453),i=t(4754),s=(t(1122),t(6025),t(7533)),c=t(7293);const l={},d="Blog Writer",a={id:"starter-projects/blog-writer",title:"Blog Writer",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/starter-projects/blog-writer.mdx",sourceDirName:"starter-projects",slug:"/starter-projects/blog-writer",permalink:"/starter-projects/blog-writer",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"docs",previous:{title:"Basic Prompting",permalink:"/starter-projects/basic-prompting"},next:{title:"Document QA",permalink:"/starter-projects/document-qa"}},h={},u={annotations:i.hk,Code:i.Cy},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},g=[{value:"Prerequisites",id:"prerequisites",level:2},{value:"Create the Blog Writer project",id:"create-the-blog-writer-project",level:2},{value:"Run the Blog Writer flow",id:"run-the-blog-writer-flow",level:2}];function m(e){const n=Object.assign({h1:"h1",p:"p",h2:"h2",ul:"ul",li:"li",a:"a",ol:"ol",strong:"strong",code:"code"},(0,r.RP)(),e.components);return u||j("CH",!1),u.Code||j("CH.Code",!0),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n","\n","\n",(0,o.jsx)(n.h1,{id:"blog-writer",children:"Blog Writer"}),"\n",(0,o.jsx)(c.A,{type:"warning",title:"warning",children:(0,o.jsx)(n.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,o.jsx)(n.p,{children:"Build a blog writer with OpenAI that uses URLs for reference content."}),"\n",(0,o.jsx)(n.h2,{id:"prerequisites",children:"Prerequisites"}),"\n",(0,o.jsxs)(n.ul,{children:["\n",(0,o.jsxs)(n.li,{children:["\n",(0,o.jsx)(n.p,{children:(0,o.jsx)(n.a,{href:"../getting-started/install-langflow",children:"Langflow installed and running"})}),"\n"]}),"\n",(0,o.jsxs)(n.li,{children:["\n",(0,o.jsx)(n.p,{children:(0,o.jsx)(n.a,{href:"https://platform.openai.com",children:"OpenAI API key created"})}),"\n"]}),"\n"]}),"\n",(0,o.jsx)(n.h2,{id:"create-the-blog-writer-project",children:"Create the Blog Writer project"}),"\n",(0,o.jsxs)(n.ol,{children:["\n",(0,o.jsxs)(n.li,{children:["From the Langflow dashboard, click ",(0,o.jsx)(n.strong,{children:"New Project"}),"."]}),"\n",(0,o.jsxs)(n.li,{children:["Select ",(0,o.jsx)(n.strong,{children:"Blog Writer"}),"."]}),"\n",(0,o.jsxs)(n.li,{children:["The ",(0,o.jsx)(n.strong,{children:"Blog Writer"})," flow is created."]}),"\n"]}),"\n",(0,o.jsx)(s.A,{alt:"Docusaurus themed image",sources:{light:"img/blog-writer.png",dark:"img/blog-writer.png"},style:{width:"80%",margin:"20px auto"}}),"\n",(0,o.jsxs)(n.p,{children:["This flow creates a one-shot prompt flow with ",(0,o.jsx)(n.strong,{children:"Prompt"}),", ",(0,o.jsx)(n.strong,{children:"OpenAI"}),", and ",(0,o.jsx)(n.strong,{children:"Chat Output"})," components, and augments the flow with reference content and instructions from the ",(0,o.jsx)(n.strong,{children:"URL"})," and ",(0,o.jsx)(n.strong,{children:"Instructions"})," components."]}),"\n",(0,o.jsxs)(n.p,{children:["The ",(0,o.jsx)(n.strong,{children:"Prompt"})," component's default ",(0,o.jsx)(n.strong,{children:"Template"})," field looks like this:"]}),"\n",(0,o.jsx)(u.Code,{codeConfig:p,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"Reference ",props:{style:{color:"#FFA657"}}},{content:"1:",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"{",props:{style:{color:"#C9D1D9"}}},{content:"reference_1}",props:{style:{color:"#FFA657"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"---",props:{style:{color:"#FFA657"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"Reference ",props:{style:{color:"#FFA657"}}},{content:"2:",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"{",props:{style:{color:"#C9D1D9"}}},{content:"reference_2}",props:{style:{color:"#FFA657"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"---",props:{style:{color:"#FFA657"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"{",props:{style:{color:"#C9D1D9"}}},{content:"instructions}",props:{style:{color:"#FFA657"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"Blog:",props:{style:{color:"#FFA657"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,o.jsxs)(n.p,{children:["The ",(0,o.jsx)(n.code,{children:"{instructions}"})," value is received from the ",(0,o.jsx)(n.strong,{children:"Value"})," field of the ",(0,o.jsx)(n.strong,{children:"Instructions"})," component.\nThe ",(0,o.jsx)(n.code,{children:"reference_1"})," and ",(0,o.jsx)(n.code,{children:"reference_2"})," values are received from the ",(0,o.jsx)(n.strong,{children:"URL"})," fields of the ",(0,o.jsx)(n.strong,{children:"URL"})," components."]}),"\n",(0,o.jsxs)(n.ol,{start:"4",children:["\n",(0,o.jsxs)(n.li,{children:["To create an environment variable for the ",(0,o.jsx)(n.strong,{children:"OpenAI"})," component, in the ",(0,o.jsx)(n.strong,{children:"OpenAI API Key"})," field, click the ",(0,o.jsx)(n.strong,{children:"Globe"})," button, and then click ",(0,o.jsx)(n.strong,{children:"Add New Variable"}),".","\n",(0,o.jsxs)(n.ol,{children:["\n",(0,o.jsxs)(n.li,{children:["In the ",(0,o.jsx)(n.strong,{children:"Variable Name"})," field, enter ",(0,o.jsx)(n.code,{children:"openai_api_key"}),"."]}),"\n",(0,o.jsxs)(n.li,{children:["In the ",(0,o.jsx)(n.strong,{children:"Value"})," field, paste your OpenAI API Key (",(0,o.jsx)(n.code,{children:"sk-..."}),")."]}),"\n",(0,o.jsxs)(n.li,{children:["Click ",(0,o.jsx)(n.strong,{children:"Save Variable"}),"."]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,o.jsx)(n.h2,{id:"run-the-blog-writer-flow",children:"Run the Blog Writer flow"}),"\n",(0,o.jsxs)(n.ol,{children:["\n",(0,o.jsxs)(n.li,{children:["Click the ",(0,o.jsx)(n.strong,{children:"Run"})," button.\nThe ",(0,o.jsx)(n.strong,{children:"Interaction Panel"})," opens, where you can run your one-shot flow."]}),"\n",(0,o.jsxs)(n.li,{children:["Click the ",(0,o.jsx)(n.strong,{children:"Lighting Bolt"})," icon to run your flow."]}),"\n",(0,o.jsxs)(n.li,{children:["The ",(0,o.jsx)(n.strong,{children:"OpenAI"})," component constructs a blog post with the ",(0,o.jsx)(n.strong,{children:"URL"})," items as context.\nThe default ",(0,o.jsx)(n.strong,{children:"URL"})," values are for web pages at ",(0,o.jsx)(n.code,{children:"promptingguide.ai"}),", so your blog post will be about prompting LLMs."]}),"\n"]}),"\n",(0,o.jsxs)(n.p,{children:["To write about something different, change the values in the ",(0,o.jsx)(n.strong,{children:"URL"})," components, and see what the LLM constructs."]})]})}const f=function(e={}){const{wrapper:n}=Object.assign({},(0,r.RP)(),e.components);return n?(0,o.jsx)(n,Object.assign({},e,{children:(0,o.jsx)(m,e)})):m(e)};function j(e,n){throw new Error("Expected "+(n?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/assets/js/30d90be0.1f953139.js b/assets/js/30d90be0.1f953139.js deleted file mode 100644 index a55fb9f6a8..0000000000 --- a/assets/js/30d90be0.1f953139.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[4558],{7533:(e,t,n)=>{n.d(t,{A:()=>i});var o=n(6540),r=n(1122),s=n(6025),c=n(4848);const i=e=>{let{alt:t,sources:n,style:i}=e;const[l,d]=(0,o.useState)(!1),a=e=>{"Escape"===e.key&&d(!1)};(0,o.useEffect)((()=>(l?document.addEventListener("keydown",a):document.removeEventListener("keydown",a),()=>{document.removeEventListener("keydown",a)})),[l]);return(0,c.jsx)("div",{className:"zoomable-image "+(l?"fullscreen":""),onClick:()=>{d(!l)},style:{width:"50%",margin:"0 auto",display:"flex",justifyContent:"center",...i},children:(0,c.jsx)(r.A,{className:"zoomable-image-inner",alt:t,sources:{light:(0,s.Ay)(n.light),dark:(0,s.Ay)(n.dark)}})})}},8674:(e,t,n)=>{n.r(t),n.d(t,{CH:()=>p,assets:()=>h,chCodeConfig:()=>g,contentTitle:()=>d,default:()=>f,frontMatter:()=>l,metadata:()=>a,toc:()=>u});n(6540);var o=n(4848),r=n(8453),s=n(4754),c=(n(1122),n(6025),n(7533)),i=n(7293);const l={},d="Blog Writer",a={id:"starter-projects/blog-writer",title:"Blog Writer",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/starter-projects/blog-writer.mdx",sourceDirName:"starter-projects",slug:"/starter-projects/blog-writer",permalink:"/starter-projects/blog-writer",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"docs",previous:{title:"Basic Prompting",permalink:"/starter-projects/basic-prompting"},next:{title:"Document QA",permalink:"/starter-projects/document-qa"}},h={},p={annotations:s.hk,Code:s.Cy},g={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},u=[{value:"Prerequisites",id:"prerequisites",level:2},{value:"Create the Blog Writer project",id:"create-the-blog-writer-project",level:2},{value:"Run the Blog Writer flow",id:"run-the-blog-writer-flow",level:2}];function j(e){const t=Object.assign({h1:"h1",p:"p",h2:"h2",ul:"ul",li:"li",a:"a",ol:"ol",strong:"strong",code:"code"},(0,r.RP)(),e.components);return p||x("CH",!1),p.Code||x("CH.Code",!0),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n","\n","\n",(0,o.jsx)(t.h1,{id:"blog-writer",children:"Blog Writer"}),"\n",(0,o.jsx)(i.A,{type:"warning",title:"warning",children:(0,o.jsx)(t.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,o.jsx)(t.p,{children:"Build a blog writer with OpenAI that uses URLs for reference content."}),"\n",(0,o.jsx)(t.h2,{id:"prerequisites",children:"Prerequisites"}),"\n",(0,o.jsxs)(t.ul,{children:["\n",(0,o.jsxs)(t.li,{children:["\n",(0,o.jsx)(t.p,{children:(0,o.jsx)(t.a,{href:"../getting-started/install-langflow",children:"Langflow installed and running"})}),"\n"]}),"\n",(0,o.jsxs)(t.li,{children:["\n",(0,o.jsx)(t.p,{children:(0,o.jsx)(t.a,{href:"https://platform.openai.com",children:"OpenAI API key created"})}),"\n"]}),"\n"]}),"\n",(0,o.jsx)(t.h2,{id:"create-the-blog-writer-project",children:"Create the Blog Writer project"}),"\n",(0,o.jsxs)(t.ol,{children:["\n",(0,o.jsxs)(t.li,{children:["From the Langflow dashboard, click ",(0,o.jsx)(t.strong,{children:"New Project"}),"."]}),"\n",(0,o.jsxs)(t.li,{children:["Select ",(0,o.jsx)(t.strong,{children:"Blog Writer"}),"."]}),"\n",(0,o.jsxs)(t.li,{children:["The ",(0,o.jsx)(t.strong,{children:"Blog Writer"})," flow is created."]}),"\n"]}),"\n",(0,o.jsx)(c.A,{alt:"Docusaurus themed image",sources:{light:"img/blog-writer.png",dark:"img/blog-writer.png"},style:{width:"80%",margin:"20px auto"}}),"\n",(0,o.jsxs)(t.p,{children:["This flow creates a one-shot prompt flow with ",(0,o.jsx)(t.strong,{children:"Prompt"}),", ",(0,o.jsx)(t.strong,{children:"OpenAI"}),", and ",(0,o.jsx)(t.strong,{children:"Chat Output"})," components, and augments the flow with reference content and instructions from the ",(0,o.jsx)(t.strong,{children:"URL"})," and ",(0,o.jsx)(t.strong,{children:"Instructions"})," components."]}),"\n",(0,o.jsxs)(t.p,{children:["The ",(0,o.jsx)(t.strong,{children:"Prompt"})," component's default ",(0,o.jsx)(t.strong,{children:"Template"})," field looks like this:"]}),"\n",(0,o.jsx)(p.Code,{codeConfig:g,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"Reference ",props:{style:{color:"#FFA657"}}},{content:"1:",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"{",props:{style:{color:"#C9D1D9"}}},{content:"reference_1}",props:{style:{color:"#FFA657"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"---",props:{style:{color:"#FFA657"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"Reference ",props:{style:{color:"#FFA657"}}},{content:"2:",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"{",props:{style:{color:"#C9D1D9"}}},{content:"reference_2}",props:{style:{color:"#FFA657"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"---",props:{style:{color:"#FFA657"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"{",props:{style:{color:"#C9D1D9"}}},{content:"instructions}",props:{style:{color:"#FFA657"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"Blog:",props:{style:{color:"#FFA657"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,o.jsxs)(t.p,{children:["The ",(0,o.jsx)(t.code,{children:"{instructions}"})," value is received from the ",(0,o.jsx)(t.strong,{children:"Value"})," field of the ",(0,o.jsx)(t.strong,{children:"Instructions"})," component.\nThe ",(0,o.jsx)(t.code,{children:"reference_1"})," and ",(0,o.jsx)(t.code,{children:"reference_2"})," values are received from the ",(0,o.jsx)(t.strong,{children:"URL"})," fields of the ",(0,o.jsx)(t.strong,{children:"URL"})," components."]}),"\n",(0,o.jsxs)(t.ol,{start:"4",children:["\n",(0,o.jsxs)(t.li,{children:["To create an environment variable for the ",(0,o.jsx)(t.strong,{children:"OpenAI"})," component, in the ",(0,o.jsx)(t.strong,{children:"OpenAI API Key"})," field, click the ",(0,o.jsx)(t.strong,{children:"Globe"})," button, and then click ",(0,o.jsx)(t.strong,{children:"Add New Variable"}),".","\n",(0,o.jsxs)(t.ol,{children:["\n",(0,o.jsxs)(t.li,{children:["In the ",(0,o.jsx)(t.strong,{children:"Variable Name"})," field, enter ",(0,o.jsx)(t.code,{children:"openai_api_key"}),"."]}),"\n",(0,o.jsxs)(t.li,{children:["In the ",(0,o.jsx)(t.strong,{children:"Value"})," field, paste your OpenAI API Key (",(0,o.jsx)(t.code,{children:"sk-..."}),")."]}),"\n",(0,o.jsxs)(t.li,{children:["Click ",(0,o.jsx)(t.strong,{children:"Save Variable"}),"."]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,o.jsx)(t.h2,{id:"run-the-blog-writer-flow",children:"Run the Blog Writer flow"}),"\n",(0,o.jsxs)(t.ol,{children:["\n",(0,o.jsxs)(t.li,{children:["Click the ",(0,o.jsx)(t.strong,{children:"Run"})," button.\nThe ",(0,o.jsx)(t.strong,{children:"Interaction Panel"})," opens, where you can run your one-shot flow."]}),"\n",(0,o.jsxs)(t.li,{children:["Click the ",(0,o.jsx)(t.strong,{children:"Lighting Bolt"})," icon to run your flow."]}),"\n",(0,o.jsxs)(t.li,{children:["The ",(0,o.jsx)(t.strong,{children:"OpenAI"})," component constructs a blog post with the ",(0,o.jsx)(t.strong,{children:"URL"})," items as context.\nThe default ",(0,o.jsx)(t.strong,{children:"URL"})," values are for web pages at ",(0,o.jsx)(t.code,{children:"promptingguide.ai"}),", so your blog post will be about prompting LLMs."]}),"\n"]}),"\n",(0,o.jsxs)(t.p,{children:["To write about something different, change the values in the ",(0,o.jsx)(t.strong,{children:"URL"})," components, and see what the LLM constructs."]})]})}const f=function(e={}){const{wrapper:t}=Object.assign({},(0,r.RP)(),e.components);return t?(0,o.jsx)(t,Object.assign({},e,{children:(0,o.jsx)(j,e)})):j(e)};function x(e,t){throw new Error("Expected "+(t?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/assets/js/3554.5cf4deed.js b/assets/js/3554.5cf4deed.js deleted file mode 100644 index d559ea007a..0000000000 --- a/assets/js/3554.5cf4deed.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[3554],{4744:e=>{"use strict";var t=function(e){return function(e){return!!e&&"object"==typeof e}(e)&&!function(e){var t=Object.prototype.toString.call(e);return"[object RegExp]"===t||"[object Date]"===t||function(e){return e.$$typeof===r}(e)}(e)};var r="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function a(e,t){return!1!==t.clone&&t.isMergeableObject(e)?s((r=e,Array.isArray(r)?[]:{}),e,t):e;var r}function n(e,t,r){return e.concat(t).map((function(e){return a(e,r)}))}function o(e){return Object.keys(e).concat(function(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter((function(t){return Object.propertyIsEnumerable.call(e,t)})):[]}(e))}function i(e,t){try{return t in e}catch(r){return!1}}function l(e,t,r){var n={};return r.isMergeableObject(e)&&o(e).forEach((function(t){n[t]=a(e[t],r)})),o(t).forEach((function(o){(function(e,t){return i(e,t)&&!(Object.hasOwnProperty.call(e,t)&&Object.propertyIsEnumerable.call(e,t))})(e,o)||(i(e,o)&&r.isMergeableObject(t[o])?n[o]=function(e,t){if(!t.customMerge)return s;var r=t.customMerge(e);return"function"==typeof r?r:s}(o,r)(e[o],t[o],r):n[o]=a(t[o],r))})),n}function s(e,r,o){(o=o||{}).arrayMerge=o.arrayMerge||n,o.isMergeableObject=o.isMergeableObject||t,o.cloneUnlessOtherwiseSpecified=a;var i=Array.isArray(r);return i===Array.isArray(e)?i?o.arrayMerge(e,r,o):l(e,r,o):a(r,o)}s.all=function(e,t){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,r){return s(e,r,t)}),{})};var u=s;e.exports=u},6147:e=>{function t(e,t){e.onload=function(){this.onerror=this.onload=null,t(null,e)},e.onerror=function(){this.onerror=this.onload=null,t(new Error("Failed to load "+this.src),e)}}function r(e,t){e.onreadystatechange=function(){"complete"!=this.readyState&&"loaded"!=this.readyState||(this.onreadystatechange=null,t(null,e))}}e.exports=function(e,a,n){var o=document.head||document.getElementsByTagName("head")[0],i=document.createElement("script");"function"==typeof a&&(n=a,a={}),a=a||{},n=n||function(){},i.type=a.type||"text/javascript",i.charset=a.charset||"utf8",i.async=!("async"in a)||!!a.async,i.src=e,a.attrs&&function(e,t){for(var r in t)e.setAttribute(r,t[r])}(i,a.attrs),a.text&&(i.text=""+a.text),("onload"in i?t:r)(i,n),i.onload||t(i,n),o.appendChild(i)}},1811:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>o});var a=Number.isNaN||function(e){return"number"==typeof e&&e!=e};function n(e,t){if(e.length!==t.length)return!1;for(var r=0;r{var a,n=r(6763),o=Object.create,i=Object.defineProperty,l=Object.getOwnPropertyDescriptor,s=Object.getOwnPropertyNames,u=Object.getPrototypeOf,c=Object.prototype.hasOwnProperty,d=(e,t,r,a)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let n of s(t))c.call(e,n)||n===r||i(e,n,{get:()=>t[n],enumerable:!(a=l(t,n))||a.enumerable});return e},p=(e,t,r)=>(r=null!=e?o(u(e)):{},d(!t&&e&&e.__esModule?r:i(r,"default",{value:e,enumerable:!0}),e)),y=(e,t,r)=>(((e,t,r)=>{t in e?i(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r})(e,"symbol"!=typeof t?t+"":t,r),r),h={};((e,t)=>{for(var r in t)i(e,r,{get:t[r],enumerable:!0})})(h,{default:()=>g}),e.exports=(a=h,d(i({},"__esModule",{value:!0}),a));var f=p(r(6540)),m=p(r(115)),b=r(7604),P=r(5635);class g extends f.Component{constructor(){super(...arguments),y(this,"mounted",!1),y(this,"isReady",!1),y(this,"isPlaying",!1),y(this,"isLoading",!0),y(this,"loadOnReady",null),y(this,"startOnPlay",!0),y(this,"seekOnPlay",null),y(this,"onDurationCalled",!1),y(this,"handlePlayerMount",(e=>{this.player||(this.player=e,this.player.load(this.props.url)),this.progress()})),y(this,"getInternalPlayer",(e=>this.player?this.player[e]:null)),y(this,"progress",(()=>{if(this.props.url&&this.player&&this.isReady){const e=this.getCurrentTime()||0,t=this.getSecondsLoaded(),r=this.getDuration();if(r){const a={playedSeconds:e,played:e/r};null!==t&&(a.loadedSeconds=t,a.loaded=t/r),a.playedSeconds===this.prevPlayed&&a.loadedSeconds===this.prevLoaded||this.props.onProgress(a),this.prevPlayed=a.playedSeconds,this.prevLoaded=a.loadedSeconds}}this.progressTimeout=setTimeout(this.progress,this.props.progressFrequency||this.props.progressInterval)})),y(this,"handleReady",(()=>{if(!this.mounted)return;this.isReady=!0,this.isLoading=!1;const{onReady:e,playing:t,volume:r,muted:a}=this.props;e(),a||null===r||this.player.setVolume(r),this.loadOnReady?(this.player.load(this.loadOnReady,!0),this.loadOnReady=null):t&&this.player.play(),this.handleDurationCheck()})),y(this,"handlePlay",(()=>{this.isPlaying=!0,this.isLoading=!1;const{onStart:e,onPlay:t,playbackRate:r}=this.props;this.startOnPlay&&(this.player.setPlaybackRate&&1!==r&&this.player.setPlaybackRate(r),e(),this.startOnPlay=!1),t(),this.seekOnPlay&&(this.seekTo(this.seekOnPlay),this.seekOnPlay=null),this.handleDurationCheck()})),y(this,"handlePause",(e=>{this.isPlaying=!1,this.isLoading||this.props.onPause(e)})),y(this,"handleEnded",(()=>{const{activePlayer:e,loop:t,onEnded:r}=this.props;e.loopOnEnded&&t&&this.seekTo(0),t||(this.isPlaying=!1,r())})),y(this,"handleError",((...e)=>{this.isLoading=!1,this.props.onError(...e)})),y(this,"handleDurationCheck",(()=>{clearTimeout(this.durationCheckTimeout);const e=this.getDuration();e?this.onDurationCalled||(this.props.onDuration(e),this.onDurationCalled=!0):this.durationCheckTimeout=setTimeout(this.handleDurationCheck,100)})),y(this,"handleLoaded",(()=>{this.isLoading=!1}))}componentDidMount(){this.mounted=!0}componentWillUnmount(){clearTimeout(this.progressTimeout),clearTimeout(this.durationCheckTimeout),this.isReady&&this.props.stopOnUnmount&&(this.player.stop(),this.player.disablePIP&&this.player.disablePIP()),this.mounted=!1}componentDidUpdate(e){if(!this.player)return;const{url:t,playing:r,volume:a,muted:o,playbackRate:i,pip:l,loop:s,activePlayer:u,disableDeferredLoading:c}=this.props;if(!(0,m.default)(e.url,t)){if(this.isLoading&&!u.forceLoad&&!c&&!(0,P.isMediaStream)(t))return n.warn(`ReactPlayer: the attempt to load ${t} is being deferred until the player has loaded`),void(this.loadOnReady=t);this.isLoading=!0,this.startOnPlay=!0,this.onDurationCalled=!1,this.player.load(t,this.isReady)}e.playing||!r||this.isPlaying||this.player.play(),e.playing&&!r&&this.isPlaying&&this.player.pause(),!e.pip&&l&&this.player.enablePIP&&this.player.enablePIP(),e.pip&&!l&&this.player.disablePIP&&this.player.disablePIP(),e.volume!==a&&null!==a&&this.player.setVolume(a),e.muted!==o&&(o?this.player.mute():(this.player.unmute(),null!==a&&setTimeout((()=>this.player.setVolume(a))))),e.playbackRate!==i&&this.player.setPlaybackRate&&this.player.setPlaybackRate(i),e.loop!==s&&this.player.setLoop&&this.player.setLoop(s)}getDuration(){return this.isReady?this.player.getDuration():null}getCurrentTime(){return this.isReady?this.player.getCurrentTime():null}getSecondsLoaded(){return this.isReady?this.player.getSecondsLoaded():null}seekTo(e,t,r){if(!this.isReady)return void(0!==e&&(this.seekOnPlay=e,setTimeout((()=>{this.seekOnPlay=null}),5e3)));if(t?"fraction"===t:e>0&&e<1){const t=this.player.getDuration();return t?void this.player.seekTo(t*e,r):void n.warn("ReactPlayer: could not seek using fraction \u2013\xa0duration not yet available")}this.player.seekTo(e,r)}render(){const e=this.props.activePlayer;return e?f.default.createElement(e,{...this.props,onMount:this.handlePlayerMount,onReady:this.handleReady,onPlay:this.handlePlay,onPause:this.handlePause,onEnded:this.handleEnded,onLoaded:this.handleLoaded,onError:this.handleError}):null}}y(g,"displayName","Player"),y(g,"propTypes",b.propTypes),y(g,"defaultProps",b.defaultProps)},5580:(e,t,r)=>{var a,n=Object.create,o=Object.defineProperty,i=Object.getOwnPropertyDescriptor,l=Object.getOwnPropertyNames,s=Object.getPrototypeOf,u=Object.prototype.hasOwnProperty,c=(e,t,r,a)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let n of l(t))u.call(e,n)||n===r||o(e,n,{get:()=>t[n],enumerable:!(a=i(t,n))||a.enumerable});return e},d=(e,t,r)=>(r=null!=e?n(s(e)):{},c(!t&&e&&e.__esModule?r:o(r,"default",{value:e,enumerable:!0}),e)),p=(e,t,r)=>(((e,t,r)=>{t in e?o(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r})(e,"symbol"!=typeof t?t+"":t,r),r),y={};((e,t)=>{for(var r in t)o(e,r,{get:t[r],enumerable:!0})})(y,{createReactPlayer:()=>S}),e.exports=(a=y,c(o({},"__esModule",{value:!0}),a));var h=d(r(6540)),f=d(r(4744)),m=d(r(1811)),b=d(r(115)),P=r(7604),g=r(5635),w=d(r(8021));const v=(0,g.lazy)((()=>r.e(6353).then(r.t.bind(r,6734,23)))),O="undefined"!=typeof window&&window.document&&"undefined"!=typeof document,k=void 0!==r.g&&r.g.window&&r.g.window.document,_=Object.keys(P.propTypes),T=O||k?h.Suspense:()=>null,j=[],S=(e,t)=>{var r;return r=class extends h.Component{constructor(){super(...arguments),p(this,"state",{showPreview:!!this.props.light}),p(this,"references",{wrapper:e=>{this.wrapper=e},player:e=>{this.player=e}}),p(this,"handleClickPreview",(e=>{this.setState({showPreview:!1}),this.props.onClickPreview(e)})),p(this,"showPreview",(()=>{this.setState({showPreview:!0})})),p(this,"getDuration",(()=>this.player?this.player.getDuration():null)),p(this,"getCurrentTime",(()=>this.player?this.player.getCurrentTime():null)),p(this,"getSecondsLoaded",(()=>this.player?this.player.getSecondsLoaded():null)),p(this,"getInternalPlayer",((e="player")=>this.player?this.player.getInternalPlayer(e):null)),p(this,"seekTo",((e,t,r)=>{if(!this.player)return null;this.player.seekTo(e,t,r)})),p(this,"handleReady",(()=>{this.props.onReady(this)})),p(this,"getActivePlayer",(0,m.default)((r=>{for(const t of[...j,...e])if(t.canPlay(r))return t;return t||null}))),p(this,"getConfig",(0,m.default)(((e,t)=>{const{config:r}=this.props;return f.default.all([P.defaultProps.config,P.defaultProps.config[t]||{},r,r[t]||{}])}))),p(this,"getAttributes",(0,m.default)((e=>(0,g.omit)(this.props,_)))),p(this,"renderActivePlayer",(e=>{if(!e)return null;const t=this.getActivePlayer(e);if(!t)return null;const r=this.getConfig(e,t.key);return h.default.createElement(w.default,{...this.props,key:t.key,ref:this.references.player,config:r,activePlayer:t.lazyPlayer||t,onReady:this.handleReady})}))}shouldComponentUpdate(e,t){return!(0,b.default)(this.props,e)||!(0,b.default)(this.state,t)}componentDidUpdate(e){const{light:t}=this.props;!e.light&&t&&this.setState({showPreview:!0}),e.light&&!t&&this.setState({showPreview:!1})}renderPreview(e){if(!e)return null;const{light:t,playIcon:r,previewTabIndex:a,oEmbedUrl:n,previewAriaLabel:o}=this.props;return h.default.createElement(v,{url:e,light:t,playIcon:r,previewTabIndex:a,previewAriaLabel:o,oEmbedUrl:n,onClick:this.handleClickPreview})}render(){const{url:e,style:t,width:r,height:a,fallback:n,wrapper:o}=this.props,{showPreview:i}=this.state,l=this.getAttributes(e),s="string"==typeof o?this.references.wrapper:void 0;return h.default.createElement(o,{ref:s,style:{...t,width:r,height:a},...l},h.default.createElement(T,{fallback:n},i?this.renderPreview(e):this.renderActivePlayer(e)))}},p(r,"displayName","ReactPlayer"),p(r,"propTypes",P.propTypes),p(r,"defaultProps",P.defaultProps),p(r,"addCustomPlayer",(e=>{j.push(e)})),p(r,"removeCustomPlayers",(()=>{j.length=0})),p(r,"canPlay",(t=>{for(const r of[...j,...e])if(r.canPlay(t))return!0;return!1})),p(r,"canEnablePIP",(t=>{for(const r of[...j,...e])if(r.canEnablePIP&&r.canEnablePIP(t))return!0;return!1})),r}},3554:(e,t,r)=>{var a,n=Object.create,o=Object.defineProperty,i=Object.getOwnPropertyDescriptor,l=Object.getOwnPropertyNames,s=Object.getPrototypeOf,u=Object.prototype.hasOwnProperty,c=(e,t,r,a)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let n of l(t))u.call(e,n)||n===r||o(e,n,{get:()=>t[n],enumerable:!(a=i(t,n))||a.enumerable});return e},d={};((e,t)=>{for(var r in t)o(e,r,{get:t[r],enumerable:!0})})(d,{default:()=>f}),e.exports=(a=d,c(o({},"__esModule",{value:!0}),a));var p=((e,t,r)=>(r=null!=e?n(s(e)):{},c(!t&&e&&e.__esModule?r:o(r,"default",{value:e,enumerable:!0}),e)))(r(7015)),y=r(5580);const h=p.default[p.default.length-1];var f=(0,y.createReactPlayer)(p.default,h)},327:(e,t,r)=>{var a,n=Object.defineProperty,o=Object.getOwnPropertyDescriptor,i=Object.getOwnPropertyNames,l=Object.prototype.hasOwnProperty,s={};((e,t)=>{for(var r in t)n(e,r,{get:t[r],enumerable:!0})})(s,{AUDIO_EXTENSIONS:()=>_,DASH_EXTENSIONS:()=>S,FLV_EXTENSIONS:()=>E,HLS_EXTENSIONS:()=>j,MATCH_URL_DAILYMOTION:()=>w,MATCH_URL_FACEBOOK:()=>h,MATCH_URL_FACEBOOK_WATCH:()=>f,MATCH_URL_KALTURA:()=>k,MATCH_URL_MIXCLOUD:()=>v,MATCH_URL_MUX:()=>y,MATCH_URL_SOUNDCLOUD:()=>d,MATCH_URL_STREAMABLE:()=>m,MATCH_URL_TWITCH_CHANNEL:()=>g,MATCH_URL_TWITCH_VIDEO:()=>P,MATCH_URL_VIDYARD:()=>O,MATCH_URL_VIMEO:()=>p,MATCH_URL_WISTIA:()=>b,MATCH_URL_YOUTUBE:()=>c,VIDEO_EXTENSIONS:()=>T,canPlay:()=>I}),e.exports=(a=s,((e,t,r,a)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let s of i(t))l.call(e,s)||s===r||n(e,s,{get:()=>t[s],enumerable:!(a=o(t,s))||a.enumerable});return e})(n({},"__esModule",{value:!0}),a));var u=r(5635);const c=/(?:youtu\.be\/|youtube(?:-nocookie|education)?\.com\/(?:embed\/|v\/|watch\/|watch\?v=|watch\?.+&v=|shorts\/|live\/))((\w|-){11})|youtube\.com\/playlist\?list=|youtube\.com\/user\//,d=/(?:soundcloud\.com|snd\.sc)\/[^.]+$/,p=/vimeo\.com\/(?!progressive_redirect).+/,y=/stream\.mux\.com\/(?!\w+\.m3u8)(\w+)/,h=/^https?:\/\/(www\.)?facebook\.com.*\/(video(s)?|watch|story)(\.php?|\/).+$/,f=/^https?:\/\/fb\.watch\/.+$/,m=/streamable\.com\/([a-z0-9]+)$/,b=/(?:wistia\.(?:com|net)|wi\.st)\/(?:medias|embed)\/(?:iframe\/)?([^?]+)/,P=/(?:www\.|go\.)?twitch\.tv\/videos\/(\d+)($|\?)/,g=/(?:www\.|go\.)?twitch\.tv\/([a-zA-Z0-9_]+)($|\?)/,w=/^(?:(?:https?):)?(?:\/\/)?(?:www\.)?(?:(?:dailymotion\.com(?:\/embed)?\/video)|dai\.ly)\/([a-zA-Z0-9]+)(?:_[\w_-]+)?(?:[\w.#_-]+)?/,v=/mixcloud\.com\/([^/]+\/[^/]+)/,O=/vidyard.com\/(?:watch\/)?([a-zA-Z0-9-_]+)/,k=/^https?:\/\/[a-zA-Z]+\.kaltura.(com|org)\/p\/([0-9]+)\/sp\/([0-9]+)00\/embedIframeJs\/uiconf_id\/([0-9]+)\/partner_id\/([0-9]+)(.*)entry_id.([a-zA-Z0-9-_].*)$/,_=/\.(m4a|m4b|mp4a|mpga|mp2|mp2a|mp3|m2a|m3a|wav|weba|aac|oga|spx)($|\?)/i,T=/\.(mp4|og[gv]|webm|mov|m4v)(#t=[,\d+]+)?($|\?)/i,j=/\.(m3u8)($|\?)/i,S=/\.(mpd)($|\?)/i,E=/\.(flv)($|\?)/i,C=e=>{if(e instanceof Array){for(const t of e){if("string"==typeof t&&C(t))return!0;if(C(t.src))return!0}return!1}return!(!(0,u.isMediaStream)(e)&&!(0,u.isBlobUrl)(e))||(_.test(e)||T.test(e)||j.test(e)||S.test(e)||E.test(e))},I={youtube:e=>e instanceof Array?e.every((e=>c.test(e))):c.test(e),soundcloud:e=>d.test(e)&&!_.test(e),vimeo:e=>p.test(e)&&!T.test(e)&&!j.test(e),mux:e=>y.test(e),facebook:e=>h.test(e)||f.test(e),streamable:e=>m.test(e),wistia:e=>b.test(e),twitch:e=>P.test(e)||g.test(e),dailymotion:e=>w.test(e),mixcloud:e=>v.test(e),vidyard:e=>O.test(e),kaltura:e=>k.test(e),file:C}},7015:(e,t,r)=>{Object.create;var a,n=Object.defineProperty,o=Object.getOwnPropertyDescriptor,i=Object.getOwnPropertyNames,l=(Object.getPrototypeOf,Object.prototype.hasOwnProperty),s=(e,t,r,a)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let s of i(t))l.call(e,s)||s===r||n(e,s,{get:()=>t[s],enumerable:!(a=o(t,s))||a.enumerable});return e},u={};((e,t)=>{for(var r in t)n(e,r,{get:t[r],enumerable:!0})})(u,{default:()=>p}),e.exports=(a=u,s(n({},"__esModule",{value:!0}),a));var c=r(5635),d=r(327),p=[{key:"youtube",name:"YouTube",canPlay:d.canPlay.youtube,lazyPlayer:(0,c.lazy)((()=>r.e(8446).then(r.t.bind(r,2910,23))))},{key:"soundcloud",name:"SoundCloud",canPlay:d.canPlay.soundcloud,lazyPlayer:(0,c.lazy)((()=>r.e(9979).then(r.t.bind(r,3127,23))))},{key:"vimeo",name:"Vimeo",canPlay:d.canPlay.vimeo,lazyPlayer:(0,c.lazy)((()=>r.e(6173).then(r.t.bind(r,1423,23))))},{key:"mux",name:"Mux",canPlay:d.canPlay.mux,lazyPlayer:(0,c.lazy)((()=>r.e(2723).then(r.t.bind(r,7553,23))))},{key:"facebook",name:"Facebook",canPlay:d.canPlay.facebook,lazyPlayer:(0,c.lazy)((()=>r.e(6887).then(r.t.bind(r,1343,23))))},{key:"streamable",name:"Streamable",canPlay:d.canPlay.streamable,lazyPlayer:(0,c.lazy)((()=>r.e(7627).then(r.t.bind(r,9643,23))))},{key:"wistia",name:"Wistia",canPlay:d.canPlay.wistia,lazyPlayer:(0,c.lazy)((()=>r.e(9340).then(r.t.bind(r,3330,23))))},{key:"twitch",name:"Twitch",canPlay:d.canPlay.twitch,lazyPlayer:(0,c.lazy)((()=>r.e(2042).then(r.t.bind(r,1400,23))))},{key:"dailymotion",name:"DailyMotion",canPlay:d.canPlay.dailymotion,lazyPlayer:(0,c.lazy)((()=>r.e(6328).then(r.t.bind(r,9348,23))))},{key:"mixcloud",name:"Mixcloud",canPlay:d.canPlay.mixcloud,lazyPlayer:(0,c.lazy)((()=>r.e(7570).then(r.t.bind(r,3276,23))))},{key:"vidyard",name:"Vidyard",canPlay:d.canPlay.vidyard,lazyPlayer:(0,c.lazy)((()=>r.e(3392).then(r.t.bind(r,3552,23))))},{key:"kaltura",name:"Kaltura",canPlay:d.canPlay.kaltura,lazyPlayer:(0,c.lazy)((()=>r.e(6463).then(r.t.bind(r,7945,23))))},{key:"file",name:"FilePlayer",canPlay:d.canPlay.file,canEnablePIP:e=>d.canPlay.file(e)&&(document.pictureInPictureEnabled||(0,c.supportsWebKitPresentationMode)())&&!d.AUDIO_EXTENSIONS.test(e),lazyPlayer:(0,c.lazy)((()=>r.e(7458).then(r.t.bind(r,688,23))))}]},7604:(e,t,r)=>{var a,n=Object.create,o=Object.defineProperty,i=Object.getOwnPropertyDescriptor,l=Object.getOwnPropertyNames,s=Object.getPrototypeOf,u=Object.prototype.hasOwnProperty,c=(e,t,r,a)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let n of l(t))u.call(e,n)||n===r||o(e,n,{get:()=>t[n],enumerable:!(a=i(t,n))||a.enumerable});return e},d={};((e,t)=>{for(var r in t)o(e,r,{get:t[r],enumerable:!0})})(d,{defaultProps:()=>_,propTypes:()=>O}),e.exports=(a=d,c(o({},"__esModule",{value:!0}),a));var p=((e,t,r)=>(r=null!=e?n(s(e)):{},c(!t&&e&&e.__esModule?r:o(r,"default",{value:e,enumerable:!0}),e)))(r(5556));const{string:y,bool:h,number:f,array:m,oneOfType:b,shape:P,object:g,func:w,node:v}=p.default,O={url:b([y,m,g]),playing:h,loop:h,controls:h,volume:f,muted:h,playbackRate:f,width:b([y,f]),height:b([y,f]),style:g,progressInterval:f,playsinline:h,pip:h,stopOnUnmount:h,light:b([h,y,g]),playIcon:v,previewTabIndex:f,previewAriaLabel:y,fallback:v,oEmbedUrl:y,wrapper:b([y,w,P({render:w.isRequired})]),config:P({soundcloud:P({options:g}),youtube:P({playerVars:g,embedOptions:g,onUnstarted:w}),facebook:P({appId:y,version:y,playerId:y,attributes:g}),dailymotion:P({params:g}),vimeo:P({playerOptions:g,title:y}),mux:P({attributes:g,version:y}),file:P({attributes:g,tracks:m,forceVideo:h,forceAudio:h,forceHLS:h,forceSafariHLS:h,forceDisableHls:h,forceDASH:h,forceFLV:h,hlsOptions:g,hlsVersion:y,dashVersion:y,flvVersion:y}),wistia:P({options:g,playerId:y,customControls:m}),mixcloud:P({options:g}),twitch:P({options:g,playerId:y}),vidyard:P({options:g})}),onReady:w,onStart:w,onPlay:w,onPause:w,onBuffer:w,onBufferEnd:w,onEnded:w,onError:w,onDuration:w,onSeek:w,onPlaybackRateChange:w,onPlaybackQualityChange:w,onProgress:w,onClickPreview:w,onEnablePIP:w,onDisablePIP:w},k=()=>{},_={playing:!1,loop:!1,controls:!1,volume:null,muted:!1,playbackRate:1,width:"640px",height:"360px",style:{},progressInterval:1e3,playsinline:!1,pip:!1,stopOnUnmount:!0,light:!1,fallback:null,wrapper:"div",previewTabIndex:0,previewAriaLabel:"",oEmbedUrl:"https://noembed.com/embed?url={url}",config:{soundcloud:{options:{visual:!0,buying:!1,liking:!1,download:!1,sharing:!1,show_comments:!1,show_playcount:!1}},youtube:{playerVars:{playsinline:1,showinfo:0,rel:0,iv_load_policy:3,modestbranding:1},embedOptions:{},onUnstarted:k},facebook:{appId:"1309697205772819",version:"v3.3",playerId:null,attributes:{}},dailymotion:{params:{api:1,"endscreen-enable":!1}},vimeo:{playerOptions:{autopause:!1,byline:!1,portrait:!1,title:!1},title:null},mux:{attributes:{},version:"2"},file:{attributes:{},tracks:[],forceVideo:!1,forceAudio:!1,forceHLS:!1,forceDASH:!1,forceFLV:!1,hlsOptions:{},hlsVersion:"1.1.4",dashVersion:"3.1.3",flvVersion:"1.5.0",forceDisableHls:!1},wistia:{options:{},playerId:null,customControls:null},mixcloud:{options:{hide_cover:1}},twitch:{options:{},playerId:null},vidyard:{options:{}}},onReady:k,onStart:k,onPlay:k,onPause:k,onBuffer:k,onBufferEnd:k,onEnded:k,onError:k,onDuration:k,onSeek:k,onPlaybackRateChange:k,onPlaybackQualityChange:k,onProgress:k,onClickPreview:k,onEnablePIP:k,onDisablePIP:k}},5635:(e,t,r)=>{var a,n=r(6763),o=Object.create,i=Object.defineProperty,l=Object.getOwnPropertyDescriptor,s=Object.getOwnPropertyNames,u=Object.getPrototypeOf,c=Object.prototype.hasOwnProperty,d=(e,t,r,a)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let n of s(t))c.call(e,n)||n===r||i(e,n,{get:()=>t[n],enumerable:!(a=l(t,n))||a.enumerable});return e},p=(e,t,r)=>(r=null!=e?o(u(e)):{},d(!t&&e&&e.__esModule?r:i(r,"default",{value:e,enumerable:!0}),e)),y={};((e,t)=>{for(var r in t)i(e,r,{get:t[r],enumerable:!0})})(y,{callPlayer:()=>R,getConfig:()=>I,getSDK:()=>C,isBlobUrl:()=>L,isMediaStream:()=>M,lazy:()=>b,omit:()=>A,parseEndTime:()=>_,parseStartTime:()=>k,queryString:()=>j,randomString:()=>T,supportsWebKitPresentationMode:()=>D}),e.exports=(a=y,d(i({},"__esModule",{value:!0}),a));var h=p(r(6540)),f=p(r(6147)),m=p(r(4744));const b=e=>h.default.lazy((async()=>{const t=await e();return"function"==typeof t.default?t:t.default})),P=/[?&#](?:start|t)=([0-9hms]+)/,g=/[?&#]end=([0-9hms]+)/,w=/(\d+)(h|m|s)/g,v=/^\d+$/;function O(e,t){if(e instanceof Array)return;const r=e.match(t);if(r){const e=r[1];if(e.match(w))return function(e){let t=0,r=w.exec(e);for(;null!==r;){const[,a,n]=r;"h"===n&&(t+=60*parseInt(a,10)*60),"m"===n&&(t+=60*parseInt(a,10)),"s"===n&&(t+=parseInt(a,10)),r=w.exec(e)}return t}(e);if(v.test(e))return parseInt(e)}}function k(e){return O(e,P)}function _(e){return O(e,g)}function T(){return Math.random().toString(36).substr(2,5)}function j(e){return Object.keys(e).map((t=>`${t}=${e[t]}`)).join("&")}function S(e){return window[e]?window[e]:window.exports&&window.exports[e]?window.exports[e]:window.module&&window.module.exports&&window.module.exports[e]?window.module.exports[e]:null}const E={},C=function(e){0;return e}((function(e,t,r=null,a=(()=>!0),n=f.default){const o=S(t);return o&&a(o)?Promise.resolve(o):new Promise(((a,o)=>{if(E[e])return void E[e].push({resolve:a,reject:o});E[e]=[{resolve:a,reject:o}];const i=t=>{E[e].forEach((e=>e.resolve(t)))};if(r){const e=window[r];window[r]=function(){e&&e(),i(S(t))}}n(e,(a=>{a?(E[e].forEach((e=>e.reject(a))),E[e]=null):r||i(S(t))}))}))}));function I(e,t){return(0,m.default)(t.config,e.config)}function A(e,...t){const r=[].concat(...t),a={},n=Object.keys(e);for(const o of n)-1===r.indexOf(o)&&(a[o]=e[o]);return a}function R(e,...t){if(!this.player||!this.player[e]){let t=`ReactPlayer: ${this.constructor.displayName} player could not call %c${e}%c \u2013 `;return this.player?this.player[e]||(t+="The method was not available"):t+="The player was not available",n.warn(t,"font-weight: bold",""),null}return this.player[e](...t)}function M(e){return"undefined"!=typeof window&&void 0!==window.MediaStream&&e instanceof window.MediaStream}function L(e){return/^blob:/.test(e)}function D(e=document.createElement("video")){const t=!1===/iPhone|iPod/.test(navigator.userAgent);return e.webkitSupportsPresentationMode&&"function"==typeof e.webkitSetPresentationMode&&t}}}]); \ No newline at end of file diff --git a/assets/js/39102146.312d090b.js b/assets/js/39102146.312d090b.js deleted file mode 100644 index 30c253b16c..0000000000 --- a/assets/js/39102146.312d090b.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[3085],{7533:(e,t,n)=>{n.d(t,{A:()=>a});var o=n(6540),i=n(1122),s=n(6025),r=n(4848);const a=e=>{let{alt:t,sources:n,style:a}=e;const[l,c]=(0,o.useState)(!1),d=e=>{"Escape"===e.key&&c(!1)};(0,o.useEffect)((()=>(l?document.addEventListener("keydown",d):document.removeEventListener("keydown",d),()=>{document.removeEventListener("keydown",d)})),[l]);return(0,r.jsx)("div",{className:"zoomable-image "+(l?"fullscreen":""),onClick:()=>{c(!l)},style:{width:"50%",margin:"0 auto",display:"flex",justifyContent:"center",...a},children:(0,r.jsx)(i.A,{className:"zoomable-image-inner",alt:t,sources:{light:(0,s.Ay)(n.light),dark:(0,s.Ay)(n.dark)}})})}},6756:(e,t,n)=>{n.r(t),n.d(t,{CH:()=>h,assets:()=>d,chCodeConfig:()=>p,contentTitle:()=>l,default:()=>g,frontMatter:()=>a,metadata:()=>c,toc:()=>u});n(6540);var o=n(4848),i=n(8453),s=n(4754),r=(n(1122),n(6025),n(7533),n(7293));const a={},l="Build Chatbots with the System Message Component",c={id:"tutorials/chatprompttemplate_guide",title:"Build Chatbots with the System Message Component",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/tutorials/chatprompttemplate_guide.mdx",sourceDirName:"tutorials",slug:"/tutorials/chatprompttemplate_guide",permalink:"/tutorials/chatprompttemplate_guide",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"docs",previous:{title:"Custom Components",permalink:"/components/custom"},next:{title:"Custom Components",permalink:"/tutorials/custom_components"}},d={},h={annotations:s.hk,InlineCode:s.R0},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},u=[{value:"Overview",id:"overview",level:2},{value:"Interactive Guide",id:"interactive-guide",level:2},{value:"Step-by-Step Instructions",id:"step-by-step-instructions",level:2}];function m(e){const t=Object.assign({h1:"h1",p:"p",h2:"h2",ol:"ol",li:"li",blockquote:"blockquote",strong:"strong",code:"code"},(0,i.RP)(),e.components);return h||b("CH",!1),h.InlineCode||b("CH.InlineCode",!0),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n","\n","\n",(0,o.jsx)(t.h1,{id:"build-chatbots-with-the-system-message-component",children:"Build Chatbots with the System Message Component"}),"\n",(0,o.jsx)(r.A,{type:"warning",title:"warning",children:(0,o.jsx)(t.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,o.jsx)(t.h2,{id:"overview",children:"Overview"}),"\n",(0,o.jsx)(t.p,{children:'In this guide, we will modify the "Basic Chat with Prompt and History" example, integrating the ChatPromptTemplate with the SystemMessagePromptTemplate and HumanMessagePromptTemplate components. By following these steps, you\'ll be able to build a personalized chatbot that can interpret and respond based on user-defined System messages.'}),"\n",(0,o.jsx)(t.h2,{id:"interactive-guide",children:"Interactive Guide"}),"\n",(0,o.jsx)("iframe",{src:"https://app.tango.us/app/embed/f05bb3a7-4ceb-4b61-921f-628563b562f6?iframe=true",sandbox:"allow-scripts allow-top-navigation-by-user-activation allow-popups allow-same-origin",security:"restricted",title:"Step-by-Step Instructions to Customize and Build a Chatbot with custom System Message",width:"100%",height:"800px",referrerpolicy:"strict-origin-when-cross-origin",frameborder:"0",webkitallowfullscreen:"webkitallowfullscreen",mozallowfullscreen:"mozallowfullscreen",allowfullscreen:"allowfullscreen"}),"\n",(0,o.jsx)(t.h2,{id:"step-by-step-instructions",children:"Step-by-Step Instructions"}),"\n",(0,o.jsxs)(t.ol,{children:["\n",(0,o.jsxs)(t.li,{children:["\n",(0,o.jsx)(t.p,{children:'Navigate to the "Community Examples" section.'}),"\n"]}),"\n",(0,o.jsxs)(t.li,{children:["\n",(0,o.jsx)(t.p,{children:'Locate the "Basic Chat with Prompt and History" example, and click on "Fork Example".'}),"\n"]}),"\n",(0,o.jsxs)(t.li,{children:["\n",(0,o.jsx)(t.p,{children:'Once in the editor, find the "PromptTemplate" component and remove it.'}),"\n"]}),"\n",(0,o.jsxs)(t.li,{children:["\n",(0,o.jsx)(t.p,{children:"Now, add these three components: ChatPromptTemplate, SystemMessagePromptTemplate, and HumanMessagePromptTemplate."}),"\n"]}),"\n"]}),"\n",(0,o.jsxs)(t.blockquote,{children:["\n",(0,o.jsxs)(t.p,{children:[(0,o.jsx)(t.strong,{children:"Note:"})," Remember to set the model to gpt-3.5-turbo-0613 or the most up-to-date version. The latest models have improved capabilities to comprehend System messages."]}),"\n"]}),"\n",(0,o.jsxs)(t.ol,{start:"5",children:["\n",(0,o.jsxs)(t.li,{children:["\n",(0,o.jsx)(t.p,{children:'Open the "Prompt" field on the SystemMessagePromptTemplate component.'}),"\n"]}),"\n",(0,o.jsxs)(t.li,{children:["\n",(0,o.jsxs)(t.p,{children:["Enter the text: ",(0,o.jsx)(h.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"You are a {role} that {behavior}.",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"You are a {role} that {behavior}."})]}),"\n"]}),"\n",(0,o.jsxs)(t.li,{children:["\n",(0,o.jsx)(t.p,{children:'Save your changes by clicking on "Check & Save".'}),"\n"]}),"\n",(0,o.jsxs)(t.li,{children:["\n",(0,o.jsx)(t.p,{children:"Define the 'role' variable by typing \"obedient assistant\"."}),"\n"]}),"\n",(0,o.jsxs)(t.li,{children:["\n",(0,o.jsx)(t.p,{children:'Next, navigate to the HumanMessagePromptTemplate and open the "Prompt" field.'}),"\n"]}),"\n",(0,o.jsxs)(t.li,{children:["\n",(0,o.jsxs)(t.p,{children:["Here, simply enter ",(0,o.jsx)(t.code,{children:"{input}"}),"."]}),"\n"]}),"\n",(0,o.jsxs)(t.li,{children:["\n",(0,o.jsx)(t.p,{children:'Save these changes by clicking on "Check & Save".'}),"\n"]}),"\n",(0,o.jsxs)(t.li,{children:["\n",(0,o.jsx)(t.p,{children:"Now, you should see your flow populated with the variables you defined."}),"\n"]}),"\n",(0,o.jsxs)(t.li,{children:["\n",(0,o.jsx)(t.p,{children:"In the Memory component, set the 'Input Key' to \"input\"."}),"\n"]}),"\n"]}),"\n",(0,o.jsxs)(t.blockquote,{children:["\n",(0,o.jsxs)(t.p,{children:[(0,o.jsx)(t.strong,{children:"Tip:"})," When using a Memory component with multiple variables, it's crucial to specify which variable should be used to generate the conversation history."]}),"\n"]}),"\n",(0,o.jsxs)(t.ol,{start:"14",children:["\n",(0,o.jsxs)(t.li,{children:["\n",(0,o.jsx)(t.p,{children:'Click on the "Build" button to implement your changes.'}),"\n"]}),"\n",(0,o.jsxs)(t.li,{children:["\n",(0,o.jsx)(t.p,{children:"Open the chat interface to test your modifications."}),"\n"]}),"\n",(0,o.jsxs)(t.li,{children:["\n",(0,o.jsx)(t.p,{children:"You should now be able to see and use the defined variables in the chat interface."}),"\n"]}),"\n",(0,o.jsxs)(t.li,{children:["\n",(0,o.jsx)(t.p,{children:"Click on 'role' to examine the variable you established in the workspace."}),"\n"]}),"\n",(0,o.jsxs)(t.li,{children:["\n",(0,o.jsx)(t.p,{children:"Now, let's define the 'behavior' variable."}),"\n"]}),"\n",(0,o.jsxs)(t.li,{children:["\n",(0,o.jsx)(t.p,{children:"Enter the text: \"writes the word 'Langflow' at the end of every sentence.\""}),"\n"]}),"\n",(0,o.jsxs)(t.li,{children:["\n",(0,o.jsx)(t.p,{children:'Test your chatbot by typing "How can you help me?"'}),"\n"]}),"\n",(0,o.jsxs)(t.li,{children:["\n",(0,o.jsx)(t.p,{children:"If everything was set up correctly, your chatbot should respond appropriately, following the defined behavior."}),"\n"]}),"\n",(0,o.jsxs)(t.li,{children:["\n",(0,o.jsx)(t.p,{children:"Congratulations! You have successfully customized and built your chatbot."}),"\n"]}),"\n"]}),"\n",(0,o.jsx)(t.p,{children:"By following these instructions, you have created a dynamic chatbot capable of understanding and responding based on custom system messages, enhancing the user experience and interaction. Enjoy your personalized assistant!"})]})}const g=function(e={}){const{wrapper:t}=Object.assign({},(0,i.RP)(),e.components);return t?(0,o.jsx)(t,Object.assign({},e,{children:(0,o.jsx)(m,e)})):m(e)};function b(e,t){throw new Error("Expected "+(t?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/assets/js/39102146.8fa6a688.js b/assets/js/39102146.8fa6a688.js new file mode 100644 index 0000000000..a0d48ee0e4 --- /dev/null +++ b/assets/js/39102146.8fa6a688.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[3085],{7293:(e,n,t)=>{t.d(n,{A:()=>A});var i=t(6540),o=t(4848);function s(e){const{mdxAdmonitionTitle:n,rest:t}=function(e){const n=i.Children.toArray(e),t=n.find((e=>i.isValidElement(e)&&"mdxAdmonitionTitle"===e.type)),s=n.filter((e=>e!==t)),r=t?.props.children;return{mdxAdmonitionTitle:r,rest:s.length>0?(0,o.jsx)(o.Fragment,{children:s}):null}}(e.children),s=e.title??n;return{...e,...s&&{title:s},children:t}}var r=t(8215),a=t(1312),l=t(7559);const c={admonition:"admonition_xJq3",admonitionHeading:"admonitionHeading_Gvgb",admonitionIcon:"admonitionIcon_Rf37",admonitionContent:"admonitionContent_BuS1"};function d(e){let{type:n,className:t,children:i}=e;return(0,o.jsx)("div",{className:(0,r.A)(l.G.common.admonition,l.G.common.admonitionType(n),c.admonition,t),children:i})}function h(e){let{icon:n,title:t}=e;return(0,o.jsxs)("div",{className:c.admonitionHeading,children:[(0,o.jsx)("span",{className:c.admonitionIcon,children:n}),t]})}function u(e){let{children:n}=e;return n?(0,o.jsx)("div",{className:c.admonitionContent,children:n}):null}function m(e){const{type:n,icon:t,title:i,children:s,className:r}=e;return(0,o.jsxs)(d,{type:n,className:r,children:[i||t?(0,o.jsx)(h,{title:i,icon:t}):null,(0,o.jsx)(u,{children:s})]})}function p(e){return(0,o.jsx)("svg",{viewBox:"0 0 14 16",...e,children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"})})}const x={icon:(0,o.jsx)(p,{}),title:(0,o.jsx)(a.A,{id:"theme.admonition.note",description:"The default label used for the Note admonition (:::note)",children:"note"})};function g(e){return(0,o.jsx)(m,{...x,...e,className:(0,r.A)("alert alert--secondary",e.className),children:e.children})}function f(e){return(0,o.jsx)("svg",{viewBox:"0 0 12 16",...e,children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"})})}const j={icon:(0,o.jsx)(f,{}),title:(0,o.jsx)(a.A,{id:"theme.admonition.tip",description:"The default label used for the Tip admonition (:::tip)",children:"tip"})};function b(e){return(0,o.jsx)(m,{...j,...e,className:(0,r.A)("alert alert--success",e.className),children:e.children})}function v(e){return(0,o.jsx)("svg",{viewBox:"0 0 14 16",...e,children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"})})}const y={icon:(0,o.jsx)(v,{}),title:(0,o.jsx)(a.A,{id:"theme.admonition.info",description:"The default label used for the Info admonition (:::info)",children:"info"})};function w(e){return(0,o.jsx)(m,{...y,...e,className:(0,r.A)("alert alert--info",e.className),children:e.children})}function k(e){return(0,o.jsx)("svg",{viewBox:"0 0 16 16",...e,children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"})})}const C={icon:(0,o.jsx)(k,{}),title:(0,o.jsx)(a.A,{id:"theme.admonition.warning",description:"The default label used for the Warning admonition (:::warning)",children:"warning"})};function N(e){return(0,o.jsx)("svg",{viewBox:"0 0 12 16",...e,children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"})})}const B={icon:(0,o.jsx)(N,{}),title:(0,o.jsx)(a.A,{id:"theme.admonition.danger",description:"The default label used for the Danger admonition (:::danger)",children:"danger"})};const T={icon:(0,o.jsx)(k,{}),title:(0,o.jsx)(a.A,{id:"theme.admonition.caution",description:"The default label used for the Caution admonition (:::caution)",children:"caution"})};const M={...{note:g,tip:b,info:w,warning:function(e){return(0,o.jsx)(m,{...C,...e,className:(0,r.A)("alert alert--warning",e.className),children:e.children})},danger:function(e){return(0,o.jsx)(m,{...B,...e,className:(0,r.A)("alert alert--danger",e.className),children:e.children})}},...{secondary:e=>(0,o.jsx)(g,{title:"secondary",...e}),important:e=>(0,o.jsx)(w,{title:"important",...e}),success:e=>(0,o.jsx)(b,{title:"success",...e}),caution:function(e){return(0,o.jsx)(m,{...T,...e,className:(0,r.A)("alert alert--warning",e.className),children:e.children})}}};var S=t(6763);function A(e){const n=s(e),t=(i=n.type,M[i]||(S.warn(`No admonition component found for admonition type "${i}". Using Info as fallback.`),M.info));var i;return(0,o.jsx)(t,{...n})}},7533:(e,n,t)=>{t.d(n,{A:()=>a});var i=t(6540),o=t(1122),s=t(6025),r=t(4848);const a=e=>{let{alt:n,sources:t,style:a}=e;const[l,c]=(0,i.useState)(!1),d=e=>{"Escape"===e.key&&c(!1)};(0,i.useEffect)((()=>(l?document.addEventListener("keydown",d):document.removeEventListener("keydown",d),()=>{document.removeEventListener("keydown",d)})),[l]);return(0,r.jsx)("div",{className:"zoomable-image "+(l?"fullscreen":""),onClick:()=>{c(!l)},style:{width:"50%",margin:"0 auto",display:"flex",justifyContent:"center",...a},children:(0,r.jsx)(o.A,{className:"zoomable-image-inner",alt:n,sources:{light:(0,s.Ay)(t.light),dark:(0,s.Ay)(t.dark)}})})}},6756:(e,n,t)=>{t.r(n),t.d(n,{CH:()=>h,assets:()=>d,chCodeConfig:()=>u,contentTitle:()=>l,default:()=>x,frontMatter:()=>a,metadata:()=>c,toc:()=>m});t(6540);var i=t(4848),o=t(8453),s=t(4754),r=(t(1122),t(6025),t(7533),t(7293));const a={},l="Build Chatbots with the System Message Component",c={id:"tutorials/chatprompttemplate_guide",title:"Build Chatbots with the System Message Component",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/tutorials/chatprompttemplate_guide.mdx",sourceDirName:"tutorials",slug:"/tutorials/chatprompttemplate_guide",permalink:"/tutorials/chatprompttemplate_guide",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"docs",previous:{title:"Custom Components",permalink:"/components/custom"},next:{title:"Custom Components",permalink:"/tutorials/custom_components"}},d={},h={annotations:s.hk,InlineCode:s.R0},u={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},m=[{value:"Overview",id:"overview",level:2},{value:"Interactive Guide",id:"interactive-guide",level:2},{value:"Step-by-Step Instructions",id:"step-by-step-instructions",level:2}];function p(e){const n=Object.assign({h1:"h1",p:"p",h2:"h2",ol:"ol",li:"li",blockquote:"blockquote",strong:"strong",code:"code"},(0,o.RP)(),e.components);return h||g("CH",!1),h.InlineCode||g("CH.InlineCode",!0),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n","\n","\n",(0,i.jsx)(n.h1,{id:"build-chatbots-with-the-system-message-component",children:"Build Chatbots with the System Message Component"}),"\n",(0,i.jsx)(r.A,{type:"warning",title:"warning",children:(0,i.jsx)(n.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,i.jsx)(n.h2,{id:"overview",children:"Overview"}),"\n",(0,i.jsx)(n.p,{children:'In this guide, we will modify the "Basic Chat with Prompt and History" example, integrating the ChatPromptTemplate with the SystemMessagePromptTemplate and HumanMessagePromptTemplate components. By following these steps, you\'ll be able to build a personalized chatbot that can interpret and respond based on user-defined System messages.'}),"\n",(0,i.jsx)(n.h2,{id:"interactive-guide",children:"Interactive Guide"}),"\n",(0,i.jsx)("iframe",{src:"https://app.tango.us/app/embed/f05bb3a7-4ceb-4b61-921f-628563b562f6?iframe=true",sandbox:"allow-scripts allow-top-navigation-by-user-activation allow-popups allow-same-origin",security:"restricted",title:"Step-by-Step Instructions to Customize and Build a Chatbot with custom System Message",width:"100%",height:"800px",referrerpolicy:"strict-origin-when-cross-origin",frameborder:"0",webkitallowfullscreen:"webkitallowfullscreen",mozallowfullscreen:"mozallowfullscreen",allowfullscreen:"allowfullscreen"}),"\n",(0,i.jsx)(n.h2,{id:"step-by-step-instructions",children:"Step-by-Step Instructions"}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsx)(n.p,{children:'Navigate to the "Community Examples" section.'}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsx)(n.p,{children:'Locate the "Basic Chat with Prompt and History" example, and click on "Fork Example".'}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsx)(n.p,{children:'Once in the editor, find the "PromptTemplate" component and remove it.'}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsx)(n.p,{children:"Now, add these three components: ChatPromptTemplate, SystemMessagePromptTemplate, and HumanMessagePromptTemplate."}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"Note:"})," Remember to set the model to gpt-3.5-turbo-0613 or the most up-to-date version. The latest models have improved capabilities to comprehend System messages."]}),"\n"]}),"\n",(0,i.jsxs)(n.ol,{start:"5",children:["\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsx)(n.p,{children:'Open the "Prompt" field on the SystemMessagePromptTemplate component.'}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:["Enter the text: ",(0,i.jsx)(h.InlineCode,{codeConfig:u,code:{lines:[{tokens:[{content:"You are a {role} that {behavior}.",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"You are a {role} that {behavior}."})]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsx)(n.p,{children:'Save your changes by clicking on "Check & Save".'}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsx)(n.p,{children:"Define the 'role' variable by typing \"obedient assistant\"."}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsx)(n.p,{children:'Next, navigate to the HumanMessagePromptTemplate and open the "Prompt" field.'}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:["Here, simply enter ",(0,i.jsx)(n.code,{children:"{input}"}),"."]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsx)(n.p,{children:'Save these changes by clicking on "Check & Save".'}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsx)(n.p,{children:"Now, you should see your flow populated with the variables you defined."}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsx)(n.p,{children:"In the Memory component, set the 'Input Key' to \"input\"."}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"Tip:"})," When using a Memory component with multiple variables, it's crucial to specify which variable should be used to generate the conversation history."]}),"\n"]}),"\n",(0,i.jsxs)(n.ol,{start:"14",children:["\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsx)(n.p,{children:'Click on the "Build" button to implement your changes.'}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsx)(n.p,{children:"Open the chat interface to test your modifications."}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsx)(n.p,{children:"You should now be able to see and use the defined variables in the chat interface."}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsx)(n.p,{children:"Click on 'role' to examine the variable you established in the workspace."}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsx)(n.p,{children:"Now, let's define the 'behavior' variable."}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsx)(n.p,{children:"Enter the text: \"writes the word 'Langflow' at the end of every sentence.\""}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsx)(n.p,{children:'Test your chatbot by typing "How can you help me?"'}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsx)(n.p,{children:"If everything was set up correctly, your chatbot should respond appropriately, following the defined behavior."}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsx)(n.p,{children:"Congratulations! You have successfully customized and built your chatbot."}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"By following these instructions, you have created a dynamic chatbot capable of understanding and responding based on custom system messages, enhancing the user experience and interaction. Enjoy your personalized assistant!"})]})}const x=function(e={}){const{wrapper:n}=Object.assign({},(0,o.RP)(),e.components);return n?(0,i.jsx)(n,Object.assign({},e,{children:(0,i.jsx)(p,e)})):p(e)};function g(e,n){throw new Error("Expected "+(n?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/assets/js/3b7cd930.47ff364f.js b/assets/js/3b7cd930.47ff364f.js new file mode 100644 index 0000000000..f2c6cb4168 --- /dev/null +++ b/assets/js/3b7cd930.47ff364f.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[870],{7533:(e,s,t)=>{t.d(s,{A:()=>i});var n=t(6540),o=t(1122),a=t(6025),r=t(4848);const i=e=>{let{alt:s,sources:t,style:i}=e;const[c,l]=(0,n.useState)(!1),d=e=>{"Escape"===e.key&&l(!1)};(0,n.useEffect)((()=>(c?document.addEventListener("keydown",d):document.removeEventListener("keydown",d),()=>{document.removeEventListener("keydown",d)})),[c]);return(0,r.jsx)("div",{className:"zoomable-image "+(c?"fullscreen":""),onClick:()=>{l(!c)},style:{width:"50%",margin:"0 auto",display:"flex",justifyContent:"center",...i},children:(0,r.jsx)(o.A,{className:"zoomable-image-inner",alt:s,sources:{light:(0,a.Ay)(t.light),dark:(0,a.Ay)(t.dark)}})})}},7266:(e,s,t)=>{t.r(s),t.d(s,{assets:()=>m,contentTitle:()=>l,default:()=>g,frontMatter:()=>c,metadata:()=>d,toc:()=>u});t(6540);var n=t(4848),o=t(8453),a=(t(1122),t(6025),t(7533),t(3554)),r=t.n(a),i=t(7293);const c={},l="Store Message",d={id:"examples/store-message",title:"Store Message",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/examples/store-message.mdx",sourceDirName:"examples",slug:"/examples/store-message",permalink:"/examples/store-message",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{}},m={},u=[];function p(e){const s=Object.assign({h1:"h1",p:"p",strong:"strong"},(0,o.RP)(),e.components);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.h1,{id:"store-message",children:"Store Message"}),"\n",(0,n.jsx)(i.A,{type:"warning",title:"warning",children:(0,n.jsx)(s.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,n.jsxs)(s.p,{children:["The ",(0,n.jsx)(s.strong,{children:"Store Message"})," component allows you to save information under a specified Session ID and sender type."]}),"\n",(0,n.jsxs)(s.p,{children:["The ",(0,n.jsx)(s.strong,{children:"Message History"})," component can then be used to retrieve stored messages."]}),"\n",(0,n.jsx)("div",{style:{marginBottom:"20px",display:"flex",justifyContent:"center"},children:(0,n.jsx)(r(),{playing:!0,controls:!0,url:"/videos/store_message.mp4"})})]})}const g=function(e={}){const{wrapper:s}=Object.assign({},(0,o.RP)(),e.components);return s?(0,n.jsx)(s,Object.assign({},e,{children:(0,n.jsx)(p,e)})):p(e)}},8453:(e,s,t)=>{t.d(s,{RP:()=>a,xA:()=>i});var n=t(6540);const o=n.createContext({});function a(e){const s=n.useContext(o);return n.useMemo((()=>"function"==typeof e?e(s):{...s,...e}),[s,e])}const r={};function i({components:e,children:s,disableParentContext:t}){let i;return i=t?"function"==typeof e?e({}):e||r:a(e),n.createElement(o.Provider,{value:i},s)}}}]); \ No newline at end of file diff --git a/assets/js/3b7cd930.df0ed3b4.js b/assets/js/3b7cd930.df0ed3b4.js deleted file mode 100644 index 65c59cf5a5..0000000000 --- a/assets/js/3b7cd930.df0ed3b4.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[870],{7293:(e,n,t)=>{t.d(n,{A:()=>H});var i=t(6540),s=t(4848);function o(e){const{mdxAdmonitionTitle:n,rest:t}=function(e){const n=i.Children.toArray(e),t=n.find((e=>i.isValidElement(e)&&"mdxAdmonitionTitle"===e.type)),o=n.filter((e=>e!==t)),a=t?.props.children;return{mdxAdmonitionTitle:a,rest:o.length>0?(0,s.jsx)(s.Fragment,{children:o}):null}}(e.children),o=e.title??n;return{...e,...o&&{title:o},children:t}}var a=t(8215),r=t(1312),c=t(7559);const l={admonition:"admonition_xJq3",admonitionHeading:"admonitionHeading_Gvgb",admonitionIcon:"admonitionIcon_Rf37",admonitionContent:"admonitionContent_BuS1"};function d(e){let{type:n,className:t,children:i}=e;return(0,s.jsx)("div",{className:(0,a.A)(c.G.common.admonition,c.G.common.admonitionType(n),l.admonition,t),children:i})}function m(e){let{icon:n,title:t}=e;return(0,s.jsxs)("div",{className:l.admonitionHeading,children:[(0,s.jsx)("span",{className:l.admonitionIcon,children:n}),t]})}function u(e){let{children:n}=e;return n?(0,s.jsx)("div",{className:l.admonitionContent,children:n}):null}function h(e){const{type:n,icon:t,title:i,children:o,className:a}=e;return(0,s.jsxs)(d,{type:n,className:a,children:[i||t?(0,s.jsx)(m,{title:i,icon:t}):null,(0,s.jsx)(u,{children:o})]})}function f(e){return(0,s.jsx)("svg",{viewBox:"0 0 14 16",...e,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"})})}const x={icon:(0,s.jsx)(f,{}),title:(0,s.jsx)(r.A,{id:"theme.admonition.note",description:"The default label used for the Note admonition (:::note)",children:"note"})};function p(e){return(0,s.jsx)(h,{...x,...e,className:(0,a.A)("alert alert--secondary",e.className),children:e.children})}function g(e){return(0,s.jsx)("svg",{viewBox:"0 0 12 16",...e,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"})})}const j={icon:(0,s.jsx)(g,{}),title:(0,s.jsx)(r.A,{id:"theme.admonition.tip",description:"The default label used for the Tip admonition (:::tip)",children:"tip"})};function v(e){return(0,s.jsx)(h,{...j,...e,className:(0,a.A)("alert alert--success",e.className),children:e.children})}function y(e){return(0,s.jsx)("svg",{viewBox:"0 0 14 16",...e,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"})})}const w={icon:(0,s.jsx)(y,{}),title:(0,s.jsx)(r.A,{id:"theme.admonition.info",description:"The default label used for the Info admonition (:::info)",children:"info"})};function A(e){return(0,s.jsx)(h,{...w,...e,className:(0,a.A)("alert alert--info",e.className),children:e.children})}function N(e){return(0,s.jsx)("svg",{viewBox:"0 0 16 16",...e,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"})})}const b={icon:(0,s.jsx)(N,{}),title:(0,s.jsx)(r.A,{id:"theme.admonition.warning",description:"The default label used for the Warning admonition (:::warning)",children:"warning"})};function C(e){return(0,s.jsx)("svg",{viewBox:"0 0 12 16",...e,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"})})}const M={icon:(0,s.jsx)(C,{}),title:(0,s.jsx)(r.A,{id:"theme.admonition.danger",description:"The default label used for the Danger admonition (:::danger)",children:"danger"})};const z={icon:(0,s.jsx)(N,{}),title:(0,s.jsx)(r.A,{id:"theme.admonition.caution",description:"The default label used for the Caution admonition (:::caution)",children:"caution"})};const T={...{note:p,tip:v,info:A,warning:function(e){return(0,s.jsx)(h,{...b,...e,className:(0,a.A)("alert alert--warning",e.className),children:e.children})},danger:function(e){return(0,s.jsx)(h,{...M,...e,className:(0,a.A)("alert alert--danger",e.className),children:e.children})}},...{secondary:e=>(0,s.jsx)(p,{title:"secondary",...e}),important:e=>(0,s.jsx)(A,{title:"important",...e}),success:e=>(0,s.jsx)(v,{title:"success",...e}),caution:function(e){return(0,s.jsx)(h,{...z,...e,className:(0,a.A)("alert alert--warning",e.className),children:e.children})}}};var k=t(6763);function H(e){const n=o(e),t=(i=n.type,T[i]||(k.warn(`No admonition component found for admonition type "${i}". Using Info as fallback.`),T.info));var i;return(0,s.jsx)(t,{...n})}},7533:(e,n,t)=>{t.d(n,{A:()=>r});var i=t(6540),s=t(1122),o=t(6025),a=t(4848);const r=e=>{let{alt:n,sources:t,style:r}=e;const[c,l]=(0,i.useState)(!1),d=e=>{"Escape"===e.key&&l(!1)};(0,i.useEffect)((()=>(c?document.addEventListener("keydown",d):document.removeEventListener("keydown",d),()=>{document.removeEventListener("keydown",d)})),[c]);return(0,a.jsx)("div",{className:"zoomable-image "+(c?"fullscreen":""),onClick:()=>{l(!c)},style:{width:"50%",margin:"0 auto",display:"flex",justifyContent:"center",...r},children:(0,a.jsx)(s.A,{className:"zoomable-image-inner",alt:n,sources:{light:(0,o.Ay)(t.light),dark:(0,o.Ay)(t.dark)}})})}},7266:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>m,contentTitle:()=>l,default:()=>f,frontMatter:()=>c,metadata:()=>d,toc:()=>u});t(6540);var i=t(4848),s=t(8453),o=(t(1122),t(6025),t(7533),t(3554)),a=t.n(o),r=t(7293);const c={},l="Store Message",d={id:"examples/store-message",title:"Store Message",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/examples/store-message.mdx",sourceDirName:"examples",slug:"/examples/store-message",permalink:"/examples/store-message",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{}},m={},u=[];function h(e){const n=Object.assign({h1:"h1",p:"p",strong:"strong"},(0,s.RP)(),e.components);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.h1,{id:"store-message",children:"Store Message"}),"\n",(0,i.jsx)(r.A,{type:"warning",title:"warning",children:(0,i.jsx)(n.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,i.jsxs)(n.p,{children:["The ",(0,i.jsx)(n.strong,{children:"Store Message"})," component allows you to save information under a specified Session ID and sender type."]}),"\n",(0,i.jsxs)(n.p,{children:["The ",(0,i.jsx)(n.strong,{children:"Message History"})," component can then be used to retrieve stored messages."]}),"\n",(0,i.jsx)("div",{style:{marginBottom:"20px",display:"flex",justifyContent:"center"},children:(0,i.jsx)(a(),{playing:!0,controls:!0,url:"/videos/store_message.mp4"})})]})}const f=function(e={}){const{wrapper:n}=Object.assign({},(0,s.RP)(),e.components);return n?(0,i.jsx)(n,Object.assign({},e,{children:(0,i.jsx)(h,e)})):h(e)}},8453:(e,n,t)=>{t.d(n,{RP:()=>o,xA:()=>r});var i=t(6540);const s=i.createContext({});function o(e){const n=i.useContext(s);return i.useMemo((()=>"function"==typeof e?e(n):{...n,...e}),[n,e])}const a={};function r({components:e,children:n,disableParentContext:t}){let r;return r=t?"function"==typeof e?e({}):e||a:o(e),i.createElement(s.Provider,{value:r},n)}}}]); \ No newline at end of file diff --git a/assets/js/3ba2a8d4.57da5b34.js b/assets/js/3ba2a8d4.57da5b34.js deleted file mode 100644 index 0951f2b585..0000000000 --- a/assets/js/3ba2a8d4.57da5b34.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[7198],{7878:(e,n,t)=>{t.r(n),t.d(n,{CH:()=>a,assets:()=>h,chCodeConfig:()=>p,contentTitle:()=>d,default:()=>u,frontMatter:()=>l,metadata:()=>c,toc:()=>x});t(6540);var o=t(4848),s=t(8453),r=t(4754),i=t(7293);const l={},d="Command Line Interface (CLI)",c={id:"administration/cli",title:"Command Line Interface (CLI)",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/administration/cli.mdx",sourceDirName:"administration",slug:"/administration/cli",permalink:"/administration/cli",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"docs",previous:{title:"Sign Up and Sign In",permalink:"/administration/login"},next:{title:"Playground",permalink:"/administration/playground"}},h={},a={annotations:r.hk,Code:r.Cy},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},x=[{value:"Overview",id:"overview",level:2},{value:"Options",id:"options",level:3},{value:"langflow api-key",id:"langflow-api-key",level:2},{value:"Options",id:"options-1",level:3},{value:"langflow copy-db",id:"langflow-copy-db",level:2},{value:"Options",id:"options-2",level:3},{value:"langflow migration",id:"langflow-migration",level:2},{value:"Options",id:"options-3",level:3},{value:"langflow run",id:"langflow-run",level:2},{value:"Options",id:"options-4",level:3},{value:"CLI environment variables",id:"cli-environment-variables",level:4},{value:"langflow superuser",id:"langflow-superuser",level:2},{value:"Options",id:"options-5",level:3}];function j(e){const n=Object.assign({h1:"h1",p:"p",ul:"ul",li:"li",a:"a",h2:"h2",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",code:"code",h3:"h3",h4:"h4"},(0,s.RP)(),e.components);return a||f("CH",!1),a.Code||f("CH.Code",!0),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n","\n","\n",(0,o.jsx)(n.h1,{id:"command-line-interface-cli",children:"Command Line Interface (CLI)"}),"\n",(0,o.jsx)(i.A,{type:"warning",title:"warning",children:(0,o.jsx)(n.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,o.jsx)(n.p,{children:"Langflow's Command Line Interface (CLI) is a powerful tool that allows you to interact with the Langflow server from the command line. The CLI provides a wide range of commands to help you shape Langflow to your needs."}),"\n",(0,o.jsx)(n.p,{children:"The available commands are below. Navigate to their individual sections of this page to see the parameters."}),"\n",(0,o.jsxs)(n.ul,{children:["\n",(0,o.jsx)(n.li,{children:(0,o.jsx)(n.a,{href:"#overview",children:"langflow"})}),"\n",(0,o.jsx)(n.li,{children:(0,o.jsx)(n.a,{href:"#langflow-api-key",children:"langflow api-key"})}),"\n",(0,o.jsx)(n.li,{children:(0,o.jsx)(n.a,{href:"#langflow-copy-db",children:"langflow copy-db"})}),"\n",(0,o.jsx)(n.li,{children:(0,o.jsx)(n.a,{href:"#langflow-migration",children:"langflow migration"})}),"\n",(0,o.jsx)(n.li,{children:(0,o.jsx)(n.a,{href:"#langflow-run",children:"langflow run"})}),"\n",(0,o.jsx)(n.li,{children:(0,o.jsx)(n.a,{href:"#langflow-superuser",children:"langflow superuser"})}),"\n"]}),"\n",(0,o.jsx)(n.h2,{id:"overview",children:"Overview"}),"\n",(0,o.jsx)(n.p,{children:"Running the CLI without any arguments displays a list of available options and commands."}),"\n",(0,o.jsx)(a.Code,{codeConfig:p,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"langflow",props:{style:{color:"#FFA657"}}}]},{tokens:[{content:"# or",props:{style:{color:"#8B949E"}}}]},{tokens:[{content:"langflow ",props:{style:{color:"#FFA657"}}},{content:"--help",props:{style:{color:"#79C0FF"}}}]},{tokens:[{content:"# or",props:{style:{color:"#8B949E"}}}]},{tokens:[{content:"python ",props:{style:{color:"#FFA657"}}},{content:"-m ",props:{style:{color:"#79C0FF"}}},{content:"langflow",props:{style:{color:"#A5D6FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,o.jsxs)(n.table,{children:[(0,o.jsx)(n.thead,{children:(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.th,{children:"Command"}),(0,o.jsx)(n.th,{children:"Description"})]})}),(0,o.jsxs)(n.tbody,{children:[(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"api-key"})}),(0,o.jsx)(n.td,{children:"Creates an API key for the default superuser if AUTO_LOGIN is enabled."})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"copy-db"})}),(0,o.jsxs)(n.td,{children:["Copy the database files to the current directory (",(0,o.jsx)(n.code,{children:"which langflow"}),")."]})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"migration"})}),(0,o.jsx)(n.td,{children:"Run or test migrations."})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"run"})}),(0,o.jsx)(n.td,{children:"Run the Langflow."})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"superuser"})}),(0,o.jsx)(n.td,{children:"Create a superuser."})]})]})]}),"\n",(0,o.jsx)(n.h3,{id:"options",children:"Options"}),"\n",(0,o.jsxs)(n.table,{children:[(0,o.jsx)(n.thead,{children:(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.th,{children:"Option"}),(0,o.jsx)(n.th,{children:"Description"})]})}),(0,o.jsxs)(n.tbody,{children:[(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"--install-completion"})}),(0,o.jsx)(n.td,{children:"Install completion for the current shell."})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"--show-completion"})}),(0,o.jsx)(n.td,{children:"Show completion for the current shell, to copy it or customize the installation."})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"--help"})}),(0,o.jsx)(n.td,{children:"Show this message and exit."})]})]})]}),"\n",(0,o.jsx)(n.h2,{id:"langflow-api-key",children:"langflow api-key"}),"\n",(0,o.jsxs)(n.p,{children:["Run the ",(0,o.jsx)(n.code,{children:"api-key"})," command to create an API key for the default superuser if ",(0,o.jsx)(n.code,{children:"LANGFLOW_AUTO_LOGIN"})," is set to ",(0,o.jsx)(n.code,{children:"True"}),"."]}),"\n",(0,o.jsx)(a.Code,{codeConfig:p,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"langflow ",props:{style:{color:"#FFA657"}}},{content:"api-key",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"# or",props:{style:{color:"#8B949E"}}}]},{tokens:[{content:"python ",props:{style:{color:"#FFA657"}}},{content:"-m ",props:{style:{color:"#79C0FF"}}},{content:"langflow api-key",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"\u256d\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u256e",props:{style:{color:"#FFA657"}}}]},{tokens:[{content:"\u2502 ",props:{style:{color:"#FFA657"}}},{content:"API Key Created Successfully: \u2502",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"\u2502 ",props:{style:{color:"#FFA657"}}},{content:"\u2502",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"\u2502 ",props:{style:{color:"#FFA657"}}},{content:"sk-O0elzoWID1izAH8RUKrnnvyyMwIzHi2Wk-uXWoNJ2Ro \u2502",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"\u2502 ",props:{style:{color:"#FFA657"}}},{content:"\u2502",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"\u2502 ",props:{style:{color:"#FFA657"}}},{content:"This is the only time the API key will be displayed. \u2502",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"\u2502 ",props:{style:{color:"#FFA657"}}},{content:"Make sure to store it in a secure location. \u2502",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"\u2502 ",props:{style:{color:"#FFA657"}}},{content:"\u2502",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"\u2502 ",props:{style:{color:"#FFA657"}}},{content:"The API key has been copied to your clipboard. Cmd + V to paste it. \u2502",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"\u2570\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500",props:{style:{color:"#FFA657"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,o.jsx)(n.h3,{id:"options-1",children:"Options"}),"\n",(0,o.jsxs)(n.table,{children:[(0,o.jsx)(n.thead,{children:(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.th,{children:"Option"}),(0,o.jsx)(n.th,{children:"Type"}),(0,o.jsx)(n.th,{children:"Description"})]})}),(0,o.jsxs)(n.tbody,{children:[(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:"--log-level"}),(0,o.jsx)(n.td,{children:"TEXT"}),(0,o.jsx)(n.td,{children:"Logging level. [env var: LANGFLOW_LOG_LEVEL] [default: error]"})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:"--help"}),(0,o.jsx)(n.td,{}),(0,o.jsx)(n.td,{children:"Show this message and exit."})]})]})]}),"\n",(0,o.jsx)(n.h2,{id:"langflow-copy-db",children:"langflow copy-db"}),"\n",(0,o.jsxs)(n.p,{children:["Run the ",(0,o.jsx)(n.code,{children:"copy-db"})," command to copy the cached ",(0,o.jsx)(n.code,{children:"langflow.db"})," and ",(0,o.jsx)(n.code,{children:"langflow-pre.db"})," database files to the current directory."]}),"\n",(0,o.jsxs)(n.p,{children:["If the files exist in the cache directory, they will be copied to the same directory as ",(0,o.jsx)(n.code,{children:"__main__.py"}),", which can be found with ",(0,o.jsx)(n.code,{children:"which langflow"}),"."]}),"\n",(0,o.jsx)(n.h3,{id:"options-2",children:"Options"}),"\n",(0,o.jsx)(n.p,{children:"None."}),"\n",(0,o.jsx)(n.h2,{id:"langflow-migration",children:"langflow migration"}),"\n",(0,o.jsxs)(n.p,{children:["Run or test migrations with the ",(0,o.jsx)(n.a,{href:"https://pypi.org/project/alembic/",children:"Alembic"})," database tool."]}),"\n",(0,o.jsx)(a.Code,{codeConfig:p,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"langflow ",props:{style:{color:"#FFA657"}}},{content:"migration",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"# or",props:{style:{color:"#8B949E"}}}]},{tokens:[{content:"python ",props:{style:{color:"#FFA657"}}},{content:"-m ",props:{style:{color:"#79C0FF"}}},{content:"langflow migration",props:{style:{color:"#A5D6FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,o.jsx)(n.h3,{id:"options-3",children:"Options"}),"\n",(0,o.jsxs)(n.table,{children:[(0,o.jsx)(n.thead,{children:(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.th,{children:"Option"}),(0,o.jsx)(n.th,{children:"Description"})]})}),(0,o.jsxs)(n.tbody,{children:[(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"--test, --no-test"})}),(0,o.jsx)(n.td,{children:"Run migrations in test mode. [default: test]"})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"--fix, --no-fix"})}),(0,o.jsx)(n.td,{children:"Fix migrations. This is a destructive operation, and should only be used if you know what you are doing. [default: no-fix]"})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"--help"})}),(0,o.jsx)(n.td,{children:"Show this message and exit."})]})]})]}),"\n",(0,o.jsx)(n.h2,{id:"langflow-run",children:"langflow run"}),"\n",(0,o.jsx)(n.p,{children:"Run Langflow."}),"\n",(0,o.jsx)(a.Code,{codeConfig:p,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"langflow ",props:{style:{color:"#FFA657"}}},{content:"run",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"# or",props:{style:{color:"#8B949E"}}}]},{tokens:[{content:"python ",props:{style:{color:"#FFA657"}}},{content:"-m ",props:{style:{color:"#79C0FF"}}},{content:"langflow run",props:{style:{color:"#A5D6FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,o.jsx)(n.h3,{id:"options-4",children:"Options"}),"\n",(0,o.jsxs)(n.table,{children:[(0,o.jsx)(n.thead,{children:(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.th,{children:"Option"}),(0,o.jsx)(n.th,{children:"Description"})]})}),(0,o.jsxs)(n.tbody,{children:[(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"--help"})}),(0,o.jsx)(n.td,{children:"Displays all available options."})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"--host"})}),(0,o.jsxs)(n.td,{children:["Defines the host to bind the server to. Can be set using the ",(0,o.jsx)(n.code,{children:"LANGFLOW_HOST"})," environment variable. The default is ",(0,o.jsx)(n.code,{children:"127.0.0.1"}),"."]})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"--workers"})}),(0,o.jsxs)(n.td,{children:["Sets the number of worker processes. Can be set using the ",(0,o.jsx)(n.code,{children:"LANGFLOW_WORKERS"})," environment variable. The default is ",(0,o.jsx)(n.code,{children:"1"}),"."]})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"--timeout"})}),(0,o.jsxs)(n.td,{children:["Sets the worker timeout in seconds. The default is ",(0,o.jsx)(n.code,{children:"60"}),"."]})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"--port"})}),(0,o.jsxs)(n.td,{children:["Sets the port to listen on. Can be set using the ",(0,o.jsx)(n.code,{children:"LANGFLOW_PORT"})," environment variable. The default is ",(0,o.jsx)(n.code,{children:"7860"}),"."]})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"--env-file"})}),(0,o.jsxs)(n.td,{children:["Specifies the path to the .env file containing environment variables. The default is ",(0,o.jsx)(n.code,{children:".env"}),"."]})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"--log-level"})}),(0,o.jsxs)(n.td,{children:["Defines the logging level. Can be set using the ",(0,o.jsx)(n.code,{children:"LANGFLOW_LOG_LEVEL"})," environment variable. The default is ",(0,o.jsx)(n.code,{children:"critical"}),"."]})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"--components-path"})}),(0,o.jsxs)(n.td,{children:["Specifies the path to the directory containing custom components. Can be set using the ",(0,o.jsx)(n.code,{children:"LANGFLOW_COMPONENTS_PATH"})," environment variable. The default is ",(0,o.jsx)(n.code,{children:"langflow/components"}),"."]})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"--log-file"})}),(0,o.jsxs)(n.td,{children:["Specifies the path to the log file. Can be set using the ",(0,o.jsx)(n.code,{children:"LANGFLOW_LOG_FILE"})," environment variable. The default is ",(0,o.jsx)(n.code,{children:"logs/langflow.log"}),"."]})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"--cache"})}),(0,o.jsxs)(n.td,{children:["Select the type of cache to use. Options are ",(0,o.jsx)(n.code,{children:"InMemoryCache"})," and ",(0,o.jsx)(n.code,{children:"SQLiteCache"}),". Can be set using the ",(0,o.jsx)(n.code,{children:"LANGFLOW_LANGCHAIN_CACHE"})," environment variable. The default is ",(0,o.jsx)(n.code,{children:"SQLiteCache"}),"."]})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsxs)(n.td,{children:[(0,o.jsx)(n.code,{children:"--dev"}),"/",(0,o.jsx)(n.code,{children:"--no-dev"})]}),(0,o.jsxs)(n.td,{children:["Toggles the development mode. The default is ",(0,o.jsx)(n.code,{children:"no-dev"}),"."]})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"--path"})}),(0,o.jsxs)(n.td,{children:["Specifies the path to the frontend directory containing build files. This option is for development purposes only. Can be set using the ",(0,o.jsx)(n.code,{children:"LANGFLOW_FRONTEND_PATH"})," environment variable."]})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsxs)(n.td,{children:[(0,o.jsx)(n.code,{children:"--open-browser"}),"/",(0,o.jsx)(n.code,{children:"--no-open-browser"})]}),(0,o.jsxs)(n.td,{children:["Toggles the option to open the browser after starting the server. Can be set using the ",(0,o.jsx)(n.code,{children:"LANGFLOW_OPEN_BROWSER"})," environment variable. The default is ",(0,o.jsx)(n.code,{children:"open-browser"}),"."]})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsxs)(n.td,{children:[(0,o.jsx)(n.code,{children:"--remove-api-keys"}),"/",(0,o.jsx)(n.code,{children:"--no-remove-api-keys"})]}),(0,o.jsxs)(n.td,{children:["Toggles the option to remove API keys from the projects saved in the database. Can be set using the ",(0,o.jsx)(n.code,{children:"LANGFLOW_REMOVE_API_KEYS"})," environment variable. The default is ",(0,o.jsx)(n.code,{children:"no-remove-api-keys"}),"."]})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"--install-completion [bash|zsh|fish|powershell|pwsh]"})}),(0,o.jsx)(n.td,{children:"Installs completion for the specified shell."})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"--show-completion [bash|zsh|fish|powershell|pwsh]"})}),(0,o.jsx)(n.td,{children:"Shows completion for the specified shell, allowing you to copy it or customize the installation."})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"--backend-only"})}),(0,o.jsxs)(n.td,{children:["This parameter, with a default value of ",(0,o.jsx)(n.code,{children:"False"}),", allows running only the backend server without the frontend. It can also be set using the ",(0,o.jsx)(n.code,{children:"LANGFLOW_BACKEND_ONLY"})," environment variable. For more, see ",(0,o.jsx)(n.a,{href:"../deployment/backend-only",children:"Backend-only"}),"."]})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"--store"})}),(0,o.jsxs)(n.td,{children:["This parameter, with a default value of ",(0,o.jsx)(n.code,{children:"True"}),", enables the store features, use ",(0,o.jsx)(n.code,{children:"--no-store"})," to deactivate it. It can be configured using the ",(0,o.jsx)(n.code,{children:"LANGFLOW_STORE"})," environment variable."]})]})]})]}),"\n",(0,o.jsx)(n.h4,{id:"cli-environment-variables",children:"CLI environment variables"}),"\n",(0,o.jsxs)(n.p,{children:["You can configure many of the CLI options using environment variables. These can be exported in your operating system or added to a ",(0,o.jsx)(n.code,{children:".env"})," file and loaded using the ",(0,o.jsx)(n.code,{children:"--env-file"})," option."]}),"\n",(0,o.jsxs)(n.p,{children:["A sample ",(0,o.jsx)(n.code,{children:".env"})," file named ",(0,o.jsx)(n.code,{children:".env.example"})," is included with the project. Copy this file to a new file named ",(0,o.jsx)(n.code,{children:".env"})," and replace the example values with your actual settings. If you're setting values in both your OS and the ",(0,o.jsx)(n.code,{children:".env"})," file, the ",(0,o.jsx)(n.code,{children:".env"})," settings will take precedence."]}),"\n",(0,o.jsx)(n.h2,{id:"langflow-superuser",children:"langflow superuser"}),"\n",(0,o.jsx)(n.p,{children:"Create a superuser for Langflow."}),"\n",(0,o.jsx)(a.Code,{codeConfig:p,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"langflow ",props:{style:{color:"#FFA657"}}},{content:"superuser",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"# or",props:{style:{color:"#8B949E"}}}]},{tokens:[{content:"python ",props:{style:{color:"#FFA657"}}},{content:"-m ",props:{style:{color:"#79C0FF"}}},{content:"langflow superuser",props:{style:{color:"#A5D6FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,o.jsx)(n.h3,{id:"options-5",children:"Options"}),"\n",(0,o.jsxs)(n.table,{children:[(0,o.jsx)(n.thead,{children:(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.th,{children:"Option"}),(0,o.jsx)(n.th,{children:"Type"}),(0,o.jsx)(n.th,{children:"Description"})]})}),(0,o.jsxs)(n.tbody,{children:[(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"--username"})}),(0,o.jsx)(n.td,{children:"TEXT"}),(0,o.jsx)(n.td,{children:"Username for the superuser. [default: None] [required]"})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"--password"})}),(0,o.jsx)(n.td,{children:"TEXT"}),(0,o.jsx)(n.td,{children:"Password for the superuser. [default: None] [required]"})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"--log-level"})}),(0,o.jsx)(n.td,{children:"TEXT"}),(0,o.jsx)(n.td,{children:"Logging level. [env var: LANGFLOW_LOG_LEVEL] [default: error]"})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"--help"})}),(0,o.jsx)(n.td,{}),(0,o.jsx)(n.td,{children:"Show this message and exit."})]})]})]})]})}const u=function(e={}){const{wrapper:n}=Object.assign({},(0,s.RP)(),e.components);return n?(0,o.jsx)(n,Object.assign({},e,{children:(0,o.jsx)(j,e)})):j(e)};function f(e,n){throw new Error("Expected "+(n?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/assets/js/3ba2a8d4.60a04fb3.js b/assets/js/3ba2a8d4.60a04fb3.js new file mode 100644 index 0000000000..86a94de0cc --- /dev/null +++ b/assets/js/3ba2a8d4.60a04fb3.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[7198],{7293:(e,n,t)=>{t.d(n,{A:()=>N});var o=t(6540),s=t(4848);function i(e){const{mdxAdmonitionTitle:n,rest:t}=function(e){const n=o.Children.toArray(e),t=n.find((e=>o.isValidElement(e)&&"mdxAdmonitionTitle"===e.type)),i=n.filter((e=>e!==t)),r=t?.props.children;return{mdxAdmonitionTitle:r,rest:i.length>0?(0,s.jsx)(s.Fragment,{children:i}):null}}(e.children),i=e.title??n;return{...e,...i&&{title:i},children:t}}var r=t(8215),l=t(1312),d=t(7559);const c={admonition:"admonition_xJq3",admonitionHeading:"admonitionHeading_Gvgb",admonitionIcon:"admonitionIcon_Rf37",admonitionContent:"admonitionContent_BuS1"};function a(e){let{type:n,className:t,children:o}=e;return(0,s.jsx)("div",{className:(0,r.A)(d.G.common.admonition,d.G.common.admonitionType(n),c.admonition,t),children:o})}function h(e){let{icon:n,title:t}=e;return(0,s.jsxs)("div",{className:c.admonitionHeading,children:[(0,s.jsx)("span",{className:c.admonitionIcon,children:n}),t]})}function x(e){let{children:n}=e;return n?(0,s.jsx)("div",{className:c.admonitionContent,children:n}):null}function p(e){const{type:n,icon:t,title:o,children:i,className:r}=e;return(0,s.jsxs)(a,{type:n,className:r,children:[o||t?(0,s.jsx)(h,{title:o,icon:t}):null,(0,s.jsx)(x,{children:i})]})}function j(e){return(0,s.jsx)("svg",{viewBox:"0 0 14 16",...e,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"})})}const u={icon:(0,s.jsx)(j,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.note",description:"The default label used for the Note admonition (:::note)",children:"note"})};function f(e){return(0,s.jsx)(p,{...u,...e,className:(0,r.A)("alert alert--secondary",e.className),children:e.children})}function m(e){return(0,s.jsx)("svg",{viewBox:"0 0 12 16",...e,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"})})}const g={icon:(0,s.jsx)(m,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.tip",description:"The default label used for the Tip admonition (:::tip)",children:"tip"})};function v(e){return(0,s.jsx)(p,{...g,...e,className:(0,r.A)("alert alert--success",e.className),children:e.children})}function y(e){return(0,s.jsx)("svg",{viewBox:"0 0 14 16",...e,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"})})}const b={icon:(0,s.jsx)(y,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.info",description:"The default label used for the Info admonition (:::info)",children:"info"})};function w(e){return(0,s.jsx)(p,{...b,...e,className:(0,r.A)("alert alert--info",e.className),children:e.children})}function F(e){return(0,s.jsx)("svg",{viewBox:"0 0 16 16",...e,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"})})}const A={icon:(0,s.jsx)(F,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.warning",description:"The default label used for the Warning admonition (:::warning)",children:"warning"})};function k(e){return(0,s.jsx)("svg",{viewBox:"0 0 12 16",...e,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"})})}const C={icon:(0,s.jsx)(k,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.danger",description:"The default label used for the Danger admonition (:::danger)",children:"danger"})};const L={icon:(0,s.jsx)(F,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.caution",description:"The default label used for the Caution admonition (:::caution)",children:"caution"})};const T={...{note:f,tip:v,info:w,warning:function(e){return(0,s.jsx)(p,{...A,...e,className:(0,r.A)("alert alert--warning",e.className),children:e.children})},danger:function(e){return(0,s.jsx)(p,{...C,...e,className:(0,r.A)("alert alert--danger",e.className),children:e.children})}},...{secondary:e=>(0,s.jsx)(f,{title:"secondary",...e}),important:e=>(0,s.jsx)(w,{title:"important",...e}),success:e=>(0,s.jsx)(v,{title:"success",...e}),caution:function(e){return(0,s.jsx)(p,{...L,...e,className:(0,r.A)("alert alert--warning",e.className),children:e.children})}}};var O=t(6763);function N(e){const n=i(e),t=(o=n.type,T[o]||(O.warn(`No admonition component found for admonition type "${o}". Using Info as fallback.`),T.info));var o;return(0,s.jsx)(t,{...n})}},7878:(e,n,t)=>{t.r(n),t.d(n,{CH:()=>h,assets:()=>a,chCodeConfig:()=>x,contentTitle:()=>d,default:()=>u,frontMatter:()=>l,metadata:()=>c,toc:()=>p});t(6540);var o=t(4848),s=t(8453),i=t(4754),r=t(7293);const l={},d="Command Line Interface (CLI)",c={id:"administration/cli",title:"Command Line Interface (CLI)",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/administration/cli.mdx",sourceDirName:"administration",slug:"/administration/cli",permalink:"/administration/cli",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"docs",previous:{title:"Sign Up and Sign In",permalink:"/administration/login"},next:{title:"Playground",permalink:"/administration/playground"}},a={},h={annotations:i.hk,Code:i.Cy},x={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},p=[{value:"Overview",id:"overview",level:2},{value:"Options",id:"options",level:3},{value:"langflow api-key",id:"langflow-api-key",level:2},{value:"Options",id:"options-1",level:3},{value:"langflow copy-db",id:"langflow-copy-db",level:2},{value:"Options",id:"options-2",level:3},{value:"langflow migration",id:"langflow-migration",level:2},{value:"Options",id:"options-3",level:3},{value:"langflow run",id:"langflow-run",level:2},{value:"Options",id:"options-4",level:3},{value:"CLI environment variables",id:"cli-environment-variables",level:4},{value:"langflow superuser",id:"langflow-superuser",level:2},{value:"Options",id:"options-5",level:3}];function j(e){const n=Object.assign({h1:"h1",p:"p",ul:"ul",li:"li",a:"a",h2:"h2",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",code:"code",h3:"h3",h4:"h4"},(0,s.RP)(),e.components);return h||f("CH",!1),h.Code||f("CH.Code",!0),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n","\n","\n",(0,o.jsx)(n.h1,{id:"command-line-interface-cli",children:"Command Line Interface (CLI)"}),"\n",(0,o.jsx)(r.A,{type:"warning",title:"warning",children:(0,o.jsx)(n.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,o.jsx)(n.p,{children:"Langflow's Command Line Interface (CLI) is a powerful tool that allows you to interact with the Langflow server from the command line. The CLI provides a wide range of commands to help you shape Langflow to your needs."}),"\n",(0,o.jsx)(n.p,{children:"The available commands are below. Navigate to their individual sections of this page to see the parameters."}),"\n",(0,o.jsxs)(n.ul,{children:["\n",(0,o.jsx)(n.li,{children:(0,o.jsx)(n.a,{href:"#overview",children:"langflow"})}),"\n",(0,o.jsx)(n.li,{children:(0,o.jsx)(n.a,{href:"#langflow-api-key",children:"langflow api-key"})}),"\n",(0,o.jsx)(n.li,{children:(0,o.jsx)(n.a,{href:"#langflow-copy-db",children:"langflow copy-db"})}),"\n",(0,o.jsx)(n.li,{children:(0,o.jsx)(n.a,{href:"#langflow-migration",children:"langflow migration"})}),"\n",(0,o.jsx)(n.li,{children:(0,o.jsx)(n.a,{href:"#langflow-run",children:"langflow run"})}),"\n",(0,o.jsx)(n.li,{children:(0,o.jsx)(n.a,{href:"#langflow-superuser",children:"langflow superuser"})}),"\n"]}),"\n",(0,o.jsx)(n.h2,{id:"overview",children:"Overview"}),"\n",(0,o.jsx)(n.p,{children:"Running the CLI without any arguments displays a list of available options and commands."}),"\n",(0,o.jsx)(h.Code,{codeConfig:x,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"langflow",props:{style:{color:"#FFA657"}}}]},{tokens:[{content:"# or",props:{style:{color:"#8B949E"}}}]},{tokens:[{content:"langflow ",props:{style:{color:"#FFA657"}}},{content:"--help",props:{style:{color:"#79C0FF"}}}]},{tokens:[{content:"# or",props:{style:{color:"#8B949E"}}}]},{tokens:[{content:"python ",props:{style:{color:"#FFA657"}}},{content:"-m ",props:{style:{color:"#79C0FF"}}},{content:"langflow",props:{style:{color:"#A5D6FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,o.jsxs)(n.table,{children:[(0,o.jsx)(n.thead,{children:(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.th,{children:"Command"}),(0,o.jsx)(n.th,{children:"Description"})]})}),(0,o.jsxs)(n.tbody,{children:[(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"api-key"})}),(0,o.jsx)(n.td,{children:"Creates an API key for the default superuser if AUTO_LOGIN is enabled."})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"copy-db"})}),(0,o.jsxs)(n.td,{children:["Copy the database files to the current directory (",(0,o.jsx)(n.code,{children:"which langflow"}),")."]})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"migration"})}),(0,o.jsx)(n.td,{children:"Run or test migrations."})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"run"})}),(0,o.jsx)(n.td,{children:"Run the Langflow."})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"superuser"})}),(0,o.jsx)(n.td,{children:"Create a superuser."})]})]})]}),"\n",(0,o.jsx)(n.h3,{id:"options",children:"Options"}),"\n",(0,o.jsxs)(n.table,{children:[(0,o.jsx)(n.thead,{children:(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.th,{children:"Option"}),(0,o.jsx)(n.th,{children:"Description"})]})}),(0,o.jsxs)(n.tbody,{children:[(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"--install-completion"})}),(0,o.jsx)(n.td,{children:"Install completion for the current shell."})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"--show-completion"})}),(0,o.jsx)(n.td,{children:"Show completion for the current shell, to copy it or customize the installation."})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"--help"})}),(0,o.jsx)(n.td,{children:"Show this message and exit."})]})]})]}),"\n",(0,o.jsx)(n.h2,{id:"langflow-api-key",children:"langflow api-key"}),"\n",(0,o.jsxs)(n.p,{children:["Run the ",(0,o.jsx)(n.code,{children:"api-key"})," command to create an API key for the default superuser if ",(0,o.jsx)(n.code,{children:"LANGFLOW_AUTO_LOGIN"})," is set to ",(0,o.jsx)(n.code,{children:"True"}),"."]}),"\n",(0,o.jsx)(h.Code,{codeConfig:x,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"langflow ",props:{style:{color:"#FFA657"}}},{content:"api-key",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"# or",props:{style:{color:"#8B949E"}}}]},{tokens:[{content:"python ",props:{style:{color:"#FFA657"}}},{content:"-m ",props:{style:{color:"#79C0FF"}}},{content:"langflow api-key",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"\u256d\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u256e",props:{style:{color:"#FFA657"}}}]},{tokens:[{content:"\u2502 ",props:{style:{color:"#FFA657"}}},{content:"API Key Created Successfully: \u2502",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"\u2502 ",props:{style:{color:"#FFA657"}}},{content:"\u2502",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"\u2502 ",props:{style:{color:"#FFA657"}}},{content:"sk-O0elzoWID1izAH8RUKrnnvyyMwIzHi2Wk-uXWoNJ2Ro \u2502",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"\u2502 ",props:{style:{color:"#FFA657"}}},{content:"\u2502",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"\u2502 ",props:{style:{color:"#FFA657"}}},{content:"This is the only time the API key will be displayed. \u2502",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"\u2502 ",props:{style:{color:"#FFA657"}}},{content:"Make sure to store it in a secure location. \u2502",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"\u2502 ",props:{style:{color:"#FFA657"}}},{content:"\u2502",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"\u2502 ",props:{style:{color:"#FFA657"}}},{content:"The API key has been copied to your clipboard. Cmd + V to paste it. \u2502",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"\u2570\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500",props:{style:{color:"#FFA657"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,o.jsx)(n.h3,{id:"options-1",children:"Options"}),"\n",(0,o.jsxs)(n.table,{children:[(0,o.jsx)(n.thead,{children:(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.th,{children:"Option"}),(0,o.jsx)(n.th,{children:"Type"}),(0,o.jsx)(n.th,{children:"Description"})]})}),(0,o.jsxs)(n.tbody,{children:[(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:"--log-level"}),(0,o.jsx)(n.td,{children:"TEXT"}),(0,o.jsx)(n.td,{children:"Logging level. [env var: LANGFLOW_LOG_LEVEL] [default: error]"})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:"--help"}),(0,o.jsx)(n.td,{}),(0,o.jsx)(n.td,{children:"Show this message and exit."})]})]})]}),"\n",(0,o.jsx)(n.h2,{id:"langflow-copy-db",children:"langflow copy-db"}),"\n",(0,o.jsxs)(n.p,{children:["Run the ",(0,o.jsx)(n.code,{children:"copy-db"})," command to copy the cached ",(0,o.jsx)(n.code,{children:"langflow.db"})," and ",(0,o.jsx)(n.code,{children:"langflow-pre.db"})," database files to the current directory."]}),"\n",(0,o.jsxs)(n.p,{children:["If the files exist in the cache directory, they will be copied to the same directory as ",(0,o.jsx)(n.code,{children:"__main__.py"}),", which can be found with ",(0,o.jsx)(n.code,{children:"which langflow"}),"."]}),"\n",(0,o.jsx)(n.h3,{id:"options-2",children:"Options"}),"\n",(0,o.jsx)(n.p,{children:"None."}),"\n",(0,o.jsx)(n.h2,{id:"langflow-migration",children:"langflow migration"}),"\n",(0,o.jsxs)(n.p,{children:["Run or test migrations with the ",(0,o.jsx)(n.a,{href:"https://pypi.org/project/alembic/",children:"Alembic"})," database tool."]}),"\n",(0,o.jsx)(h.Code,{codeConfig:x,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"langflow ",props:{style:{color:"#FFA657"}}},{content:"migration",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"# or",props:{style:{color:"#8B949E"}}}]},{tokens:[{content:"python ",props:{style:{color:"#FFA657"}}},{content:"-m ",props:{style:{color:"#79C0FF"}}},{content:"langflow migration",props:{style:{color:"#A5D6FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,o.jsx)(n.h3,{id:"options-3",children:"Options"}),"\n",(0,o.jsxs)(n.table,{children:[(0,o.jsx)(n.thead,{children:(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.th,{children:"Option"}),(0,o.jsx)(n.th,{children:"Description"})]})}),(0,o.jsxs)(n.tbody,{children:[(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"--test, --no-test"})}),(0,o.jsx)(n.td,{children:"Run migrations in test mode. [default: test]"})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"--fix, --no-fix"})}),(0,o.jsx)(n.td,{children:"Fix migrations. This is a destructive operation, and should only be used if you know what you are doing. [default: no-fix]"})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"--help"})}),(0,o.jsx)(n.td,{children:"Show this message and exit."})]})]})]}),"\n",(0,o.jsx)(n.h2,{id:"langflow-run",children:"langflow run"}),"\n",(0,o.jsx)(n.p,{children:"Run Langflow."}),"\n",(0,o.jsx)(h.Code,{codeConfig:x,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"langflow ",props:{style:{color:"#FFA657"}}},{content:"run",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"# or",props:{style:{color:"#8B949E"}}}]},{tokens:[{content:"python ",props:{style:{color:"#FFA657"}}},{content:"-m ",props:{style:{color:"#79C0FF"}}},{content:"langflow run",props:{style:{color:"#A5D6FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,o.jsx)(n.h3,{id:"options-4",children:"Options"}),"\n",(0,o.jsxs)(n.table,{children:[(0,o.jsx)(n.thead,{children:(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.th,{children:"Option"}),(0,o.jsx)(n.th,{children:"Description"})]})}),(0,o.jsxs)(n.tbody,{children:[(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"--help"})}),(0,o.jsx)(n.td,{children:"Displays all available options."})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"--host"})}),(0,o.jsxs)(n.td,{children:["Defines the host to bind the server to. Can be set using the ",(0,o.jsx)(n.code,{children:"LANGFLOW_HOST"})," environment variable. The default is ",(0,o.jsx)(n.code,{children:"127.0.0.1"}),"."]})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"--workers"})}),(0,o.jsxs)(n.td,{children:["Sets the number of worker processes. Can be set using the ",(0,o.jsx)(n.code,{children:"LANGFLOW_WORKERS"})," environment variable. The default is ",(0,o.jsx)(n.code,{children:"1"}),"."]})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"--timeout"})}),(0,o.jsxs)(n.td,{children:["Sets the worker timeout in seconds. The default is ",(0,o.jsx)(n.code,{children:"60"}),"."]})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"--port"})}),(0,o.jsxs)(n.td,{children:["Sets the port to listen on. Can be set using the ",(0,o.jsx)(n.code,{children:"LANGFLOW_PORT"})," environment variable. The default is ",(0,o.jsx)(n.code,{children:"7860"}),"."]})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"--env-file"})}),(0,o.jsxs)(n.td,{children:["Specifies the path to the .env file containing environment variables. The default is ",(0,o.jsx)(n.code,{children:".env"}),"."]})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"--log-level"})}),(0,o.jsxs)(n.td,{children:["Defines the logging level. Can be set using the ",(0,o.jsx)(n.code,{children:"LANGFLOW_LOG_LEVEL"})," environment variable. The default is ",(0,o.jsx)(n.code,{children:"critical"}),"."]})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"--components-path"})}),(0,o.jsxs)(n.td,{children:["Specifies the path to the directory containing custom components. Can be set using the ",(0,o.jsx)(n.code,{children:"LANGFLOW_COMPONENTS_PATH"})," environment variable. The default is ",(0,o.jsx)(n.code,{children:"langflow/components"}),"."]})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"--log-file"})}),(0,o.jsxs)(n.td,{children:["Specifies the path to the log file. Can be set using the ",(0,o.jsx)(n.code,{children:"LANGFLOW_LOG_FILE"})," environment variable. The default is ",(0,o.jsx)(n.code,{children:"logs/langflow.log"}),"."]})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"--cache"})}),(0,o.jsxs)(n.td,{children:["Select the type of cache to use. Options are ",(0,o.jsx)(n.code,{children:"InMemoryCache"})," and ",(0,o.jsx)(n.code,{children:"SQLiteCache"}),". Can be set using the ",(0,o.jsx)(n.code,{children:"LANGFLOW_LANGCHAIN_CACHE"})," environment variable. The default is ",(0,o.jsx)(n.code,{children:"SQLiteCache"}),"."]})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsxs)(n.td,{children:[(0,o.jsx)(n.code,{children:"--dev"}),"/",(0,o.jsx)(n.code,{children:"--no-dev"})]}),(0,o.jsxs)(n.td,{children:["Toggles the development mode. The default is ",(0,o.jsx)(n.code,{children:"no-dev"}),"."]})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"--path"})}),(0,o.jsxs)(n.td,{children:["Specifies the path to the frontend directory containing build files. This option is for development purposes only. Can be set using the ",(0,o.jsx)(n.code,{children:"LANGFLOW_FRONTEND_PATH"})," environment variable."]})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsxs)(n.td,{children:[(0,o.jsx)(n.code,{children:"--open-browser"}),"/",(0,o.jsx)(n.code,{children:"--no-open-browser"})]}),(0,o.jsxs)(n.td,{children:["Toggles the option to open the browser after starting the server. Can be set using the ",(0,o.jsx)(n.code,{children:"LANGFLOW_OPEN_BROWSER"})," environment variable. The default is ",(0,o.jsx)(n.code,{children:"open-browser"}),"."]})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsxs)(n.td,{children:[(0,o.jsx)(n.code,{children:"--remove-api-keys"}),"/",(0,o.jsx)(n.code,{children:"--no-remove-api-keys"})]}),(0,o.jsxs)(n.td,{children:["Toggles the option to remove API keys from the projects saved in the database. Can be set using the ",(0,o.jsx)(n.code,{children:"LANGFLOW_REMOVE_API_KEYS"})," environment variable. The default is ",(0,o.jsx)(n.code,{children:"no-remove-api-keys"}),"."]})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"--install-completion [bash|zsh|fish|powershell|pwsh]"})}),(0,o.jsx)(n.td,{children:"Installs completion for the specified shell."})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"--show-completion [bash|zsh|fish|powershell|pwsh]"})}),(0,o.jsx)(n.td,{children:"Shows completion for the specified shell, allowing you to copy it or customize the installation."})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"--backend-only"})}),(0,o.jsxs)(n.td,{children:["This parameter, with a default value of ",(0,o.jsx)(n.code,{children:"False"}),", allows running only the backend server without the frontend. It can also be set using the ",(0,o.jsx)(n.code,{children:"LANGFLOW_BACKEND_ONLY"})," environment variable. For more, see ",(0,o.jsx)(n.a,{href:"../deployment/backend-only",children:"Backend-only"}),"."]})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"--store"})}),(0,o.jsxs)(n.td,{children:["This parameter, with a default value of ",(0,o.jsx)(n.code,{children:"True"}),", enables the store features, use ",(0,o.jsx)(n.code,{children:"--no-store"})," to deactivate it. It can be configured using the ",(0,o.jsx)(n.code,{children:"LANGFLOW_STORE"})," environment variable."]})]})]})]}),"\n",(0,o.jsx)(n.h4,{id:"cli-environment-variables",children:"CLI environment variables"}),"\n",(0,o.jsxs)(n.p,{children:["You can configure many of the CLI options using environment variables. These can be exported in your operating system or added to a ",(0,o.jsx)(n.code,{children:".env"})," file and loaded using the ",(0,o.jsx)(n.code,{children:"--env-file"})," option."]}),"\n",(0,o.jsxs)(n.p,{children:["A sample ",(0,o.jsx)(n.code,{children:".env"})," file named ",(0,o.jsx)(n.code,{children:".env.example"})," is included with the project. Copy this file to a new file named ",(0,o.jsx)(n.code,{children:".env"})," and replace the example values with your actual settings. If you're setting values in both your OS and the ",(0,o.jsx)(n.code,{children:".env"})," file, the ",(0,o.jsx)(n.code,{children:".env"})," settings will take precedence."]}),"\n",(0,o.jsx)(n.h2,{id:"langflow-superuser",children:"langflow superuser"}),"\n",(0,o.jsx)(n.p,{children:"Create a superuser for Langflow."}),"\n",(0,o.jsx)(h.Code,{codeConfig:x,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"langflow ",props:{style:{color:"#FFA657"}}},{content:"superuser",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"# or",props:{style:{color:"#8B949E"}}}]},{tokens:[{content:"python ",props:{style:{color:"#FFA657"}}},{content:"-m ",props:{style:{color:"#79C0FF"}}},{content:"langflow superuser",props:{style:{color:"#A5D6FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,o.jsx)(n.h3,{id:"options-5",children:"Options"}),"\n",(0,o.jsxs)(n.table,{children:[(0,o.jsx)(n.thead,{children:(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.th,{children:"Option"}),(0,o.jsx)(n.th,{children:"Type"}),(0,o.jsx)(n.th,{children:"Description"})]})}),(0,o.jsxs)(n.tbody,{children:[(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"--username"})}),(0,o.jsx)(n.td,{children:"TEXT"}),(0,o.jsx)(n.td,{children:"Username for the superuser. [default: None] [required]"})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"--password"})}),(0,o.jsx)(n.td,{children:"TEXT"}),(0,o.jsx)(n.td,{children:"Password for the superuser. [default: None] [required]"})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"--log-level"})}),(0,o.jsx)(n.td,{children:"TEXT"}),(0,o.jsx)(n.td,{children:"Logging level. [env var: LANGFLOW_LOG_LEVEL] [default: error]"})]}),(0,o.jsxs)(n.tr,{children:[(0,o.jsx)(n.td,{children:(0,o.jsx)(n.code,{children:"--help"})}),(0,o.jsx)(n.td,{}),(0,o.jsx)(n.td,{children:"Show this message and exit."})]})]})]})]})}const u=function(e={}){const{wrapper:n}=Object.assign({},(0,s.RP)(),e.components);return n?(0,o.jsx)(n,Object.assign({},e,{children:(0,o.jsx)(j,e)})):j(e)};function f(e,n){throw new Error("Expected "+(n?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/assets/js/3fe772c5.36c68b60.js b/assets/js/3fe772c5.36c68b60.js deleted file mode 100644 index aee87dabd8..0000000000 --- a/assets/js/3fe772c5.36c68b60.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[667],{7293:(e,n,t)=>{t.d(n,{A:()=>H});var i=t(6540),o=t(4848);function s(e){const{mdxAdmonitionTitle:n,rest:t}=function(e){const n=i.Children.toArray(e),t=n.find((e=>i.isValidElement(e)&&"mdxAdmonitionTitle"===e.type)),s=n.filter((e=>e!==t)),a=t?.props.children;return{mdxAdmonitionTitle:a,rest:s.length>0?(0,o.jsx)(o.Fragment,{children:s}):null}}(e.children),s=e.title??n;return{...e,...s&&{title:s},children:t}}var a=t(8215),r=t(1312),c=t(7559);const l={admonition:"admonition_xJq3",admonitionHeading:"admonitionHeading_Gvgb",admonitionIcon:"admonitionIcon_Rf37",admonitionContent:"admonitionContent_BuS1"};function d(e){let{type:n,className:t,children:i}=e;return(0,o.jsx)("div",{className:(0,a.A)(c.G.common.admonition,c.G.common.admonitionType(n),l.admonition,t),children:i})}function m(e){let{icon:n,title:t}=e;return(0,o.jsxs)("div",{className:l.admonitionHeading,children:[(0,o.jsx)("span",{className:l.admonitionIcon,children:n}),t]})}function u(e){let{children:n}=e;return n?(0,o.jsx)("div",{className:l.admonitionContent,children:n}):null}function h(e){const{type:n,icon:t,title:i,children:s,className:a}=e;return(0,o.jsxs)(d,{type:n,className:a,children:[i||t?(0,o.jsx)(m,{title:i,icon:t}):null,(0,o.jsx)(u,{children:s})]})}function x(e){return(0,o.jsx)("svg",{viewBox:"0 0 14 16",...e,children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"})})}const f={icon:(0,o.jsx)(x,{}),title:(0,o.jsx)(r.A,{id:"theme.admonition.note",description:"The default label used for the Note admonition (:::note)",children:"note"})};function p(e){return(0,o.jsx)(h,{...f,...e,className:(0,a.A)("alert alert--secondary",e.className),children:e.children})}function j(e){return(0,o.jsx)("svg",{viewBox:"0 0 12 16",...e,children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"})})}const v={icon:(0,o.jsx)(j,{}),title:(0,o.jsx)(r.A,{id:"theme.admonition.tip",description:"The default label used for the Tip admonition (:::tip)",children:"tip"})};function g(e){return(0,o.jsx)(h,{...v,...e,className:(0,a.A)("alert alert--success",e.className),children:e.children})}function y(e){return(0,o.jsx)("svg",{viewBox:"0 0 14 16",...e,children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"})})}const w={icon:(0,o.jsx)(y,{}),title:(0,o.jsx)(r.A,{id:"theme.admonition.info",description:"The default label used for the Info admonition (:::info)",children:"info"})};function A(e){return(0,o.jsx)(h,{...w,...e,className:(0,a.A)("alert alert--info",e.className),children:e.children})}function N(e){return(0,o.jsx)("svg",{viewBox:"0 0 16 16",...e,children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"})})}const b={icon:(0,o.jsx)(N,{}),title:(0,o.jsx)(r.A,{id:"theme.admonition.warning",description:"The default label used for the Warning admonition (:::warning)",children:"warning"})};function T(e){return(0,o.jsx)("svg",{viewBox:"0 0 12 16",...e,children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"})})}const C={icon:(0,o.jsx)(T,{}),title:(0,o.jsx)(r.A,{id:"theme.admonition.danger",description:"The default label used for the Danger admonition (:::danger)",children:"danger"})};const z={icon:(0,o.jsx)(N,{}),title:(0,o.jsx)(r.A,{id:"theme.admonition.caution",description:"The default label used for the Caution admonition (:::caution)",children:"caution"})};const k={...{note:p,tip:g,info:A,warning:function(e){return(0,o.jsx)(h,{...b,...e,className:(0,a.A)("alert alert--warning",e.className),children:e.children})},danger:function(e){return(0,o.jsx)(h,{...C,...e,className:(0,a.A)("alert alert--danger",e.className),children:e.children})}},...{secondary:e=>(0,o.jsx)(p,{title:"secondary",...e}),important:e=>(0,o.jsx)(A,{title:"important",...e}),success:e=>(0,o.jsx)(g,{title:"success",...e}),caution:function(e){return(0,o.jsx)(h,{...z,...e,className:(0,a.A)("alert alert--warning",e.className),children:e.children})}}};var M=t(6763);function H(e){const n=s(e),t=(i=n.type,k[i]||(M.warn(`No admonition component found for admonition type "${i}". Using Info as fallback.`),k.info));var i;return(0,o.jsx)(t,{...n})}},7533:(e,n,t)=>{t.d(n,{A:()=>r});var i=t(6540),o=t(1122),s=t(6025),a=t(4848);const r=e=>{let{alt:n,sources:t,style:r}=e;const[c,l]=(0,i.useState)(!1),d=e=>{"Escape"===e.key&&l(!1)};(0,i.useEffect)((()=>(c?document.addEventListener("keydown",d):document.removeEventListener("keydown",d),()=>{document.removeEventListener("keydown",d)})),[c]);return(0,a.jsx)("div",{className:"zoomable-image "+(c?"fullscreen":""),onClick:()=>{l(!c)},style:{width:"50%",margin:"0 auto",display:"flex",justifyContent:"center",...r},children:(0,a.jsx)(o.A,{className:"zoomable-image-inner",alt:n,sources:{light:(0,s.Ay)(t.light),dark:(0,s.Ay)(t.dark)}})})}},1573:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>m,contentTitle:()=>l,default:()=>x,frontMatter:()=>c,metadata:()=>d,toc:()=>u});t(6540);var i=t(4848),o=t(8453),s=(t(1122),t(6025),t(7533),t(3554)),a=t.n(s),r=t(7293);const c={},l="Text Operator",d={id:"examples/text-operator",title:"Text Operator",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/examples/text-operator.mdx",sourceDirName:"examples",slug:"/examples/text-operator",permalink:"/examples/text-operator",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{}},m={},u=[];function h(e){const n=Object.assign({h1:"h1",p:"p",strong:"strong",code:"code"},(0,o.RP)(),e.components);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.h1,{id:"text-operator",children:"Text Operator"}),"\n",(0,i.jsx)(r.A,{type:"warning",title:"warning",children:(0,i.jsx)(n.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,i.jsxs)(n.p,{children:["The ",(0,i.jsx)(n.strong,{children:"Text Operator"})," component simplifies logic. It evaluates the results from another component (for example, if the input text exactly equals ",(0,i.jsx)(n.code,{children:"Tuna"}),") and runs another component based on the results. Basically, the text operator is an if/else component for your flow."]}),"\n",(0,i.jsx)("div",{style:{marginBottom:"20px",display:"flex",justifyContent:"center"},children:(0,i.jsx)(a(),{playing:!0,controls:!0,url:"/videos/text_operator.mp4"})})]})}const x=function(e={}){const{wrapper:n}=Object.assign({},(0,o.RP)(),e.components);return n?(0,i.jsx)(n,Object.assign({},e,{children:(0,i.jsx)(h,e)})):h(e)}},8453:(e,n,t)=>{t.d(n,{RP:()=>s,xA:()=>r});var i=t(6540);const o=i.createContext({});function s(e){const n=i.useContext(o);return i.useMemo((()=>"function"==typeof e?e(n):{...n,...e}),[n,e])}const a={};function r({components:e,children:n,disableParentContext:t}){let r;return r=t?"function"==typeof e?e({}):e||a:s(e),i.createElement(o.Provider,{value:r},n)}}}]); \ No newline at end of file diff --git a/assets/js/3fe772c5.c25111e0.js b/assets/js/3fe772c5.c25111e0.js new file mode 100644 index 0000000000..1111a178f6 --- /dev/null +++ b/assets/js/3fe772c5.c25111e0.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[667],{7533:(e,t,n)=>{n.d(t,{A:()=>i});var o=n(6540),s=n(1122),r=n(6025),a=n(4848);const i=e=>{let{alt:t,sources:n,style:i}=e;const[l,c]=(0,o.useState)(!1),d=e=>{"Escape"===e.key&&c(!1)};(0,o.useEffect)((()=>(l?document.addEventListener("keydown",d):document.removeEventListener("keydown",d),()=>{document.removeEventListener("keydown",d)})),[l]);return(0,a.jsx)("div",{className:"zoomable-image "+(l?"fullscreen":""),onClick:()=>{c(!l)},style:{width:"50%",margin:"0 auto",display:"flex",justifyContent:"center",...i},children:(0,a.jsx)(s.A,{className:"zoomable-image-inner",alt:t,sources:{light:(0,r.Ay)(n.light),dark:(0,r.Ay)(n.dark)}})})}},1573:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>p,contentTitle:()=>c,default:()=>x,frontMatter:()=>l,metadata:()=>d,toc:()=>u});n(6540);var o=n(4848),s=n(8453),r=(n(1122),n(6025),n(7533),n(3554)),a=n.n(r),i=n(7293);const l={},c="Text Operator",d={id:"examples/text-operator",title:"Text Operator",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/examples/text-operator.mdx",sourceDirName:"examples",slug:"/examples/text-operator",permalink:"/examples/text-operator",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{}},p={},u=[];function m(e){const t=Object.assign({h1:"h1",p:"p",strong:"strong",code:"code"},(0,s.RP)(),e.components);return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.h1,{id:"text-operator",children:"Text Operator"}),"\n",(0,o.jsx)(i.A,{type:"warning",title:"warning",children:(0,o.jsx)(t.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,o.jsxs)(t.p,{children:["The ",(0,o.jsx)(t.strong,{children:"Text Operator"})," component simplifies logic. It evaluates the results from another component (for example, if the input text exactly equals ",(0,o.jsx)(t.code,{children:"Tuna"}),") and runs another component based on the results. Basically, the text operator is an if/else component for your flow."]}),"\n",(0,o.jsx)("div",{style:{marginBottom:"20px",display:"flex",justifyContent:"center"},children:(0,o.jsx)(a(),{playing:!0,controls:!0,url:"/videos/text_operator.mp4"})})]})}const x=function(e={}){const{wrapper:t}=Object.assign({},(0,s.RP)(),e.components);return t?(0,o.jsx)(t,Object.assign({},e,{children:(0,o.jsx)(m,e)})):m(e)}},8453:(e,t,n)=>{n.d(t,{RP:()=>r,xA:()=>i});var o=n(6540);const s=o.createContext({});function r(e){const t=o.useContext(s);return o.useMemo((()=>"function"==typeof e?e(t):{...t,...e}),[t,e])}const a={};function i({components:e,children:t,disableParentContext:n}){let i;return i=n?"function"==typeof e?e({}):e||a:r(e),o.createElement(s.Provider,{value:i},t)}}}]); \ No newline at end of file diff --git a/assets/js/401abcde.443421a9.js b/assets/js/401abcde.443421a9.js deleted file mode 100644 index cf7e6b7f51..0000000000 --- a/assets/js/401abcde.443421a9.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[1129],{7293:(n,e,t)=>{t.d(e,{A:()=>T});var i=t(6540),o=t(4848);function s(n){const{mdxAdmonitionTitle:e,rest:t}=function(n){const e=i.Children.toArray(n),t=e.find((n=>i.isValidElement(n)&&"mdxAdmonitionTitle"===n.type)),s=e.filter((n=>n!==t)),a=t?.props.children;return{mdxAdmonitionTitle:a,rest:s.length>0?(0,o.jsx)(o.Fragment,{children:s}):null}}(n.children),s=n.title??e;return{...n,...s&&{title:s},children:t}}var a=t(8215),r=t(1312),l=t(7559);const d={admonition:"admonition_xJq3",admonitionHeading:"admonitionHeading_Gvgb",admonitionIcon:"admonitionIcon_Rf37",admonitionContent:"admonitionContent_BuS1"};function c(n){let{type:e,className:t,children:i}=n;return(0,o.jsx)("div",{className:(0,a.A)(l.G.common.admonition,l.G.common.admonitionType(e),d.admonition,t),children:i})}function u(n){let{icon:e,title:t}=n;return(0,o.jsxs)("div",{className:d.admonitionHeading,children:[(0,o.jsx)("span",{className:d.admonitionIcon,children:e}),t]})}function m(n){let{children:e}=n;return e?(0,o.jsx)("div",{className:d.admonitionContent,children:e}):null}function h(n){const{type:e,icon:t,title:i,children:s,className:a}=n;return(0,o.jsxs)(c,{type:e,className:a,children:[i||t?(0,o.jsx)(u,{title:i,icon:t}):null,(0,o.jsx)(m,{children:s})]})}function g(n){return(0,o.jsx)("svg",{viewBox:"0 0 14 16",...n,children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"})})}const p={icon:(0,o.jsx)(g,{}),title:(0,o.jsx)(r.A,{id:"theme.admonition.note",description:"The default label used for the Note admonition (:::note)",children:"note"})};function x(n){return(0,o.jsx)(h,{...p,...n,className:(0,a.A)("alert alert--secondary",n.className),children:n.children})}function f(n){return(0,o.jsx)("svg",{viewBox:"0 0 12 16",...n,children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"})})}const y={icon:(0,o.jsx)(f,{}),title:(0,o.jsx)(r.A,{id:"theme.admonition.tip",description:"The default label used for the Tip admonition (:::tip)",children:"tip"})};function j(n){return(0,o.jsx)(h,{...y,...n,className:(0,a.A)("alert alert--success",n.className),children:n.children})}function v(n){return(0,o.jsx)("svg",{viewBox:"0 0 14 16",...n,children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"})})}const w={icon:(0,o.jsx)(v,{}),title:(0,o.jsx)(r.A,{id:"theme.admonition.info",description:"The default label used for the Info admonition (:::info)",children:"info"})};function I(n){return(0,o.jsx)(h,{...w,...n,className:(0,a.A)("alert alert--info",n.className),children:n.children})}function A(n){return(0,o.jsx)("svg",{viewBox:"0 0 16 16",...n,children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"})})}const C={icon:(0,o.jsx)(A,{}),title:(0,o.jsx)(r.A,{id:"theme.admonition.warning",description:"The default label used for the Warning admonition (:::warning)",children:"warning"})};function M(n){return(0,o.jsx)("svg",{viewBox:"0 0 12 16",...n,children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"})})}const b={icon:(0,o.jsx)(M,{}),title:(0,o.jsx)(r.A,{id:"theme.admonition.danger",description:"The default label used for the Danger admonition (:::danger)",children:"danger"})};const N={icon:(0,o.jsx)(A,{}),title:(0,o.jsx)(r.A,{id:"theme.admonition.caution",description:"The default label used for the Caution admonition (:::caution)",children:"caution"})};const P={...{note:x,tip:j,info:I,warning:function(n){return(0,o.jsx)(h,{...C,...n,className:(0,a.A)("alert alert--warning",n.className),children:n.children})},danger:function(n){return(0,o.jsx)(h,{...b,...n,className:(0,a.A)("alert alert--danger",n.className),children:n.children})}},...{secondary:n=>(0,o.jsx)(x,{title:"secondary",...n}),important:n=>(0,o.jsx)(I,{title:"important",...n}),success:n=>(0,o.jsx)(j,{title:"success",...n}),caution:function(n){return(0,o.jsx)(h,{...N,...n,className:(0,a.A)("alert alert--warning",n.className),children:n.children})}}};var k=t(6763);function T(n){const e=s(n),t=(i=e.type,P[i]||(k.warn(`No admonition component found for admonition type "${i}". Using Info as fallback.`),P.info));var i;return(0,o.jsx)(t,{...e})}},7533:(n,e,t)=>{t.d(e,{A:()=>r});var i=t(6540),o=t(1122),s=t(6025),a=t(4848);const r=n=>{let{alt:e,sources:t,style:r}=n;const[l,d]=(0,i.useState)(!1),c=n=>{"Escape"===n.key&&d(!1)};(0,i.useEffect)((()=>(l?document.addEventListener("keydown",c):document.removeEventListener("keydown",c),()=>{document.removeEventListener("keydown",c)})),[l]);return(0,a.jsx)("div",{className:"zoomable-image "+(l?"fullscreen":""),onClick:()=>{d(!l)},style:{width:"50%",margin:"0 auto",display:"flex",justifyContent:"center",...r},children:(0,a.jsx)(o.A,{className:"zoomable-image-inner",alt:e,sources:{light:(0,s.Ay)(t.light),dark:(0,s.Ay)(t.dark)}})})}},7761:(n,e,t)=>{t.r(e),t.d(e,{assets:()=>h,contentTitle:()=>u,default:()=>x,frontMatter:()=>c,metadata:()=>m,toc:()=>g});t(6540);var i=t(4848),o=t(8453),s=(t(1122),t(6025)),a=t(7533),r=t(3554),l=t.n(r),d=t(7293);const c={},u="Playground",m={id:"administration/playground",title:"Playground",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/administration/playground.mdx",sourceDirName:"administration",slug:"/administration/playground",permalink:"/administration/playground",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"docs",previous:{title:"Command Line Interface (CLI)",permalink:"/administration/cli"},next:{title:"Chat Memory",permalink:"/administration/memories"}},h={},g=[{value:"Playground I/O",id:"playground-io",level:2},{value:"Memory Management",id:"memory-management",level:2}];function p(n){const e=Object.assign({h1:"h1",p:"p",strong:"strong",ol:"ol",li:"li",img:"img",h2:"h2",ul:"ul",a:"a"},(0,o.RP)(),n.components);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(e.h1,{id:"playground",children:"Playground"}),"\n",(0,i.jsx)(d.A,{type:"warning",title:"warning",children:(0,i.jsx)(e.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,i.jsx)(d.A,{type:"info",children:(0,i.jsxs)(e.p,{children:["From the ",(0,i.jsx)(e.strong,{children:"My Collection"}),"\xa0page, click the\xa0Playground\xa0button in one of your flow cards.\nIt will directly open up a window with that project's Playground, without even showing the flow (this also works for flows hosted on the Langflow Store!)."]})}),"\n",(0,i.jsxs)(e.p,{children:["The ",(0,i.jsx)(e.strong,{children:"Playground"})," is a dynamic interface designed for real-time interaction with agents, allowing users to access and manage memories and monitor the inputs and outputs. Here, users can directly prototype and experiment with their configured components or AI models, making adjustments and observing different outcomes in real-time."]}),"\n",(0,i.jsx)(e.p,{children:"It even works for flows hosted on the Langflow store!"}),"\n",(0,i.jsx)(e.p,{children:"As long as you have a flow properly working, you can interact with it by clicking the\xa0Playground\xa0button."}),"\n",(0,i.jsxs)(e.ol,{children:["\n",(0,i.jsxs)(e.li,{children:["From your ",(0,i.jsx)(e.strong,{children:"Collections"})," page, click the ",(0,i.jsxs)(e.strong,{children:[(0,i.jsx)(e.img,{src:t(4757).A+"",loading:"lazy",alt:"Playground icon",width:"24",height:"24"}),"Playground"]})," in one of your flows.\nThe ",(0,i.jsx)(e.strong,{children:"Playground"})," window opens."]}),"\n"]}),"\n",(0,i.jsx)(a.A,{alt:"Docusaurus themed image",sources:{light:(0,s.Ay)("img/playground-chat.png"),dark:(0,s.Ay)("img/playground-chat.png")},style:{width:"100%",maxWidth:"800px",margin:"0 auto"}}),"\n",(0,i.jsxs)(e.ol,{start:"2",children:["\n",(0,i.jsx)(e.li,{children:"Chat with your bot as you normally would, all without having to open the editor."}),"\n"]}),"\n",(0,i.jsx)("div",{style:{marginBottom:"20px",display:"flex",justifyContent:"center"},children:(0,i.jsx)(l(),{playing:!0,controls:!0,url:"/videos/langflow_playground.mp4"})}),"\n",(0,i.jsx)(e.h2,{id:"playground-io",children:"Playground I/O"}),"\n",(0,i.jsx)(e.p,{children:"The Playground's window arrangement changes depending on what components are being used."}),"\n",(0,i.jsx)(e.p,{children:"Adding or removing any of the below components modifies your Playground so you can monitor the inputs and outputs."}),"\n",(0,i.jsxs)(e.ul,{children:["\n",(0,i.jsx)(e.li,{children:"Chat Input"}),"\n",(0,i.jsx)(e.li,{children:"Text Input"}),"\n",(0,i.jsx)(e.li,{children:"Chat Output"}),"\n",(0,i.jsx)(e.li,{children:"Text Output"}),"\n",(0,i.jsx)(e.li,{children:"Data Output"}),"\n",(0,i.jsx)(e.li,{children:"Inspect Memory"}),"\n"]}),"\n",(0,i.jsxs)(e.p,{children:["You can also select ",(0,i.jsx)(e.strong,{children:"Options"})," > ",(0,i.jsx)(e.strong,{children:"Logs"})," to see your flow's logs."]}),"\n",(0,i.jsxs)(e.p,{children:["For more information, see ",(0,i.jsx)(e.a,{href:"../components/inputs-and-outputs",children:"Inputs and Outputs"}),"."]}),"\n",(0,i.jsx)(e.h2,{id:"memory-management",children:"Memory Management"}),"\n",(0,i.jsxs)(e.p,{children:["When you send a message, under ",(0,i.jsx)(e.strong,{children:"Memories"}),", you can view a table of previous interactions for this session."]}),"\n",(0,i.jsx)(e.p,{children:"Langflow allows every chat message to be stored, and a single flow can have multiple memory sessions. This enables you to create multiple \u201cmemories\u201d for agents to store and recall specific information as needed."}),"\n",(0,i.jsx)(e.p,{children:"You can edit and remove previous messages to inspect and validate a model\u2019s response behavior."}),"\n",(0,i.jsxs)(e.p,{children:["For more information, see ",(0,i.jsx)(e.a,{href:"./memories",children:"Memories"}),"."]})]})}const x=function(n={}){const{wrapper:e}=Object.assign({},(0,o.RP)(),n.components);return e?(0,i.jsx)(e,Object.assign({},n,{children:(0,i.jsx)(p,n)})):p(n)}},4757:(n,e,t)=>{t.d(e,{A:()=>i});const i="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9Imx1Y2lkZSBsdWNpZGUtYm90LW1lc3NhZ2Utc3F1YXJlIj4KICA8cGF0aCBkPSJNMTIgNlYySDgiIC8+CiAgPHBhdGggZD0ibTggMTgtNCA0VjhhMiAyIDAgMCAxIDItMmgxMmEyIDIgMCAwIDEgMiAydjhhMiAyIDAgMCAxLTIgMloiIC8+CiAgPHBhdGggZD0iTTIgMTJoMiIgLz4KICA8cGF0aCBkPSJNOSAxMXYyIiAvPgogIDxwYXRoIGQ9Ik0xNSAxMXYyIiAvPgogIDxwYXRoIGQ9Ik0yMCAxMmgyIiAvPgo8L3N2Zz4g"},8453:(n,e,t)=>{t.d(e,{RP:()=>s,xA:()=>r});var i=t(6540);const o=i.createContext({});function s(n){const e=i.useContext(o);return i.useMemo((()=>"function"==typeof n?n(e):{...e,...n}),[e,n])}const a={};function r({components:n,children:e,disableParentContext:t}){let r;return r=t?"function"==typeof n?n({}):n||a:s(n),i.createElement(o.Provider,{value:r},e)}}}]); \ No newline at end of file diff --git a/assets/js/401abcde.b75b8e96.js b/assets/js/401abcde.b75b8e96.js new file mode 100644 index 0000000000..6a91ea5cb6 --- /dev/null +++ b/assets/js/401abcde.b75b8e96.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[1129],{7533:(e,n,o)=>{o.d(n,{A:()=>r});var t=o(6540),i=o(1122),s=o(6025),a=o(4848);const r=e=>{let{alt:n,sources:o,style:r}=e;const[l,d]=(0,t.useState)(!1),c=e=>{"Escape"===e.key&&d(!1)};(0,t.useEffect)((()=>(l?document.addEventListener("keydown",c):document.removeEventListener("keydown",c),()=>{document.removeEventListener("keydown",c)})),[l]);return(0,a.jsx)("div",{className:"zoomable-image "+(l?"fullscreen":""),onClick:()=>{d(!l)},style:{width:"50%",margin:"0 auto",display:"flex",justifyContent:"center",...r},children:(0,a.jsx)(i.A,{className:"zoomable-image-inner",alt:n,sources:{light:(0,s.Ay)(o.light),dark:(0,s.Ay)(o.dark)}})})}},7761:(e,n,o)=>{o.r(n),o.d(n,{assets:()=>m,contentTitle:()=>g,default:()=>y,frontMatter:()=>c,metadata:()=>u,toc:()=>h});o(6540);var t=o(4848),i=o(8453),s=(o(1122),o(6025)),a=o(7533),r=o(3554),l=o.n(r),d=o(7293);const c={},g="Playground",u={id:"administration/playground",title:"Playground",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/administration/playground.mdx",sourceDirName:"administration",slug:"/administration/playground",permalink:"/administration/playground",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"docs",previous:{title:"Command Line Interface (CLI)",permalink:"/administration/cli"},next:{title:"Chat Memory",permalink:"/administration/memories"}},m={},h=[{value:"Playground I/O",id:"playground-io",level:2},{value:"Memory Management",id:"memory-management",level:2}];function p(e){const n=Object.assign({h1:"h1",p:"p",strong:"strong",ol:"ol",li:"li",img:"img",h2:"h2",ul:"ul",a:"a"},(0,i.RP)(),e.components);return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.h1,{id:"playground",children:"Playground"}),"\n",(0,t.jsx)(d.A,{type:"warning",title:"warning",children:(0,t.jsx)(n.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,t.jsx)(d.A,{type:"info",children:(0,t.jsxs)(n.p,{children:["From the ",(0,t.jsx)(n.strong,{children:"My Collection"}),"\xa0page, click the\xa0Playground\xa0button in one of your flow cards.\nIt will directly open up a window with that project's Playground, without even showing the flow (this also works for flows hosted on the Langflow Store!)."]})}),"\n",(0,t.jsxs)(n.p,{children:["The ",(0,t.jsx)(n.strong,{children:"Playground"})," is a dynamic interface designed for real-time interaction with agents, allowing users to access and manage memories and monitor the inputs and outputs. Here, users can directly prototype and experiment with their configured components or AI models, making adjustments and observing different outcomes in real-time."]}),"\n",(0,t.jsx)(n.p,{children:"It even works for flows hosted on the Langflow store!"}),"\n",(0,t.jsx)(n.p,{children:"As long as you have a flow properly working, you can interact with it by clicking the\xa0Playground\xa0button."}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:["From your ",(0,t.jsx)(n.strong,{children:"Collections"})," page, click the ",(0,t.jsxs)(n.strong,{children:[(0,t.jsx)(n.img,{src:o(4757).A+"",loading:"lazy",alt:"Playground icon",width:"24",height:"24"}),"Playground"]})," in one of your flows.\nThe ",(0,t.jsx)(n.strong,{children:"Playground"})," window opens."]}),"\n"]}),"\n",(0,t.jsx)(a.A,{alt:"Docusaurus themed image",sources:{light:(0,s.Ay)("img/playground-chat.png"),dark:(0,s.Ay)("img/playground-chat.png")},style:{width:"100%",maxWidth:"800px",margin:"0 auto"}}),"\n",(0,t.jsxs)(n.ol,{start:"2",children:["\n",(0,t.jsx)(n.li,{children:"Chat with your bot as you normally would, all without having to open the editor."}),"\n"]}),"\n",(0,t.jsx)("div",{style:{marginBottom:"20px",display:"flex",justifyContent:"center"},children:(0,t.jsx)(l(),{playing:!0,controls:!0,url:"/videos/langflow_playground.mp4"})}),"\n",(0,t.jsx)(n.h2,{id:"playground-io",children:"Playground I/O"}),"\n",(0,t.jsx)(n.p,{children:"The Playground's window arrangement changes depending on what components are being used."}),"\n",(0,t.jsx)(n.p,{children:"Adding or removing any of the below components modifies your Playground so you can monitor the inputs and outputs."}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Chat Input"}),"\n",(0,t.jsx)(n.li,{children:"Text Input"}),"\n",(0,t.jsx)(n.li,{children:"Chat Output"}),"\n",(0,t.jsx)(n.li,{children:"Text Output"}),"\n",(0,t.jsx)(n.li,{children:"Data Output"}),"\n",(0,t.jsx)(n.li,{children:"Inspect Memory"}),"\n"]}),"\n",(0,t.jsxs)(n.p,{children:["You can also select ",(0,t.jsx)(n.strong,{children:"Options"})," > ",(0,t.jsx)(n.strong,{children:"Logs"})," to see your flow's logs."]}),"\n",(0,t.jsxs)(n.p,{children:["For more information, see ",(0,t.jsx)(n.a,{href:"../components/inputs-and-outputs",children:"Inputs and Outputs"}),"."]}),"\n",(0,t.jsx)(n.h2,{id:"memory-management",children:"Memory Management"}),"\n",(0,t.jsxs)(n.p,{children:["When you send a message, under ",(0,t.jsx)(n.strong,{children:"Memories"}),", you can view a table of previous interactions for this session."]}),"\n",(0,t.jsx)(n.p,{children:"Langflow allows every chat message to be stored, and a single flow can have multiple memory sessions. This enables you to create multiple \u201cmemories\u201d for agents to store and recall specific information as needed."}),"\n",(0,t.jsx)(n.p,{children:"You can edit and remove previous messages to inspect and validate a model\u2019s response behavior."}),"\n",(0,t.jsxs)(n.p,{children:["For more information, see ",(0,t.jsx)(n.a,{href:"./memories",children:"Memories"}),"."]})]})}const y=function(e={}){const{wrapper:n}=Object.assign({},(0,i.RP)(),e.components);return n?(0,t.jsx)(n,Object.assign({},e,{children:(0,t.jsx)(p,e)})):p(e)}},4757:(e,n,o)=>{o.d(n,{A:()=>t});const t="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9Imx1Y2lkZSBsdWNpZGUtYm90LW1lc3NhZ2Utc3F1YXJlIj4KICA8cGF0aCBkPSJNMTIgNlYySDgiIC8+CiAgPHBhdGggZD0ibTggMTgtNCA0VjhhMiAyIDAgMCAxIDItMmgxMmEyIDIgMCAwIDEgMiAydjhhMiAyIDAgMCAxLTIgMloiIC8+CiAgPHBhdGggZD0iTTIgMTJoMiIgLz4KICA8cGF0aCBkPSJNOSAxMXYyIiAvPgogIDxwYXRoIGQ9Ik0xNSAxMXYyIiAvPgogIDxwYXRoIGQ9Ik0yMCAxMmgyIiAvPgo8L3N2Zz4g"},8453:(e,n,o)=>{o.d(n,{RP:()=>s,xA:()=>r});var t=o(6540);const i=t.createContext({});function s(e){const n=t.useContext(i);return t.useMemo((()=>"function"==typeof e?e(n):{...n,...e}),[n,e])}const a={};function r({components:e,children:n,disableParentContext:o}){let r;return r=o?"function"==typeof e?e({}):e||a:s(e),t.createElement(i.Provider,{value:r},n)}}}]); \ No newline at end of file diff --git a/assets/js/4eafabd3.0e0a8a71.js b/assets/js/4eafabd3.0e0a8a71.js deleted file mode 100644 index 665c926699..0000000000 --- a/assets/js/4eafabd3.0e0a8a71.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[5833],{5248:(o,e,t)=>{t.r(e),t.d(e,{CH:()=>d,assets:()=>i,chCodeConfig:()=>y,contentTitle:()=>p,default:()=>F,frontMatter:()=>c,metadata:()=>a,toc:()=>h});t(6540);var n=t(4848),s=t(8453),r=t(4754),l=t(7293);const c={},p="Backend-only",a={id:"deployment/backend-only",title:"Backend-only",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/deployment/backend-only.mdx",sourceDirName:"deployment",slug:"/deployment/backend-only",permalink:"/deployment/backend-only",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"docs",previous:{title:"Docker",permalink:"/deployment/docker"},next:{title:"Kubernetes",permalink:"/deployment/kubernetes"}},i={},d={annotations:r.hk,Code:r.Cy},y={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},h=[{value:"Prerequisites",id:"prerequisites",level:2},{value:"Download your flow's curl call",id:"download-your-flows-curl-call",level:2},{value:"Start Langflow in backend-only mode",id:"start-langflow-in-backend-only-mode",level:2},{value:"Download your flow's Python API call",id:"download-your-flows-python-api-call",level:2}];function u(o){const e=Object.assign({h1:"h1",p:"p",code:"code",h2:"h2",ul:"ul",li:"li",a:"a",ol:"ol",strong:"strong"},(0,s.RP)(),o.components);return d||D("CH",!1),d.Code||D("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n","\n","\n",(0,n.jsx)(e.h1,{id:"backend-only",children:"Backend-only"}),"\n",(0,n.jsx)(l.A,{type:"warning",title:"warning",children:(0,n.jsx)(e.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,n.jsxs)(e.p,{children:["You can run Langflow in ",(0,n.jsx)(e.code,{children:"--backend-only"})," mode to expose your Langflow app as an API, without running the frontend UI."]}),"\n",(0,n.jsxs)(e.p,{children:["Start langflow in backend-only mode with ",(0,n.jsx)(e.code,{children:"python3 -m langflow run --backend-only"}),"."]}),"\n",(0,n.jsxs)(e.p,{children:["The terminal prints ",(0,n.jsx)(e.code,{children:"Welcome to \u26d3 Langflow"}),", and a blank window opens at ",(0,n.jsx)(e.code,{children:"http://127.0.0.1:7864/all"}),".\nLangflow will now serve requests to its API without the frontend running."]}),"\n",(0,n.jsx)(e.h2,{id:"prerequisites",children:"Prerequisites"}),"\n",(0,n.jsxs)(e.ul,{children:["\n",(0,n.jsxs)(e.li,{children:["\n",(0,n.jsx)(e.p,{children:(0,n.jsx)(e.a,{href:"../getting-started/install-langflow",children:"Langflow installed"})}),"\n"]}),"\n",(0,n.jsxs)(e.li,{children:["\n",(0,n.jsx)(e.p,{children:(0,n.jsx)(e.a,{href:"https://platform.openai.com",children:"OpenAI API key"})}),"\n"]}),"\n",(0,n.jsxs)(e.li,{children:["\n",(0,n.jsx)(e.p,{children:(0,n.jsx)(e.a,{href:"../starter-projects/basic-prompting",children:"A Langflow flow created"})}),"\n"]}),"\n"]}),"\n",(0,n.jsx)(e.h2,{id:"download-your-flows-curl-call",children:"Download your flow's curl call"}),"\n",(0,n.jsxs)(e.ol,{children:["\n",(0,n.jsx)(e.li,{children:"Click API."}),"\n",(0,n.jsxs)(e.li,{children:["Click ",(0,n.jsx)(e.strong,{children:"curl"})," > ",(0,n.jsx)(e.strong,{children:"Copy code"})," and save the code to your local machine.\nIt will look something like this:"]}),"\n"]}),"\n",(0,n.jsx)(d.Code,{codeConfig:y,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"curl -X POST \\",props:{}}]},{tokens:[{content:' "http://127.0.0.1:7864/api/v1/run/ef7e0554-69e5-4e3e-ab29-ee83bcd8d9ef?stream=false" \\',props:{}}]},{tokens:[{content:" -H 'Content-Type: application/json'\\",props:{}}]},{tokens:[{content:' -d \'{"input_value": "message",',props:{}}]},{tokens:[{content:' "output_type": "chat",',props:{}}]},{tokens:[{content:' "input_type": "chat",',props:{}}]},{tokens:[{content:' "tweaks": {',props:{}}]},{tokens:[{content:' "Prompt-kvo86": {},',props:{}}]},{tokens:[{content:' "OpenAIModel-MilkD": {},',props:{}}]},{tokens:[{content:' "ChatOutput-ktwdw": {},',props:{}}]},{tokens:[{content:' "ChatInput-xXC4F": {}',props:{}}]},{tokens:[{content:"}}'",props:{}}]}],lang:"text"},annotations:[]}]}),"\n",(0,n.jsxs)(e.p,{children:["Note the flow ID of ",(0,n.jsx)(e.code,{children:"ef7e0554-69e5-4e3e-ab29-ee83bcd8d9ef"}),". You can find this ID in the UI as well to ensure you're querying the right flow."]}),"\n",(0,n.jsx)(e.h2,{id:"start-langflow-in-backend-only-mode",children:"Start Langflow in backend-only mode"}),"\n",(0,n.jsxs)(e.ol,{children:["\n",(0,n.jsx)(e.li,{children:"Stop Langflow with Ctrl+C."}),"\n",(0,n.jsxs)(e.li,{children:["Start langflow in backend-only mode with ",(0,n.jsx)(e.code,{children:"python3 -m langflow run --backend-only"}),".\nThe terminal prints ",(0,n.jsx)(e.code,{children:"Welcome to \u26d3 Langflow"}),", and a blank window opens at ",(0,n.jsx)(e.code,{children:"http://127.0.0.1:7864/all"}),".\nLangflow will now serve requests to its API."]}),"\n",(0,n.jsx)(e.li,{children:"Run the curl code you copied from the UI.\nYou should get a result like this:"}),"\n"]}),"\n",(0,n.jsx)(d.Code,{codeConfig:y,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"{",props:{style:{color:"#C9D1D9"}}},{content:'"session_id"',props:{style:{color:"#FFA657"}}},{content:":",props:{style:{color:"#79C0FF"}}},{content:'"ef7e0554-69e5-4e3e-ab29-ee83bcd8d9ef:bf81d898868ac87e1b4edbd96c131c5dee801ea2971122cc91352d144a45b880","outputs"',props:{style:{color:"#FFA657"}}},{content:":",props:{style:{color:"#79C0FF"}}},{content:'[{"',props:{style:{color:"#C9D1D9"}}},{content:'inputs":{"input_value":"hi, ',props:{style:{color:"#FFA657"}}},{content:'are you there?"},"outputs":[{"results":{"result":"Arrr, ahoy matey! Aye, I be here. What be ye needin\', me hearty?"},"artifacts":{"message":"Arrr, ahoy matey! Aye, I be here. What be ye needin\', me hearty?","sender":"Machine","sender_name":"AI"},"messages":[{"message":"Arrr, ahoy matey! Aye, I be here. What be ye needin\', me hearty?","sender":"Machine","sender_name":"AI","component_id":"ChatOutput-ktwdw"}],"component_display_name":"Chat Output","component_id":"ChatOutput-ktwdw","used_frozen_result":false}]}]}%',props:{style:{color:"#A5D6FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,n.jsx)(e.p,{children:"Again, note that the flow ID matches.\nLangflow is receiving your POST request, running the flow, and returning the result, all without running the frontend. Cool!"}),"\n",(0,n.jsx)(e.h2,{id:"download-your-flows-python-api-call",children:"Download your flow's Python API call"}),"\n",(0,n.jsx)(e.p,{children:"Instead of using curl, you can download your flow as a Python API call instead."}),"\n",(0,n.jsxs)(e.ol,{children:["\n",(0,n.jsx)(e.li,{children:"Click API."}),"\n",(0,n.jsxs)(e.li,{children:["Click ",(0,n.jsx)(e.strong,{children:"Python API"})," > ",(0,n.jsx)(e.strong,{children:"Copy code"})," and save the code to your local machine.\nThe code will look something like this:"]}),"\n"]}),"\n",(0,n.jsx)(d.Code,{codeConfig:y,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#FF7B72"}}},{content:" requests",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" typing ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Optional",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"BASE_API_URL ",props:{style:{color:"#79C0FF"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"http://127.0.0.1:7864/api/v1/run"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"FLOW_ID ",props:{style:{color:"#79C0FF"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"ef7e0554-69e5-4e3e-ab29-ee83bcd8d9ef"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"# You can tweak the flow by adding a tweaks dictionary",props:{style:{color:"#8B949E"}}}]},{tokens:[{content:'# e.g {"OpenAI-XXXXX": {"model_name": "gpt-4"}}',props:{style:{color:"#8B949E"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"def ",props:{style:{color:"#FF7B72"}}},{content:"run_flow",props:{style:{color:"#D2A8FF"}}},{content:"(message: ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" flow_id: ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" output_type: ",props:{style:{color:"#C9D1D9"}}},{content:"str ",props:{style:{color:"#79C0FF"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"chat"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" input_type: ",props:{style:{color:"#C9D1D9"}}},{content:"str ",props:{style:{color:"#79C0FF"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"chat"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" tweaks: Optional[",props:{style:{color:"#C9D1D9"}}},{content:"dict",props:{style:{color:"#79C0FF"}}},{content:"] ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:"None",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" api_key: Optional[",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:"] ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:"None",props:{style:{color:"#79C0FF"}}},{content:") -> ",props:{style:{color:"#C9D1D9"}}},{content:"dict",props:{style:{color:"#79C0FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' """',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" Run a flow with a given message and optional tweaks.",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" :param message: The message to send to the flow",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" :param flow_id: The ID of the flow to run",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" :param tweaks: Optional tweaks to customize the flow",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" :return: The JSON response from the flow",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:' """',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" api_url ",props:{style:{color:"#C9D1D9"}}},{content:"= f",props:{style:{color:"#FF7B72"}}},{content:'"',props:{style:{color:"#A5D6FF"}}},{content:"{BASE_API_URL}",props:{style:{color:"#79C0FF"}}},{content:"/",props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"flow_id",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" payload ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "input_value"',props:{style:{color:"#A5D6FF"}}},{content:": message,",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "output_type"',props:{style:{color:"#A5D6FF"}}},{content:": output_type,",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "input_type"',props:{style:{color:"#A5D6FF"}}},{content:": input_type,",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" }",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" headers ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:"None",props:{style:{color:"#79C0FF"}}}]},{tokens:[{content:" if",props:{style:{color:"#FF7B72"}}},{content:" tweaks:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" payload[",props:{style:{color:"#C9D1D9"}}},{content:'"tweaks"',props:{style:{color:"#A5D6FF"}}},{content:"] ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" tweaks",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" if",props:{style:{color:"#FF7B72"}}},{content:" api_key:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" headers ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}},{content:'"x-api-key"',props:{style:{color:"#A5D6FF"}}},{content:": api_key}",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" response ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" requests.post(api_url, ",props:{style:{color:"#C9D1D9"}}},{content:"json",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"payload, ",props:{style:{color:"#C9D1D9"}}},{content:"headers",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"headers)",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" response.json()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"# Setup any tweaks you want to apply to the flow",props:{style:{color:"#8B949E"}}}]},{tokens:[{content:"message ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"message"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"print",props:{style:{color:"#79C0FF"}}},{content:"(run_flow(",props:{style:{color:"#C9D1D9"}}},{content:"message",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"message, ",props:{style:{color:"#C9D1D9"}}},{content:"flow_id",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"FLOW_ID",props:{style:{color:"#79C0FF"}}},{content:"))",props:{style:{color:"#C9D1D9"}}}]}],lang:"python"},annotations:[]}]}),"\n",(0,n.jsxs)(e.ol,{start:"3",children:["\n",(0,n.jsx)(e.li,{children:"Run your Python app:"}),"\n"]}),"\n",(0,n.jsx)(d.Code,{codeConfig:y,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"python3 app.py",props:{style:{color:"#C9D1D9"}}}]}],lang:"python"},annotations:[]}]}),"\n",(0,n.jsx)(e.p,{children:"The result is similar to the curl call:"}),"\n",(0,n.jsx)(d.Code,{codeConfig:y,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"{",props:{style:{color:"#C9D1D9"}}},{content:"'session_id'",props:{style:{color:"#FFA657"}}},{content:": ",props:{style:{color:"#79C0FF"}}},{content:"'ef7e0554-69e5-4e3e-ab29-ee83bcd8d9ef:bf81d898868ac87e1b4edbd96c131c5dee801ea2971122cc91352d144a45b880', 'outputs':",props:{style:{color:"#A5D6FF"}}},{content:" [{",props:{style:{color:"#C9D1D9"}}},{content:"'inputs'",props:{style:{color:"#FFA657"}}},{content:": ",props:{style:{color:"#79C0FF"}}},{content:"{'input_value': 'message'}, 'outputs':",props:{style:{color:"#A5D6FF"}}},{content:" [{",props:{style:{color:"#C9D1D9"}}},{content:"'results'",props:{style:{color:"#FFA657"}}},{content:": ",props:{style:{color:"#79C0FF"}}},{content:"{'result': \"Arrr matey! What be yer message for this ol' pirate? Speak up or walk the plank!\"}, 'artifacts': {'message': \"Arrr matey! What be yer message for this ol' pirate? Speak up or walk the plank!\", 'sender': 'Machine', 'sender_name': 'AI'}, 'messages':",props:{style:{color:"#A5D6FF"}}},{content:" [{",props:{style:{color:"#C9D1D9"}}},{content:"'message'",props:{style:{color:"#FFA657"}}},{content:": ",props:{style:{color:"#79C0FF"}}},{content:"\"Arrr matey! What be yer message for this ol' pirate? Speak up or walk the plank!\", 'sender': 'Machine', 'sender_name': 'AI', 'component_id': 'ChatOutput-ktwdw'}], 'component_display_name': 'Chat Output', 'component_id': 'ChatOutput-ktwdw', 'used_frozen_result': False}]}]}",props:{style:{color:"#A5D6FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,n.jsx)(e.p,{children:"Your Python app POSTs to your Langflow server, and the server runs the flow and returns the result."}),"\n",(0,n.jsxs)(e.p,{children:["See ",(0,n.jsx)(e.a,{href:"../administration/api",children:"API"})," for more ways to interact with your headless Langflow server."]})]})}const F=function(o={}){const{wrapper:e}=Object.assign({},(0,s.RP)(),o.components);return e?(0,n.jsx)(e,Object.assign({},o,{children:(0,n.jsx)(u,o)})):u(o)};function D(o,e){throw new Error("Expected "+(e?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/assets/js/4eafabd3.69bb0659.js b/assets/js/4eafabd3.69bb0659.js new file mode 100644 index 0000000000..0975fc910d --- /dev/null +++ b/assets/js/4eafabd3.69bb0659.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[5833],{7293:(o,e,t)=>{t.d(e,{A:()=>I});var n=t(6540),s=t(4848);function r(o){const{mdxAdmonitionTitle:e,rest:t}=function(o){const e=n.Children.toArray(o),t=e.find((o=>n.isValidElement(o)&&"mdxAdmonitionTitle"===o.type)),r=e.filter((o=>o!==t)),l=t?.props.children;return{mdxAdmonitionTitle:l,rest:r.length>0?(0,s.jsx)(s.Fragment,{children:r}):null}}(o.children),r=o.title??e;return{...o,...r&&{title:r},children:t}}var l=t(8215),c=t(1312),i=t(7559);const a={admonition:"admonition_xJq3",admonitionHeading:"admonitionHeading_Gvgb",admonitionIcon:"admonitionIcon_Rf37",admonitionContent:"admonitionContent_BuS1"};function p(o){let{type:e,className:t,children:n}=o;return(0,s.jsx)("div",{className:(0,l.A)(i.G.common.admonition,i.G.common.admonitionType(e),a.admonition,t),children:n})}function d(o){let{icon:e,title:t}=o;return(0,s.jsxs)("div",{className:a.admonitionHeading,children:[(0,s.jsx)("span",{className:a.admonitionIcon,children:e}),t]})}function h(o){let{children:e}=o;return e?(0,s.jsx)("div",{className:a.admonitionContent,children:e}):null}function u(o){const{type:e,icon:t,title:n,children:r,className:l}=o;return(0,s.jsxs)(p,{type:e,className:l,children:[n||t?(0,s.jsx)(d,{title:n,icon:t}):null,(0,s.jsx)(h,{children:r})]})}function y(o){return(0,s.jsx)("svg",{viewBox:"0 0 14 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"})})}const f={icon:(0,s.jsx)(y,{}),title:(0,s.jsx)(c.A,{id:"theme.admonition.note",description:"The default label used for the Note admonition (:::note)",children:"note"})};function m(o){return(0,s.jsx)(u,{...f,...o,className:(0,l.A)("alert alert--secondary",o.className),children:o.children})}function F(o){return(0,s.jsx)("svg",{viewBox:"0 0 12 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"})})}const g={icon:(0,s.jsx)(F,{}),title:(0,s.jsx)(c.A,{id:"theme.admonition.tip",description:"The default label used for the Tip admonition (:::tip)",children:"tip"})};function D(o){return(0,s.jsx)(u,{...g,...o,className:(0,l.A)("alert alert--success",o.className),children:o.children})}function k(o){return(0,s.jsx)("svg",{viewBox:"0 0 14 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"})})}const C={icon:(0,s.jsx)(k,{}),title:(0,s.jsx)(c.A,{id:"theme.admonition.info",description:"The default label used for the Info admonition (:::info)",children:"info"})};function w(o){return(0,s.jsx)(u,{...C,...o,className:(0,l.A)("alert alert--info",o.className),children:o.children})}function x(o){return(0,s.jsx)("svg",{viewBox:"0 0 16 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"})})}const j={icon:(0,s.jsx)(x,{}),title:(0,s.jsx)(c.A,{id:"theme.admonition.warning",description:"The default label used for the Warning admonition (:::warning)",children:"warning"})};function b(o){return(0,s.jsx)("svg",{viewBox:"0 0 12 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"})})}const A={icon:(0,s.jsx)(b,{}),title:(0,s.jsx)(c.A,{id:"theme.admonition.danger",description:"The default label used for the Danger admonition (:::danger)",children:"danger"})};const v={icon:(0,s.jsx)(x,{}),title:(0,s.jsx)(c.A,{id:"theme.admonition.caution",description:"The default label used for the Caution admonition (:::caution)",children:"caution"})};const _={...{note:m,tip:D,info:w,warning:function(o){return(0,s.jsx)(u,{...j,...o,className:(0,l.A)("alert alert--warning",o.className),children:o.children})},danger:function(o){return(0,s.jsx)(u,{...A,...o,className:(0,l.A)("alert alert--danger",o.className),children:o.children})}},...{secondary:o=>(0,s.jsx)(m,{title:"secondary",...o}),important:o=>(0,s.jsx)(w,{title:"important",...o}),success:o=>(0,s.jsx)(D,{title:"success",...o}),caution:function(o){return(0,s.jsx)(u,{...v,...o,className:(0,l.A)("alert alert--warning",o.className),children:o.children})}}};var B=t(6763);function I(o){const e=r(o),t=(n=e.type,_[n]||(B.warn(`No admonition component found for admonition type "${n}". Using Info as fallback.`),_.info));var n;return(0,s.jsx)(t,{...e})}},5248:(o,e,t)=>{t.r(e),t.d(e,{CH:()=>d,assets:()=>p,chCodeConfig:()=>h,contentTitle:()=>i,default:()=>f,frontMatter:()=>c,metadata:()=>a,toc:()=>u});t(6540);var n=t(4848),s=t(8453),r=t(4754),l=t(7293);const c={},i="Backend-only",a={id:"deployment/backend-only",title:"Backend-only",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/deployment/backend-only.mdx",sourceDirName:"deployment",slug:"/deployment/backend-only",permalink:"/deployment/backend-only",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"docs",previous:{title:"Docker",permalink:"/deployment/docker"},next:{title:"Kubernetes",permalink:"/deployment/kubernetes"}},p={},d={annotations:r.hk,Code:r.Cy},h={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},u=[{value:"Prerequisites",id:"prerequisites",level:2},{value:"Download your flow's curl call",id:"download-your-flows-curl-call",level:2},{value:"Start Langflow in backend-only mode",id:"start-langflow-in-backend-only-mode",level:2},{value:"Download your flow's Python API call",id:"download-your-flows-python-api-call",level:2}];function y(o){const e=Object.assign({h1:"h1",p:"p",code:"code",h2:"h2",ul:"ul",li:"li",a:"a",ol:"ol",strong:"strong"},(0,s.RP)(),o.components);return d||m("CH",!1),d.Code||m("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n","\n","\n",(0,n.jsx)(e.h1,{id:"backend-only",children:"Backend-only"}),"\n",(0,n.jsx)(l.A,{type:"warning",title:"warning",children:(0,n.jsx)(e.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,n.jsxs)(e.p,{children:["You can run Langflow in ",(0,n.jsx)(e.code,{children:"--backend-only"})," mode to expose your Langflow app as an API, without running the frontend UI."]}),"\n",(0,n.jsxs)(e.p,{children:["Start langflow in backend-only mode with ",(0,n.jsx)(e.code,{children:"python3 -m langflow run --backend-only"}),"."]}),"\n",(0,n.jsxs)(e.p,{children:["The terminal prints ",(0,n.jsx)(e.code,{children:"Welcome to \u26d3 Langflow"}),", and a blank window opens at ",(0,n.jsx)(e.code,{children:"http://127.0.0.1:7864/all"}),".\nLangflow will now serve requests to its API without the frontend running."]}),"\n",(0,n.jsx)(e.h2,{id:"prerequisites",children:"Prerequisites"}),"\n",(0,n.jsxs)(e.ul,{children:["\n",(0,n.jsxs)(e.li,{children:["\n",(0,n.jsx)(e.p,{children:(0,n.jsx)(e.a,{href:"../getting-started/install-langflow",children:"Langflow installed"})}),"\n"]}),"\n",(0,n.jsxs)(e.li,{children:["\n",(0,n.jsx)(e.p,{children:(0,n.jsx)(e.a,{href:"https://platform.openai.com",children:"OpenAI API key"})}),"\n"]}),"\n",(0,n.jsxs)(e.li,{children:["\n",(0,n.jsx)(e.p,{children:(0,n.jsx)(e.a,{href:"../starter-projects/basic-prompting",children:"A Langflow flow created"})}),"\n"]}),"\n"]}),"\n",(0,n.jsx)(e.h2,{id:"download-your-flows-curl-call",children:"Download your flow's curl call"}),"\n",(0,n.jsxs)(e.ol,{children:["\n",(0,n.jsx)(e.li,{children:"Click API."}),"\n",(0,n.jsxs)(e.li,{children:["Click ",(0,n.jsx)(e.strong,{children:"curl"})," > ",(0,n.jsx)(e.strong,{children:"Copy code"})," and save the code to your local machine.\nIt will look something like this:"]}),"\n"]}),"\n",(0,n.jsx)(d.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"curl -X POST \\",props:{}}]},{tokens:[{content:' "http://127.0.0.1:7864/api/v1/run/ef7e0554-69e5-4e3e-ab29-ee83bcd8d9ef?stream=false" \\',props:{}}]},{tokens:[{content:" -H 'Content-Type: application/json'\\",props:{}}]},{tokens:[{content:' -d \'{"input_value": "message",',props:{}}]},{tokens:[{content:' "output_type": "chat",',props:{}}]},{tokens:[{content:' "input_type": "chat",',props:{}}]},{tokens:[{content:' "tweaks": {',props:{}}]},{tokens:[{content:' "Prompt-kvo86": {},',props:{}}]},{tokens:[{content:' "OpenAIModel-MilkD": {},',props:{}}]},{tokens:[{content:' "ChatOutput-ktwdw": {},',props:{}}]},{tokens:[{content:' "ChatInput-xXC4F": {}',props:{}}]},{tokens:[{content:"}}'",props:{}}]}],lang:"text"},annotations:[]}]}),"\n",(0,n.jsxs)(e.p,{children:["Note the flow ID of ",(0,n.jsx)(e.code,{children:"ef7e0554-69e5-4e3e-ab29-ee83bcd8d9ef"}),". You can find this ID in the UI as well to ensure you're querying the right flow."]}),"\n",(0,n.jsx)(e.h2,{id:"start-langflow-in-backend-only-mode",children:"Start Langflow in backend-only mode"}),"\n",(0,n.jsxs)(e.ol,{children:["\n",(0,n.jsx)(e.li,{children:"Stop Langflow with Ctrl+C."}),"\n",(0,n.jsxs)(e.li,{children:["Start langflow in backend-only mode with ",(0,n.jsx)(e.code,{children:"python3 -m langflow run --backend-only"}),".\nThe terminal prints ",(0,n.jsx)(e.code,{children:"Welcome to \u26d3 Langflow"}),", and a blank window opens at ",(0,n.jsx)(e.code,{children:"http://127.0.0.1:7864/all"}),".\nLangflow will now serve requests to its API."]}),"\n",(0,n.jsx)(e.li,{children:"Run the curl code you copied from the UI.\nYou should get a result like this:"}),"\n"]}),"\n",(0,n.jsx)(d.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"{",props:{style:{color:"#C9D1D9"}}},{content:'"session_id"',props:{style:{color:"#FFA657"}}},{content:":",props:{style:{color:"#79C0FF"}}},{content:'"ef7e0554-69e5-4e3e-ab29-ee83bcd8d9ef:bf81d898868ac87e1b4edbd96c131c5dee801ea2971122cc91352d144a45b880","outputs"',props:{style:{color:"#FFA657"}}},{content:":",props:{style:{color:"#79C0FF"}}},{content:'[{"',props:{style:{color:"#C9D1D9"}}},{content:'inputs":{"input_value":"hi, ',props:{style:{color:"#FFA657"}}},{content:'are you there?"},"outputs":[{"results":{"result":"Arrr, ahoy matey! Aye, I be here. What be ye needin\', me hearty?"},"artifacts":{"message":"Arrr, ahoy matey! Aye, I be here. What be ye needin\', me hearty?","sender":"Machine","sender_name":"AI"},"messages":[{"message":"Arrr, ahoy matey! Aye, I be here. What be ye needin\', me hearty?","sender":"Machine","sender_name":"AI","component_id":"ChatOutput-ktwdw"}],"component_display_name":"Chat Output","component_id":"ChatOutput-ktwdw","used_frozen_result":false}]}]}%',props:{style:{color:"#A5D6FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,n.jsx)(e.p,{children:"Again, note that the flow ID matches.\nLangflow is receiving your POST request, running the flow, and returning the result, all without running the frontend. Cool!"}),"\n",(0,n.jsx)(e.h2,{id:"download-your-flows-python-api-call",children:"Download your flow's Python API call"}),"\n",(0,n.jsx)(e.p,{children:"Instead of using curl, you can download your flow as a Python API call instead."}),"\n",(0,n.jsxs)(e.ol,{children:["\n",(0,n.jsx)(e.li,{children:"Click API."}),"\n",(0,n.jsxs)(e.li,{children:["Click ",(0,n.jsx)(e.strong,{children:"Python API"})," > ",(0,n.jsx)(e.strong,{children:"Copy code"})," and save the code to your local machine.\nThe code will look something like this:"]}),"\n"]}),"\n",(0,n.jsx)(d.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#FF7B72"}}},{content:" requests",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" typing ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Optional",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"BASE_API_URL ",props:{style:{color:"#79C0FF"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"http://127.0.0.1:7864/api/v1/run"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"FLOW_ID ",props:{style:{color:"#79C0FF"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"ef7e0554-69e5-4e3e-ab29-ee83bcd8d9ef"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"# You can tweak the flow by adding a tweaks dictionary",props:{style:{color:"#8B949E"}}}]},{tokens:[{content:'# e.g {"OpenAI-XXXXX": {"model_name": "gpt-4"}}',props:{style:{color:"#8B949E"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"def ",props:{style:{color:"#FF7B72"}}},{content:"run_flow",props:{style:{color:"#D2A8FF"}}},{content:"(message: ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" flow_id: ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" output_type: ",props:{style:{color:"#C9D1D9"}}},{content:"str ",props:{style:{color:"#79C0FF"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"chat"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" input_type: ",props:{style:{color:"#C9D1D9"}}},{content:"str ",props:{style:{color:"#79C0FF"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"chat"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" tweaks: Optional[",props:{style:{color:"#C9D1D9"}}},{content:"dict",props:{style:{color:"#79C0FF"}}},{content:"] ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:"None",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" api_key: Optional[",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:"] ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:"None",props:{style:{color:"#79C0FF"}}},{content:") -> ",props:{style:{color:"#C9D1D9"}}},{content:"dict",props:{style:{color:"#79C0FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' """',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" Run a flow with a given message and optional tweaks.",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" :param message: The message to send to the flow",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" :param flow_id: The ID of the flow to run",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" :param tweaks: Optional tweaks to customize the flow",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" :return: The JSON response from the flow",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:' """',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" api_url ",props:{style:{color:"#C9D1D9"}}},{content:"= f",props:{style:{color:"#FF7B72"}}},{content:'"',props:{style:{color:"#A5D6FF"}}},{content:"{BASE_API_URL}",props:{style:{color:"#79C0FF"}}},{content:"/",props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"flow_id",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" payload ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "input_value"',props:{style:{color:"#A5D6FF"}}},{content:": message,",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "output_type"',props:{style:{color:"#A5D6FF"}}},{content:": output_type,",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "input_type"',props:{style:{color:"#A5D6FF"}}},{content:": input_type,",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" }",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" headers ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:"None",props:{style:{color:"#79C0FF"}}}]},{tokens:[{content:" if",props:{style:{color:"#FF7B72"}}},{content:" tweaks:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" payload[",props:{style:{color:"#C9D1D9"}}},{content:'"tweaks"',props:{style:{color:"#A5D6FF"}}},{content:"] ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" tweaks",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" if",props:{style:{color:"#FF7B72"}}},{content:" api_key:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" headers ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}},{content:'"x-api-key"',props:{style:{color:"#A5D6FF"}}},{content:": api_key}",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" response ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" requests.post(api_url, ",props:{style:{color:"#C9D1D9"}}},{content:"json",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"payload, ",props:{style:{color:"#C9D1D9"}}},{content:"headers",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"headers)",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" response.json()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"# Setup any tweaks you want to apply to the flow",props:{style:{color:"#8B949E"}}}]},{tokens:[{content:"message ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"message"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"print",props:{style:{color:"#79C0FF"}}},{content:"(run_flow(",props:{style:{color:"#C9D1D9"}}},{content:"message",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"message, ",props:{style:{color:"#C9D1D9"}}},{content:"flow_id",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"FLOW_ID",props:{style:{color:"#79C0FF"}}},{content:"))",props:{style:{color:"#C9D1D9"}}}]}],lang:"python"},annotations:[]}]}),"\n",(0,n.jsxs)(e.ol,{start:"3",children:["\n",(0,n.jsx)(e.li,{children:"Run your Python app:"}),"\n"]}),"\n",(0,n.jsx)(d.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"python3 app.py",props:{style:{color:"#C9D1D9"}}}]}],lang:"python"},annotations:[]}]}),"\n",(0,n.jsx)(e.p,{children:"The result is similar to the curl call:"}),"\n",(0,n.jsx)(d.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"{",props:{style:{color:"#C9D1D9"}}},{content:"'session_id'",props:{style:{color:"#FFA657"}}},{content:": ",props:{style:{color:"#79C0FF"}}},{content:"'ef7e0554-69e5-4e3e-ab29-ee83bcd8d9ef:bf81d898868ac87e1b4edbd96c131c5dee801ea2971122cc91352d144a45b880', 'outputs':",props:{style:{color:"#A5D6FF"}}},{content:" [{",props:{style:{color:"#C9D1D9"}}},{content:"'inputs'",props:{style:{color:"#FFA657"}}},{content:": ",props:{style:{color:"#79C0FF"}}},{content:"{'input_value': 'message'}, 'outputs':",props:{style:{color:"#A5D6FF"}}},{content:" [{",props:{style:{color:"#C9D1D9"}}},{content:"'results'",props:{style:{color:"#FFA657"}}},{content:": ",props:{style:{color:"#79C0FF"}}},{content:"{'result': \"Arrr matey! What be yer message for this ol' pirate? Speak up or walk the plank!\"}, 'artifacts': {'message': \"Arrr matey! What be yer message for this ol' pirate? Speak up or walk the plank!\", 'sender': 'Machine', 'sender_name': 'AI'}, 'messages':",props:{style:{color:"#A5D6FF"}}},{content:" [{",props:{style:{color:"#C9D1D9"}}},{content:"'message'",props:{style:{color:"#FFA657"}}},{content:": ",props:{style:{color:"#79C0FF"}}},{content:"\"Arrr matey! What be yer message for this ol' pirate? Speak up or walk the plank!\", 'sender': 'Machine', 'sender_name': 'AI', 'component_id': 'ChatOutput-ktwdw'}], 'component_display_name': 'Chat Output', 'component_id': 'ChatOutput-ktwdw', 'used_frozen_result': False}]}]}",props:{style:{color:"#A5D6FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,n.jsx)(e.p,{children:"Your Python app POSTs to your Langflow server, and the server runs the flow and returns the result."}),"\n",(0,n.jsxs)(e.p,{children:["See ",(0,n.jsx)(e.a,{href:"../administration/api",children:"API"})," for more ways to interact with your headless Langflow server."]})]})}const f=function(o={}){const{wrapper:e}=Object.assign({},(0,s.RP)(),o.components);return e?(0,n.jsx)(e,Object.assign({},o,{children:(0,n.jsx)(y,o)})):y(o)};function m(o,e){throw new Error("Expected "+(e?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/assets/js/4f5bab73.65a14398.js b/assets/js/4f5bab73.65a14398.js new file mode 100644 index 0000000000..0c10a07555 --- /dev/null +++ b/assets/js/4f5bab73.65a14398.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[4395],{7293:(o,t,e)=>{e.d(t,{A:()=>_});var n=e(6540),s=e(4848);function r(o){const{mdxAdmonitionTitle:t,rest:e}=function(o){const t=n.Children.toArray(o),e=t.find((o=>n.isValidElement(o)&&"mdxAdmonitionTitle"===o.type)),r=t.filter((o=>o!==e)),c=e?.props.children;return{mdxAdmonitionTitle:c,rest:r.length>0?(0,s.jsx)(s.Fragment,{children:r}):null}}(o.children),r=o.title??t;return{...o,...r&&{title:r},children:e}}var c=e(8215),l=e(1312),i=e(7559);const p={admonition:"admonition_xJq3",admonitionHeading:"admonitionHeading_Gvgb",admonitionIcon:"admonitionIcon_Rf37",admonitionContent:"admonitionContent_BuS1"};function a(o){let{type:t,className:e,children:n}=o;return(0,s.jsx)("div",{className:(0,c.A)(i.G.common.admonition,i.G.common.admonitionType(t),p.admonition,e),children:n})}function d(o){let{icon:t,title:e}=o;return(0,s.jsxs)("div",{className:p.admonitionHeading,children:[(0,s.jsx)("span",{className:p.admonitionIcon,children:t}),e]})}function y(o){let{children:t}=o;return t?(0,s.jsx)("div",{className:p.admonitionContent,children:t}):null}function D(o){const{type:t,icon:e,title:n,children:r,className:c}=o;return(0,s.jsxs)(a,{type:t,className:c,children:[n||e?(0,s.jsx)(d,{title:n,icon:e}):null,(0,s.jsx)(y,{children:r})]})}function h(o){return(0,s.jsx)("svg",{viewBox:"0 0 14 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"})})}const u={icon:(0,s.jsx)(h,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.note",description:"The default label used for the Note admonition (:::note)",children:"note"})};function F(o){return(0,s.jsx)(D,{...u,...o,className:(0,c.A)("alert alert--secondary",o.className),children:o.children})}function m(o){return(0,s.jsx)("svg",{viewBox:"0 0 12 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"})})}const C={icon:(0,s.jsx)(m,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.tip",description:"The default label used for the Tip admonition (:::tip)",children:"tip"})};function f(o){return(0,s.jsx)(D,{...C,...o,className:(0,c.A)("alert alert--success",o.className),children:o.children})}function g(o){return(0,s.jsx)("svg",{viewBox:"0 0 14 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"})})}const x={icon:(0,s.jsx)(g,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.info",description:"The default label used for the Info admonition (:::info)",children:"info"})};function k(o){return(0,s.jsx)(D,{...x,...o,className:(0,c.A)("alert alert--info",o.className),children:o.children})}function j(o){return(0,s.jsx)("svg",{viewBox:"0 0 16 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"})})}const v={icon:(0,s.jsx)(j,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.warning",description:"The default label used for the Warning admonition (:::warning)",children:"warning"})};function A(o){return(0,s.jsx)("svg",{viewBox:"0 0 12 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"})})}const B={icon:(0,s.jsx)(A,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.danger",description:"The default label used for the Danger admonition (:::danger)",children:"danger"})};const w={icon:(0,s.jsx)(j,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.caution",description:"The default label used for the Caution admonition (:::caution)",children:"caution"})};const b={...{note:F,tip:f,info:k,warning:function(o){return(0,s.jsx)(D,{...v,...o,className:(0,c.A)("alert alert--warning",o.className),children:o.children})},danger:function(o){return(0,s.jsx)(D,{...B,...o,className:(0,c.A)("alert alert--danger",o.className),children:o.children})}},...{secondary:o=>(0,s.jsx)(F,{title:"secondary",...o}),important:o=>(0,s.jsx)(k,{title:"important",...o}),success:o=>(0,s.jsx)(f,{title:"success",...o}),caution:function(o){return(0,s.jsx)(D,{...w,...o,className:(0,c.A)("alert alert--warning",o.className),children:o.children})}}};var N=e(6763);function _(o){const t=r(o),e=(n=t.type,b[n]||(N.warn(`No admonition component found for admonition type "${n}". Using Info as fallback.`),b.info));var n;return(0,s.jsx)(e,{...t})}},7533:(o,t,e)=>{e.d(t,{A:()=>l});var n=e(6540),s=e(1122),r=e(6025),c=e(4848);const l=o=>{let{alt:t,sources:e,style:l}=o;const[i,p]=(0,n.useState)(!1),a=o=>{"Escape"===o.key&&p(!1)};(0,n.useEffect)((()=>(i?document.addEventListener("keydown",a):document.removeEventListener("keydown",a),()=>{document.removeEventListener("keydown",a)})),[i]);return(0,c.jsx)("div",{className:"zoomable-image "+(i?"fullscreen":""),onClick:()=>{p(!i)},style:{width:"50%",margin:"0 auto",display:"flex",justifyContent:"center",...l},children:(0,c.jsx)(s.A,{className:"zoomable-image-inner",alt:t,sources:{light:(0,r.Ay)(e.light),dark:(0,r.Ay)(e.dark)}})})}},1694:(o,t,e)=>{e.r(t),e.d(t,{CH:()=>y,assets:()=>d,chCodeConfig:()=>D,contentTitle:()=>p,default:()=>F,frontMatter:()=>i,metadata:()=>a,toc:()=>h});e(6540);var n=e(4848),s=e(8453),r=e(4754),c=e(7293),l=(e(1122),e(6025),e(7533));const i={},p="User List",a={id:"integrations/notion/list-users",title:"User List",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/integrations/notion/list-users.md",sourceDirName:"integrations/notion",slug:"/integrations/notion/list-users",permalink:"/integrations/notion/list-users",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"docs",previous:{title:"List Pages",permalink:"/integrations/notion/list-pages"},next:{title:"Page Create",permalink:"/integrations/notion/page-create"}},d={},y={annotations:r.hk,Code:r.Cy},D={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},h=[{value:"Component Usage",id:"component-usage",level:2},{value:"Component Python code",id:"component-python-code",level:2},{value:"Example Usage",id:"example-usage",level:2},{value:"Best Practices",id:"best-practices",level:2},{value:"Troubleshooting",id:"troubleshooting",level:2}];function u(o){const t=Object.assign({h1:"h1",p:"p",code:"code",a:"a",ul:"ul",li:"li",h2:"h2",ol:"ol"},(0,s.RP)(),o.components);return y||m("CH",!1),y.Code||m("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n","\n","\n",(0,n.jsx)(t.h1,{id:"user-list",children:"User List"}),"\n",(0,n.jsx)(c.A,{type:"warning",title:"warning",children:(0,n.jsx)(t.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,n.jsxs)(t.p,{children:["The ",(0,n.jsx)(t.code,{children:"NotionUserList"})," component retrieves users from Notion. It provides a convenient way to integrate Notion user data into your Langflow workflows."]}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.a,{href:"https://developers.notion.com/reference/get-users",children:"Notion Reference"})}),"\n",(0,n.jsxs)(t.p,{children:["The ",(0,n.jsx)(t.code,{children:"NotionUserList"})," component enables you to:"]}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"Retrieve user data from Notion"}),"\n",(0,n.jsx)(t.li,{children:"Access user information such as ID, type, name, and avatar URL"}),"\n",(0,n.jsx)(t.li,{children:"Integrate Notion user data seamlessly into your Langflow workflows"}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"component-usage",children:"Component Usage"}),"\n",(0,n.jsxs)(t.p,{children:["To use the ",(0,n.jsx)(t.code,{children:"NotionUserList"})," component in a Langflow flow, follow these steps:"]}),"\n",(0,n.jsxs)(t.ol,{children:["\n",(0,n.jsxs)(t.li,{children:["Add the ",(0,n.jsx)(t.code,{children:"NotionUserList"})," component to your flow."]}),"\n",(0,n.jsx)(t.li,{children:"Configure the component by providing the required Notion secret token."}),"\n",(0,n.jsx)(t.li,{children:"Connect the component to other nodes in your flow as needed."}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"component-python-code",children:"Component Python code"}),"\n",(0,n.jsx)(y.Code,{codeConfig:D,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#FF7B72"}}},{content:" requests",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" typing ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" List",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" CustomComponent",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.schema ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Data",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"class ",props:{style:{color:"#FF7B72"}}},{content:"NotionUserList",props:{style:{color:"#FFA657"}}},{content:"(",props:{style:{color:"#C9D1D9"}}},{content:"CustomComponent",props:{style:{color:"#79C0FF"}}},{content:"):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"List Users [Notion]"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" description ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"Retrieve users from Notion."',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" documentation: ",props:{style:{color:"#C9D1D9"}}},{content:"str ",props:{style:{color:"#79C0FF"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"https://docs.langflow.org/integrations/notion/list-users"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" icon ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"NotionDirectoryLoader"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build_config",props:{style:{color:"#D2A8FF"}}},{content:"(self):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "notion_secret"',props:{style:{color:"#A5D6FF"}}},{content:": {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "display_name"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"Notion Secret"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "field_type"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"str"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "info"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"The Notion integration token."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "password"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"True",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" },",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" }",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build",props:{style:{color:"#D2A8FF"}}},{content:"(",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" self,",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" notion_secret: ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ) -> List[Data]:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" url ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"https://api.notion.com/v1/users"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" headers ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "Authorization"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"f",props:{style:{color:"#FF7B72"}}},{content:'"Bearer ',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"notion_secret",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "Notion-Version"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"2022-06-28"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" }",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" response ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" requests.get(url, ",props:{style:{color:"#C9D1D9"}}},{content:"headers",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"headers)",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" response.raise_for_status()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" data ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" response.json()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" results ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" data[",props:{style:{color:"#C9D1D9"}}},{content:"'results'",props:{style:{color:"#A5D6FF"}}},{content:"]",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" data ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" []",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" for",props:{style:{color:"#FF7B72"}}},{content:" user ",props:{style:{color:"#C9D1D9"}}},{content:"in",props:{style:{color:"#FF7B72"}}},{content:" results:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" id ",props:{style:{color:"#79C0FF"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" user[",props:{style:{color:"#C9D1D9"}}},{content:"'id'",props:{style:{color:"#A5D6FF"}}},{content:"]",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" type ",props:{style:{color:"#79C0FF"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" user[",props:{style:{color:"#C9D1D9"}}},{content:"'type'",props:{style:{color:"#A5D6FF"}}},{content:"]",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" name ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" user.get(",props:{style:{color:"#C9D1D9"}}},{content:"'name'",props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:"''",props:{style:{color:"#A5D6FF"}}},{content:")",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" avatar_url ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" user.get(",props:{style:{color:"#C9D1D9"}}},{content:"'avatar_url'",props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:"''",props:{style:{color:"#A5D6FF"}}},{content:")",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" data_dict ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "id"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"id",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "type"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"type",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "name"',props:{style:{color:"#A5D6FF"}}},{content:": name,",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "avatar_url"',props:{style:{color:"#A5D6FF"}}},{content:": avatar_url,",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" }",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" output ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"User:',props:{style:{color:"#A5D6FF"}}},{content:"\\n",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" for",props:{style:{color:"#FF7B72"}}},{content:" key, value ",props:{style:{color:"#C9D1D9"}}},{content:"in",props:{style:{color:"#FF7B72"}}},{content:" data_dict.items():",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" output ",props:{style:{color:"#C9D1D9"}}},{content:"+= f",props:{style:{color:"#FF7B72"}}},{content:'"',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"key.replace(",props:{style:{color:"#C9D1D9"}}},{content:"'_'",props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:"' '",props:{style:{color:"#A5D6FF"}}},{content:").title()",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:": ",props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"value",props:{style:{color:"#C9D1D9"}}},{content:"}\\n",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" output ",props:{style:{color:"#C9D1D9"}}},{content:"+= ",props:{style:{color:"#FF7B72"}}},{content:'"________________________',props:{style:{color:"#A5D6FF"}}},{content:"\\n",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" record ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" Data(",props:{style:{color:"#C9D1D9"}}},{content:"text",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"output, ",props:{style:{color:"#C9D1D9"}}},{content:"data",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"data_dict)",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" data.append(record)",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" self",props:{style:{color:"#79C0FF"}}},{content:".status ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"',props:{style:{color:"#A5D6FF"}}},{content:"\\n",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}},{content:".join(record.text ",props:{style:{color:"#C9D1D9"}}},{content:"for",props:{style:{color:"#FF7B72"}}},{content:" record ",props:{style:{color:"#C9D1D9"}}},{content:"in",props:{style:{color:"#FF7B72"}}},{content:" data)",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" data",props:{style:{color:"#C9D1D9"}}}]}],lang:"python"},annotations:[]}]}),"\n",(0,n.jsx)(t.h2,{id:"example-usage",children:"Example Usage"}),"\n",(0,n.jsxs)(t.p,{children:["Here's an example of how you can use the ",(0,n.jsx)(t.code,{children:"NotionUserList"})," component in a Langflow flow and passing the outputs to the Prompt component:"]}),"\n",(0,n.jsx)(l.A,{alt:"NotionUserList Flow Example",sources:{light:"img/notion/NotionUserList_flow_example.png",dark:"img/notion/NotionUserList_flow_example_dark.png"},style:{width:"100%",margin:"20px 0"}}),"\n",(0,n.jsx)(t.h2,{id:"best-practices",children:"Best Practices"}),"\n",(0,n.jsxs)(t.p,{children:["When using the ",(0,n.jsx)(t.code,{children:"NotionUserList"})," component, consider the following best practices:"]}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"Ensure that you have a valid Notion integration token with the necessary permissions to retrieve user data."}),"\n",(0,n.jsx)(t.li,{children:"Handle the retrieved user data securely and in compliance with Notion's API usage guidelines."}),"\n"]}),"\n",(0,n.jsxs)(t.p,{children:["The ",(0,n.jsx)(t.code,{children:"NotionUserList"})," component provides a seamless way to integrate Notion user data into your Langflow workflows. By leveraging this component, you can easily retrieve and utilize user information from Notion, enhancing the capabilities of your Langflow applications. Feel free to explore and experiment with the ",(0,n.jsx)(t.code,{children:"NotionUserList"})," component to unlock new possibilities in your Langflow projects!"]}),"\n",(0,n.jsx)(t.h2,{id:"troubleshooting",children:"Troubleshooting"}),"\n",(0,n.jsxs)(t.p,{children:["If you encounter any issues while using the ",(0,n.jsx)(t.code,{children:"NotionUserList"})," component, consider the following:"]}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"Double-check that your Notion integration token is valid and has the required permissions."}),"\n",(0,n.jsxs)(t.li,{children:["Verify that you have installed the necessary dependencies (",(0,n.jsx)(t.code,{children:"requests"}),") for the component to function properly."]}),"\n",(0,n.jsx)(t.li,{children:"Check the Notion API documentation for any updates or changes that may affect the component's functionality."}),"\n"]})]})}const F=function(o={}){const{wrapper:t}=Object.assign({},(0,s.RP)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(u,o)})):u(o)};function m(o,t){throw new Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/assets/js/4f5bab73.c6983576.js b/assets/js/4f5bab73.c6983576.js deleted file mode 100644 index 7780b8eb90..0000000000 --- a/assets/js/4f5bab73.c6983576.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[4395],{7533:(o,t,e)=>{e.d(t,{A:()=>l});var n=e(6540),s=e(1122),r=e(6025),c=e(4848);const l=o=>{let{alt:t,sources:e,style:l}=o;const[p,i]=(0,n.useState)(!1),a=o=>{"Escape"===o.key&&i(!1)};(0,n.useEffect)((()=>(p?document.addEventListener("keydown",a):document.removeEventListener("keydown",a),()=>{document.removeEventListener("keydown",a)})),[p]);return(0,c.jsx)("div",{className:"zoomable-image "+(p?"fullscreen":""),onClick:()=>{i(!p)},style:{width:"50%",margin:"0 auto",display:"flex",justifyContent:"center",...l},children:(0,c.jsx)(s.A,{className:"zoomable-image-inner",alt:t,sources:{light:(0,r.Ay)(e.light),dark:(0,r.Ay)(e.dark)}})})}},1694:(o,t,e)=>{e.r(t),e.d(t,{CH:()=>d,assets:()=>y,chCodeConfig:()=>D,contentTitle:()=>i,default:()=>u,frontMatter:()=>p,metadata:()=>a,toc:()=>F});e(6540);var n=e(4848),s=e(8453),r=e(4754),c=e(7293),l=(e(1122),e(6025),e(7533));const p={},i="User List",a={id:"integrations/notion/list-users",title:"User List",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/integrations/notion/list-users.md",sourceDirName:"integrations/notion",slug:"/integrations/notion/list-users",permalink:"/integrations/notion/list-users",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"docs",previous:{title:"List Pages",permalink:"/integrations/notion/list-pages"},next:{title:"Page Create",permalink:"/integrations/notion/page-create"}},y={},d={annotations:r.hk,Code:r.Cy},D={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},F=[{value:"Component Usage",id:"component-usage",level:2},{value:"Component Python code",id:"component-python-code",level:2},{value:"Example Usage",id:"example-usage",level:2},{value:"Best Practices",id:"best-practices",level:2},{value:"Troubleshooting",id:"troubleshooting",level:2}];function h(o){const t=Object.assign({h1:"h1",p:"p",code:"code",a:"a",ul:"ul",li:"li",h2:"h2",ol:"ol"},(0,s.RP)(),o.components);return d||C("CH",!1),d.Code||C("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n","\n","\n",(0,n.jsx)(t.h1,{id:"user-list",children:"User List"}),"\n",(0,n.jsx)(c.A,{type:"warning",title:"warning",children:(0,n.jsx)(t.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,n.jsxs)(t.p,{children:["The ",(0,n.jsx)(t.code,{children:"NotionUserList"})," component retrieves users from Notion. It provides a convenient way to integrate Notion user data into your Langflow workflows."]}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.a,{href:"https://developers.notion.com/reference/get-users",children:"Notion Reference"})}),"\n",(0,n.jsxs)(t.p,{children:["The ",(0,n.jsx)(t.code,{children:"NotionUserList"})," component enables you to:"]}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"Retrieve user data from Notion"}),"\n",(0,n.jsx)(t.li,{children:"Access user information such as ID, type, name, and avatar URL"}),"\n",(0,n.jsx)(t.li,{children:"Integrate Notion user data seamlessly into your Langflow workflows"}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"component-usage",children:"Component Usage"}),"\n",(0,n.jsxs)(t.p,{children:["To use the ",(0,n.jsx)(t.code,{children:"NotionUserList"})," component in a Langflow flow, follow these steps:"]}),"\n",(0,n.jsxs)(t.ol,{children:["\n",(0,n.jsxs)(t.li,{children:["Add the ",(0,n.jsx)(t.code,{children:"NotionUserList"})," component to your flow."]}),"\n",(0,n.jsx)(t.li,{children:"Configure the component by providing the required Notion secret token."}),"\n",(0,n.jsx)(t.li,{children:"Connect the component to other nodes in your flow as needed."}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"component-python-code",children:"Component Python code"}),"\n",(0,n.jsx)(d.Code,{codeConfig:D,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#FF7B72"}}},{content:" requests",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" typing ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" List",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" CustomComponent",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.schema ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Data",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"class ",props:{style:{color:"#FF7B72"}}},{content:"NotionUserList",props:{style:{color:"#FFA657"}}},{content:"(",props:{style:{color:"#C9D1D9"}}},{content:"CustomComponent",props:{style:{color:"#79C0FF"}}},{content:"):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"List Users [Notion]"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" description ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"Retrieve users from Notion."',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" documentation: ",props:{style:{color:"#C9D1D9"}}},{content:"str ",props:{style:{color:"#79C0FF"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"https://docs.langflow.org/integrations/notion/list-users"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" icon ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"NotionDirectoryLoader"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build_config",props:{style:{color:"#D2A8FF"}}},{content:"(self):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "notion_secret"',props:{style:{color:"#A5D6FF"}}},{content:": {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "display_name"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"Notion Secret"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "field_type"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"str"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "info"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"The Notion integration token."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "password"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"True",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" },",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" }",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build",props:{style:{color:"#D2A8FF"}}},{content:"(",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" self,",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" notion_secret: ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ) -> List[Data]:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" url ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"https://api.notion.com/v1/users"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" headers ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "Authorization"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"f",props:{style:{color:"#FF7B72"}}},{content:'"Bearer ',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"notion_secret",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "Notion-Version"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"2022-06-28"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" }",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" response ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" requests.get(url, ",props:{style:{color:"#C9D1D9"}}},{content:"headers",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"headers)",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" response.raise_for_status()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" data ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" response.json()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" results ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" data[",props:{style:{color:"#C9D1D9"}}},{content:"'results'",props:{style:{color:"#A5D6FF"}}},{content:"]",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" data ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" []",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" for",props:{style:{color:"#FF7B72"}}},{content:" user ",props:{style:{color:"#C9D1D9"}}},{content:"in",props:{style:{color:"#FF7B72"}}},{content:" results:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" id ",props:{style:{color:"#79C0FF"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" user[",props:{style:{color:"#C9D1D9"}}},{content:"'id'",props:{style:{color:"#A5D6FF"}}},{content:"]",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" type ",props:{style:{color:"#79C0FF"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" user[",props:{style:{color:"#C9D1D9"}}},{content:"'type'",props:{style:{color:"#A5D6FF"}}},{content:"]",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" name ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" user.get(",props:{style:{color:"#C9D1D9"}}},{content:"'name'",props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:"''",props:{style:{color:"#A5D6FF"}}},{content:")",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" avatar_url ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" user.get(",props:{style:{color:"#C9D1D9"}}},{content:"'avatar_url'",props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:"''",props:{style:{color:"#A5D6FF"}}},{content:")",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" data_dict ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "id"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"id",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "type"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"type",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "name"',props:{style:{color:"#A5D6FF"}}},{content:": name,",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "avatar_url"',props:{style:{color:"#A5D6FF"}}},{content:": avatar_url,",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" }",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" output ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"User:',props:{style:{color:"#A5D6FF"}}},{content:"\\n",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" for",props:{style:{color:"#FF7B72"}}},{content:" key, value ",props:{style:{color:"#C9D1D9"}}},{content:"in",props:{style:{color:"#FF7B72"}}},{content:" data_dict.items():",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" output ",props:{style:{color:"#C9D1D9"}}},{content:"+= f",props:{style:{color:"#FF7B72"}}},{content:'"',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"key.replace(",props:{style:{color:"#C9D1D9"}}},{content:"'_'",props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:"' '",props:{style:{color:"#A5D6FF"}}},{content:").title()",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:": ",props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"value",props:{style:{color:"#C9D1D9"}}},{content:"}\\n",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" output ",props:{style:{color:"#C9D1D9"}}},{content:"+= ",props:{style:{color:"#FF7B72"}}},{content:'"________________________',props:{style:{color:"#A5D6FF"}}},{content:"\\n",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" record ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" Data(",props:{style:{color:"#C9D1D9"}}},{content:"text",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"output, ",props:{style:{color:"#C9D1D9"}}},{content:"data",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"data_dict)",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" data.append(record)",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" self",props:{style:{color:"#79C0FF"}}},{content:".status ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"',props:{style:{color:"#A5D6FF"}}},{content:"\\n",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}},{content:".join(record.text ",props:{style:{color:"#C9D1D9"}}},{content:"for",props:{style:{color:"#FF7B72"}}},{content:" record ",props:{style:{color:"#C9D1D9"}}},{content:"in",props:{style:{color:"#FF7B72"}}},{content:" data)",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" data",props:{style:{color:"#C9D1D9"}}}]}],lang:"python"},annotations:[]}]}),"\n",(0,n.jsx)(t.h2,{id:"example-usage",children:"Example Usage"}),"\n",(0,n.jsxs)(t.p,{children:["Here's an example of how you can use the ",(0,n.jsx)(t.code,{children:"NotionUserList"})," component in a Langflow flow and passing the outputs to the Prompt component:"]}),"\n",(0,n.jsx)(l.A,{alt:"NotionUserList Flow Example",sources:{light:"img/notion/NotionUserList_flow_example.png",dark:"img/notion/NotionUserList_flow_example_dark.png"},style:{width:"100%",margin:"20px 0"}}),"\n",(0,n.jsx)(t.h2,{id:"best-practices",children:"Best Practices"}),"\n",(0,n.jsxs)(t.p,{children:["When using the ",(0,n.jsx)(t.code,{children:"NotionUserList"})," component, consider the following best practices:"]}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"Ensure that you have a valid Notion integration token with the necessary permissions to retrieve user data."}),"\n",(0,n.jsx)(t.li,{children:"Handle the retrieved user data securely and in compliance with Notion's API usage guidelines."}),"\n"]}),"\n",(0,n.jsxs)(t.p,{children:["The ",(0,n.jsx)(t.code,{children:"NotionUserList"})," component provides a seamless way to integrate Notion user data into your Langflow workflows. By leveraging this component, you can easily retrieve and utilize user information from Notion, enhancing the capabilities of your Langflow applications. Feel free to explore and experiment with the ",(0,n.jsx)(t.code,{children:"NotionUserList"})," component to unlock new possibilities in your Langflow projects!"]}),"\n",(0,n.jsx)(t.h2,{id:"troubleshooting",children:"Troubleshooting"}),"\n",(0,n.jsxs)(t.p,{children:["If you encounter any issues while using the ",(0,n.jsx)(t.code,{children:"NotionUserList"})," component, consider the following:"]}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"Double-check that your Notion integration token is valid and has the required permissions."}),"\n",(0,n.jsxs)(t.li,{children:["Verify that you have installed the necessary dependencies (",(0,n.jsx)(t.code,{children:"requests"}),") for the component to function properly."]}),"\n",(0,n.jsx)(t.li,{children:"Check the Notion API documentation for any updates or changes that may affect the component's functionality."}),"\n"]})]})}const u=function(o={}){const{wrapper:t}=Object.assign({},(0,s.RP)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(h,o)})):h(o)};function C(o,t){throw new Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/assets/js/64615af5.b18ce40b.js b/assets/js/64615af5.b18ce40b.js deleted file mode 100644 index 7bff92ad3c..0000000000 --- a/assets/js/64615af5.b18ce40b.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[3575],{7533:(o,t,e)=>{e.d(t,{A:()=>l});var n=e(6540),s=e(1122),r=e(6025),c=e(4848);const l=o=>{let{alt:t,sources:e,style:l}=o;const[p,i]=(0,n.useState)(!1),y=o=>{"Escape"===o.key&&i(!1)};(0,n.useEffect)((()=>(p?document.addEventListener("keydown",y):document.removeEventListener("keydown",y),()=>{document.removeEventListener("keydown",y)})),[p]);return(0,c.jsx)("div",{className:"zoomable-image "+(p?"fullscreen":""),onClick:()=>{i(!p)},style:{width:"50%",margin:"0 auto",display:"flex",justifyContent:"center",...l},children:(0,c.jsx)(s.A,{className:"zoomable-image-inner",alt:t,sources:{light:(0,r.Ay)(e.light),dark:(0,r.Ay)(e.dark)}})})}},2371:(o,t,e)=>{e.r(t),e.d(t,{CH:()=>a,assets:()=>D,chCodeConfig:()=>F,contentTitle:()=>i,default:()=>C,frontMatter:()=>p,metadata:()=>y,toc:()=>d});e(6540);var n=e(4848),s=e(8453),r=e(4754),c=e(7293),l=(e(1122),e(6025),e(7533));const p={},i="Page Content",y={id:"integrations/notion/page-content-viewer",title:"Page Content",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/integrations/notion/page-content-viewer.md",sourceDirName:"integrations/notion",slug:"/integrations/notion/page-content-viewer",permalink:"/integrations/notion/page-content-viewer",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"docs",previous:{title:"Page Update",permalink:"/integrations/notion/page-update"}},D={},a={annotations:r.hk,Code:r.Cy},F={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},d=[{value:"Component Usage",id:"component-usage",level:2},{value:"Component Python code",id:"component-python-code",level:2},{value:"Example Usage",id:"example-usage",level:2},{value:"Best Practices",id:"best-practices",level:2},{value:"Troubleshooting",id:"troubleshooting",level:2}];function h(o){const t=Object.assign({h1:"h1",p:"p",code:"code",a:"a",ul:"ul",li:"li",h2:"h2",ol:"ol"},(0,s.RP)(),o.components);return a||g("CH",!1),a.Code||g("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n","\n","\n",(0,n.jsx)(t.h1,{id:"page-content",children:"Page Content"}),"\n",(0,n.jsx)(c.A,{type:"warning",title:"warning",children:(0,n.jsx)(t.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,n.jsxs)(t.p,{children:["The ",(0,n.jsx)(t.code,{children:"NotionPageContent"})," component retrieves the content of a Notion page as plain text. It provides a convenient way to integrate Notion page content into your Langflow workflows."]}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.a,{href:"https://developers.notion.com/reference/get-page",children:"Notion Reference"})}),"\n",(0,n.jsxs)(c.A,{type:"tip",title:"Component Functionality",children:[(0,n.jsxs)(t.p,{children:["The ",(0,n.jsx)(t.code,{children:"NotionPageContent"})," component enables you to:"]}),(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"Retrieve the content of a Notion page as plain text"}),"\n",(0,n.jsx)(t.li,{children:"Extract text from various block types, including paragraphs, headings, lists, and more"}),"\n",(0,n.jsx)(t.li,{children:"Integrate Notion page content seamlessly into your Langflow workflows"}),"\n"]})]}),"\n",(0,n.jsx)(t.h2,{id:"component-usage",children:"Component Usage"}),"\n",(0,n.jsxs)(t.p,{children:["To use the ",(0,n.jsx)(t.code,{children:"NotionPageContent"})," component in a Langflow flow, follow these steps:"]}),"\n",(0,n.jsxs)(t.ol,{children:["\n",(0,n.jsxs)(t.li,{children:["Add the ",(0,n.jsx)(t.code,{children:"NotionPageContent"})," component to your flow."]}),"\n",(0,n.jsxs)(t.li,{children:["Configure the component by providing the required inputs:","\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"page_id"}),": The ID of the Notion page you want to retrieve."]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"notion_secret"}),": Your Notion integration token for authentication."]}),"\n"]}),"\n"]}),"\n",(0,n.jsxs)(t.li,{children:["Connect the output of the ",(0,n.jsx)(t.code,{children:"NotionPageContent"})," component to other components in your flow as needed."]}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"component-python-code",children:"Component Python code"}),"\n",(0,n.jsx)(a.Code,{codeConfig:F,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#FF7B72"}}},{content:" requests",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" typing ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Dict, Any",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" CustomComponent",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.schema ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Data",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"class ",props:{style:{color:"#FF7B72"}}},{content:"NotionPageContent",props:{style:{color:"#FFA657"}}},{content:"(",props:{style:{color:"#C9D1D9"}}},{content:"CustomComponent",props:{style:{color:"#79C0FF"}}},{content:"):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"Page Content Viewer [Notion]"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" description ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"Retrieve the content of a Notion page as plain text."',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" documentation: ",props:{style:{color:"#C9D1D9"}}},{content:"str ",props:{style:{color:"#79C0FF"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"https://docs.langflow.org/integrations/notion/page-content-viewer"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" icon ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"NotionDirectoryLoader"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build_config",props:{style:{color:"#D2A8FF"}}},{content:"(self):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "page_id"',props:{style:{color:"#A5D6FF"}}},{content:": {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "display_name"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"Page ID"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "field_type"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"str"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "info"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"The ID of the Notion page to retrieve."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" },",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "notion_secret"',props:{style:{color:"#A5D6FF"}}},{content:": {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "display_name"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"Notion Secret"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "field_type"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"str"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "info"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"The Notion integration token."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "password"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"True",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" },",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" }",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build",props:{style:{color:"#D2A8FF"}}},{content:"(",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" self,",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" page_id: ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" notion_secret: ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ) -> Data:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" blocks_url ",props:{style:{color:"#C9D1D9"}}},{content:"= f",props:{style:{color:"#FF7B72"}}},{content:'"https://api.notion.com/v1/blocks/',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"page_id",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'/children?page_size=100"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" headers ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "Authorization"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"f",props:{style:{color:"#FF7B72"}}},{content:'"Bearer ',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"notion_secret",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "Notion-Version"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"2022-06-28"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:"# Use the latest supported version",props:{style:{color:"#8B949E"}}}]},{tokens:[{content:" }",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" # Retrieve the child blocks",props:{style:{color:"#8B949E"}}}]},{tokens:[{content:" blocks_response ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" requests.get(blocks_url, ",props:{style:{color:"#C9D1D9"}}},{content:"headers",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"headers)",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" blocks_response.raise_for_status()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" blocks_data ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" blocks_response.json()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" # Parse the blocks and extract the content as plain text",props:{style:{color:"#8B949E"}}}]},{tokens:[{content:" content ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:"self",props:{style:{color:"#79C0FF"}}},{content:".parse_blocks(blocks_data[",props:{style:{color:"#C9D1D9"}}},{content:'"results"',props:{style:{color:"#A5D6FF"}}},{content:"])",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" self",props:{style:{color:"#79C0FF"}}},{content:".status ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" content",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" Data(",props:{style:{color:"#C9D1D9"}}},{content:"data",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"{",props:{style:{color:"#C9D1D9"}}},{content:'"content"',props:{style:{color:"#A5D6FF"}}},{content:": content}, ",props:{style:{color:"#C9D1D9"}}},{content:"text",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"content)",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"parse_blocks",props:{style:{color:"#D2A8FF"}}},{content:"(self, blocks: ",props:{style:{color:"#C9D1D9"}}},{content:"list",props:{style:{color:"#79C0FF"}}},{content:") -> ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" content ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'""',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" for",props:{style:{color:"#FF7B72"}}},{content:" block ",props:{style:{color:"#C9D1D9"}}},{content:"in",props:{style:{color:"#FF7B72"}}},{content:" blocks:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" block_type ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" block[",props:{style:{color:"#C9D1D9"}}},{content:'"type"',props:{style:{color:"#A5D6FF"}}},{content:"]",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" if",props:{style:{color:"#FF7B72"}}},{content:" block_type ",props:{style:{color:"#C9D1D9"}}},{content:"in",props:{style:{color:"#FF7B72"}}},{content:" [",props:{style:{color:"#C9D1D9"}}},{content:'"paragraph"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:'"heading_1"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:'"heading_2"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:'"heading_3"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:'"quote"',props:{style:{color:"#A5D6FF"}}},{content:"]:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" content ",props:{style:{color:"#C9D1D9"}}},{content:"+= ",props:{style:{color:"#FF7B72"}}},{content:"self",props:{style:{color:"#79C0FF"}}},{content:".parse_rich_text(block[block_type][",props:{style:{color:"#C9D1D9"}}},{content:'"rich_text"',props:{style:{color:"#A5D6FF"}}},{content:"]) ",props:{style:{color:"#C9D1D9"}}},{content:"+ ",props:{style:{color:"#FF7B72"}}},{content:'"',props:{style:{color:"#A5D6FF"}}},{content:"\\n\\n",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" elif",props:{style:{color:"#FF7B72"}}},{content:" block_type ",props:{style:{color:"#C9D1D9"}}},{content:"in",props:{style:{color:"#FF7B72"}}},{content:" [",props:{style:{color:"#C9D1D9"}}},{content:'"bulleted_list_item"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:'"numbered_list_item"',props:{style:{color:"#A5D6FF"}}},{content:"]:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" content ",props:{style:{color:"#C9D1D9"}}},{content:"+= ",props:{style:{color:"#FF7B72"}}},{content:"self",props:{style:{color:"#79C0FF"}}},{content:".parse_rich_text(block[block_type][",props:{style:{color:"#C9D1D9"}}},{content:'"rich_text"',props:{style:{color:"#A5D6FF"}}},{content:"]) ",props:{style:{color:"#C9D1D9"}}},{content:"+ ",props:{style:{color:"#FF7B72"}}},{content:'"',props:{style:{color:"#A5D6FF"}}},{content:"\\n",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" elif",props:{style:{color:"#FF7B72"}}},{content:" block_type ",props:{style:{color:"#C9D1D9"}}},{content:"== ",props:{style:{color:"#FF7B72"}}},{content:'"to_do"',props:{style:{color:"#A5D6FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" content ",props:{style:{color:"#C9D1D9"}}},{content:"+= ",props:{style:{color:"#FF7B72"}}},{content:"self",props:{style:{color:"#79C0FF"}}},{content:".parse_rich_text(block[",props:{style:{color:"#C9D1D9"}}},{content:'"to_do"',props:{style:{color:"#A5D6FF"}}},{content:"][",props:{style:{color:"#C9D1D9"}}},{content:'"rich_text"',props:{style:{color:"#A5D6FF"}}},{content:"]) ",props:{style:{color:"#C9D1D9"}}},{content:"+ ",props:{style:{color:"#FF7B72"}}},{content:'"',props:{style:{color:"#A5D6FF"}}},{content:"\\n",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" elif",props:{style:{color:"#FF7B72"}}},{content:" block_type ",props:{style:{color:"#C9D1D9"}}},{content:"== ",props:{style:{color:"#FF7B72"}}},{content:'"code"',props:{style:{color:"#A5D6FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" content ",props:{style:{color:"#C9D1D9"}}},{content:"+= ",props:{style:{color:"#FF7B72"}}},{content:"self",props:{style:{color:"#79C0FF"}}},{content:".parse_rich_text(block[",props:{style:{color:"#C9D1D9"}}},{content:'"code"',props:{style:{color:"#A5D6FF"}}},{content:"][",props:{style:{color:"#C9D1D9"}}},{content:'"rich_text"',props:{style:{color:"#A5D6FF"}}},{content:"]) ",props:{style:{color:"#C9D1D9"}}},{content:"+ ",props:{style:{color:"#FF7B72"}}},{content:'"',props:{style:{color:"#A5D6FF"}}},{content:"\\n\\n",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" elif",props:{style:{color:"#FF7B72"}}},{content:" block_type ",props:{style:{color:"#C9D1D9"}}},{content:"== ",props:{style:{color:"#FF7B72"}}},{content:'"image"',props:{style:{color:"#A5D6FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" content ",props:{style:{color:"#C9D1D9"}}},{content:"+= f",props:{style:{color:"#FF7B72"}}},{content:'"[Image: ',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"block[",props:{style:{color:"#C9D1D9"}}},{content:"'image'",props:{style:{color:"#A5D6FF"}}},{content:"][",props:{style:{color:"#C9D1D9"}}},{content:"'external'",props:{style:{color:"#A5D6FF"}}},{content:"][",props:{style:{color:"#C9D1D9"}}},{content:"'url'",props:{style:{color:"#A5D6FF"}}},{content:"]",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:"]",props:{style:{color:"#A5D6FF"}}},{content:"\\n\\n",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" elif",props:{style:{color:"#FF7B72"}}},{content:" block_type ",props:{style:{color:"#C9D1D9"}}},{content:"== ",props:{style:{color:"#FF7B72"}}},{content:'"divider"',props:{style:{color:"#A5D6FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" content ",props:{style:{color:"#C9D1D9"}}},{content:"+= ",props:{style:{color:"#FF7B72"}}},{content:'"---',props:{style:{color:"#A5D6FF"}}},{content:"\\n\\n",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" content.strip()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"parse_rich_text",props:{style:{color:"#D2A8FF"}}},{content:"(self, rich_text: ",props:{style:{color:"#C9D1D9"}}},{content:"list",props:{style:{color:"#79C0FF"}}},{content:") -> ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" text ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'""',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" for",props:{style:{color:"#FF7B72"}}},{content:" segment ",props:{style:{color:"#C9D1D9"}}},{content:"in",props:{style:{color:"#FF7B72"}}},{content:" rich_text:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" text ",props:{style:{color:"#C9D1D9"}}},{content:"+=",props:{style:{color:"#FF7B72"}}},{content:" segment[",props:{style:{color:"#C9D1D9"}}},{content:'"plain_text"',props:{style:{color:"#A5D6FF"}}},{content:"]",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" text",props:{style:{color:"#C9D1D9"}}}]}],lang:"python"},annotations:[]}]}),"\n",(0,n.jsx)(t.h2,{id:"example-usage",children:"Example Usage"}),"\n",(0,n.jsxs)(c.A,{type:"info",title:"Example Usage",children:[(0,n.jsxs)(t.p,{children:["Here's an example of how you can use the ",(0,n.jsx)(t.code,{children:"NotionPageContent"})," component in a Langflow flow:"]}),(0,n.jsx)(l.A,{alt:"NotionPageContent Flow Example",sources:{light:"img/notion/NotionPageContent_flow_example.png",dark:"img/notion/NotionPageContent_flow_example_dark.png"},style:{width:"100%",margin:"20px 0"}})]}),"\n",(0,n.jsx)(t.h2,{id:"best-practices",children:"Best Practices"}),"\n",(0,n.jsxs)(t.p,{children:["When using the ",(0,n.jsx)(t.code,{children:"NotionPageContent"})," component, consider the following best practices:"]}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"Ensure that you have the necessary permissions to access the Notion page you want to retrieve."}),"\n",(0,n.jsx)(t.li,{children:"Keep your Notion integration token secure and avoid sharing it publicly."}),"\n",(0,n.jsx)(t.li,{children:"Be mindful of the content you retrieve and ensure that it aligns with your intended use case."}),"\n"]}),"\n",(0,n.jsxs)(t.p,{children:["The ",(0,n.jsx)(t.code,{children:"NotionPageContent"})," component provides a seamless way to integrate Notion page content into your Langflow workflows. By leveraging this component, you can easily retrieve and process the content of Notion pages, enabling you to build powerful and dynamic applications. Explore the capabilities of the ",(0,n.jsx)(t.code,{children:"NotionPageContent"})," component and unlock new possibilities in your Langflow projects!"]}),"\n",(0,n.jsx)(t.h2,{id:"troubleshooting",children:"Troubleshooting"}),"\n",(0,n.jsxs)(t.p,{children:["If you encounter any issues while using the ",(0,n.jsx)(t.code,{children:"NotionPageContent"})," component, consider the following:"]}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"Double-check that you have provided the correct Notion page ID."}),"\n",(0,n.jsx)(t.li,{children:"Verify that your Notion integration token is valid and has the necessary permissions."}),"\n",(0,n.jsx)(t.li,{children:"Check the Notion API documentation for any updates or changes that may affect the component's functionality."}),"\n"]})]})}const C=function(o={}){const{wrapper:t}=Object.assign({},(0,s.RP)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(h,o)})):h(o)};function g(o,t){throw new Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/assets/js/64615af5.e678d9d7.js b/assets/js/64615af5.e678d9d7.js new file mode 100644 index 0000000000..b3066b0fbf --- /dev/null +++ b/assets/js/64615af5.e678d9d7.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[3575],{7293:(o,t,e)=>{e.d(t,{A:()=>N});var n=e(6540),s=e(4848);function r(o){const{mdxAdmonitionTitle:t,rest:e}=function(o){const t=n.Children.toArray(o),e=t.find((o=>n.isValidElement(o)&&"mdxAdmonitionTitle"===o.type)),r=t.filter((o=>o!==e)),c=e?.props.children;return{mdxAdmonitionTitle:c,rest:r.length>0?(0,s.jsx)(s.Fragment,{children:r}):null}}(o.children),r=o.title??t;return{...o,...r&&{title:r},children:e}}var c=e(8215),l=e(1312),p=e(7559);const i={admonition:"admonition_xJq3",admonitionHeading:"admonitionHeading_Gvgb",admonitionIcon:"admonitionIcon_Rf37",admonitionContent:"admonitionContent_BuS1"};function a(o){let{type:t,className:e,children:n}=o;return(0,s.jsx)("div",{className:(0,c.A)(p.G.common.admonition,p.G.common.admonitionType(t),i.admonition,e),children:n})}function d(o){let{icon:t,title:e}=o;return(0,s.jsxs)("div",{className:i.admonitionHeading,children:[(0,s.jsx)("span",{className:i.admonitionIcon,children:t}),e]})}function y(o){let{children:t}=o;return t?(0,s.jsx)("div",{className:i.admonitionContent,children:t}):null}function D(o){const{type:t,icon:e,title:n,children:r,className:c}=o;return(0,s.jsxs)(a,{type:t,className:c,children:[n||e?(0,s.jsx)(d,{title:n,icon:e}):null,(0,s.jsx)(y,{children:r})]})}function F(o){return(0,s.jsx)("svg",{viewBox:"0 0 14 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"})})}const h={icon:(0,s.jsx)(F,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.note",description:"The default label used for the Note admonition (:::note)",children:"note"})};function u(o){return(0,s.jsx)(D,{...h,...o,className:(0,c.A)("alert alert--secondary",o.className),children:o.children})}function C(o){return(0,s.jsx)("svg",{viewBox:"0 0 12 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"})})}const g={icon:(0,s.jsx)(C,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.tip",description:"The default label used for the Tip admonition (:::tip)",children:"tip"})};function m(o){return(0,s.jsx)(D,{...g,...o,className:(0,c.A)("alert alert--success",o.className),children:o.children})}function f(o){return(0,s.jsx)("svg",{viewBox:"0 0 14 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"})})}const k={icon:(0,s.jsx)(f,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.info",description:"The default label used for the Info admonition (:::info)",children:"info"})};function x(o){return(0,s.jsx)(D,{...k,...o,className:(0,c.A)("alert alert--info",o.className),children:o.children})}function j(o){return(0,s.jsx)("svg",{viewBox:"0 0 16 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"})})}const A={icon:(0,s.jsx)(j,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.warning",description:"The default label used for the Warning admonition (:::warning)",children:"warning"})};function b(o){return(0,s.jsx)("svg",{viewBox:"0 0 12 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"})})}const v={icon:(0,s.jsx)(b,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.danger",description:"The default label used for the Danger admonition (:::danger)",children:"danger"})};const B={icon:(0,s.jsx)(j,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.caution",description:"The default label used for the Caution admonition (:::caution)",children:"caution"})};const _={...{note:u,tip:m,info:x,warning:function(o){return(0,s.jsx)(D,{...A,...o,className:(0,c.A)("alert alert--warning",o.className),children:o.children})},danger:function(o){return(0,s.jsx)(D,{...v,...o,className:(0,c.A)("alert alert--danger",o.className),children:o.children})}},...{secondary:o=>(0,s.jsx)(u,{title:"secondary",...o}),important:o=>(0,s.jsx)(x,{title:"important",...o}),success:o=>(0,s.jsx)(m,{title:"success",...o}),caution:function(o){return(0,s.jsx)(D,{...B,...o,className:(0,c.A)("alert alert--warning",o.className),children:o.children})}}};var w=e(6763);function N(o){const t=r(o),e=(n=t.type,_[n]||(w.warn(`No admonition component found for admonition type "${n}". Using Info as fallback.`),_.info));var n;return(0,s.jsx)(e,{...t})}},7533:(o,t,e)=>{e.d(t,{A:()=>l});var n=e(6540),s=e(1122),r=e(6025),c=e(4848);const l=o=>{let{alt:t,sources:e,style:l}=o;const[p,i]=(0,n.useState)(!1),a=o=>{"Escape"===o.key&&i(!1)};(0,n.useEffect)((()=>(p?document.addEventListener("keydown",a):document.removeEventListener("keydown",a),()=>{document.removeEventListener("keydown",a)})),[p]);return(0,c.jsx)("div",{className:"zoomable-image "+(p?"fullscreen":""),onClick:()=>{i(!p)},style:{width:"50%",margin:"0 auto",display:"flex",justifyContent:"center",...l},children:(0,c.jsx)(s.A,{className:"zoomable-image-inner",alt:t,sources:{light:(0,r.Ay)(e.light),dark:(0,r.Ay)(e.dark)}})})}},2371:(o,t,e)=>{e.r(t),e.d(t,{CH:()=>y,assets:()=>d,chCodeConfig:()=>D,contentTitle:()=>i,default:()=>u,frontMatter:()=>p,metadata:()=>a,toc:()=>F});e(6540);var n=e(4848),s=e(8453),r=e(4754),c=e(7293),l=(e(1122),e(6025),e(7533));const p={},i="Page Content",a={id:"integrations/notion/page-content-viewer",title:"Page Content",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/integrations/notion/page-content-viewer.md",sourceDirName:"integrations/notion",slug:"/integrations/notion/page-content-viewer",permalink:"/integrations/notion/page-content-viewer",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"docs",previous:{title:"Page Update",permalink:"/integrations/notion/page-update"}},d={},y={annotations:r.hk,Code:r.Cy},D={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},F=[{value:"Component Usage",id:"component-usage",level:2},{value:"Component Python code",id:"component-python-code",level:2},{value:"Example Usage",id:"example-usage",level:2},{value:"Best Practices",id:"best-practices",level:2},{value:"Troubleshooting",id:"troubleshooting",level:2}];function h(o){const t=Object.assign({h1:"h1",p:"p",code:"code",a:"a",ul:"ul",li:"li",h2:"h2",ol:"ol"},(0,s.RP)(),o.components);return y||C("CH",!1),y.Code||C("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n","\n","\n",(0,n.jsx)(t.h1,{id:"page-content",children:"Page Content"}),"\n",(0,n.jsx)(c.A,{type:"warning",title:"warning",children:(0,n.jsx)(t.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,n.jsxs)(t.p,{children:["The ",(0,n.jsx)(t.code,{children:"NotionPageContent"})," component retrieves the content of a Notion page as plain text. It provides a convenient way to integrate Notion page content into your Langflow workflows."]}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.a,{href:"https://developers.notion.com/reference/get-page",children:"Notion Reference"})}),"\n",(0,n.jsxs)(c.A,{type:"tip",title:"Component Functionality",children:[(0,n.jsxs)(t.p,{children:["The ",(0,n.jsx)(t.code,{children:"NotionPageContent"})," component enables you to:"]}),(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"Retrieve the content of a Notion page as plain text"}),"\n",(0,n.jsx)(t.li,{children:"Extract text from various block types, including paragraphs, headings, lists, and more"}),"\n",(0,n.jsx)(t.li,{children:"Integrate Notion page content seamlessly into your Langflow workflows"}),"\n"]})]}),"\n",(0,n.jsx)(t.h2,{id:"component-usage",children:"Component Usage"}),"\n",(0,n.jsxs)(t.p,{children:["To use the ",(0,n.jsx)(t.code,{children:"NotionPageContent"})," component in a Langflow flow, follow these steps:"]}),"\n",(0,n.jsxs)(t.ol,{children:["\n",(0,n.jsxs)(t.li,{children:["Add the ",(0,n.jsx)(t.code,{children:"NotionPageContent"})," component to your flow."]}),"\n",(0,n.jsxs)(t.li,{children:["Configure the component by providing the required inputs:","\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"page_id"}),": The ID of the Notion page you want to retrieve."]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"notion_secret"}),": Your Notion integration token for authentication."]}),"\n"]}),"\n"]}),"\n",(0,n.jsxs)(t.li,{children:["Connect the output of the ",(0,n.jsx)(t.code,{children:"NotionPageContent"})," component to other components in your flow as needed."]}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"component-python-code",children:"Component Python code"}),"\n",(0,n.jsx)(y.Code,{codeConfig:D,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#FF7B72"}}},{content:" requests",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" typing ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Dict, Any",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" CustomComponent",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.schema ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Data",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"class ",props:{style:{color:"#FF7B72"}}},{content:"NotionPageContent",props:{style:{color:"#FFA657"}}},{content:"(",props:{style:{color:"#C9D1D9"}}},{content:"CustomComponent",props:{style:{color:"#79C0FF"}}},{content:"):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"Page Content Viewer [Notion]"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" description ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"Retrieve the content of a Notion page as plain text."',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" documentation: ",props:{style:{color:"#C9D1D9"}}},{content:"str ",props:{style:{color:"#79C0FF"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"https://docs.langflow.org/integrations/notion/page-content-viewer"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" icon ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"NotionDirectoryLoader"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build_config",props:{style:{color:"#D2A8FF"}}},{content:"(self):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "page_id"',props:{style:{color:"#A5D6FF"}}},{content:": {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "display_name"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"Page ID"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "field_type"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"str"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "info"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"The ID of the Notion page to retrieve."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" },",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "notion_secret"',props:{style:{color:"#A5D6FF"}}},{content:": {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "display_name"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"Notion Secret"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "field_type"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"str"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "info"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"The Notion integration token."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "password"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"True",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" },",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" }",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build",props:{style:{color:"#D2A8FF"}}},{content:"(",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" self,",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" page_id: ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" notion_secret: ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ) -> Data:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" blocks_url ",props:{style:{color:"#C9D1D9"}}},{content:"= f",props:{style:{color:"#FF7B72"}}},{content:'"https://api.notion.com/v1/blocks/',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"page_id",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'/children?page_size=100"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" headers ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "Authorization"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"f",props:{style:{color:"#FF7B72"}}},{content:'"Bearer ',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"notion_secret",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "Notion-Version"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"2022-06-28"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:"# Use the latest supported version",props:{style:{color:"#8B949E"}}}]},{tokens:[{content:" }",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" # Retrieve the child blocks",props:{style:{color:"#8B949E"}}}]},{tokens:[{content:" blocks_response ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" requests.get(blocks_url, ",props:{style:{color:"#C9D1D9"}}},{content:"headers",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"headers)",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" blocks_response.raise_for_status()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" blocks_data ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" blocks_response.json()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" # Parse the blocks and extract the content as plain text",props:{style:{color:"#8B949E"}}}]},{tokens:[{content:" content ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:"self",props:{style:{color:"#79C0FF"}}},{content:".parse_blocks(blocks_data[",props:{style:{color:"#C9D1D9"}}},{content:'"results"',props:{style:{color:"#A5D6FF"}}},{content:"])",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" self",props:{style:{color:"#79C0FF"}}},{content:".status ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" content",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" Data(",props:{style:{color:"#C9D1D9"}}},{content:"data",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"{",props:{style:{color:"#C9D1D9"}}},{content:'"content"',props:{style:{color:"#A5D6FF"}}},{content:": content}, ",props:{style:{color:"#C9D1D9"}}},{content:"text",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"content)",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"parse_blocks",props:{style:{color:"#D2A8FF"}}},{content:"(self, blocks: ",props:{style:{color:"#C9D1D9"}}},{content:"list",props:{style:{color:"#79C0FF"}}},{content:") -> ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" content ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'""',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" for",props:{style:{color:"#FF7B72"}}},{content:" block ",props:{style:{color:"#C9D1D9"}}},{content:"in",props:{style:{color:"#FF7B72"}}},{content:" blocks:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" block_type ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" block[",props:{style:{color:"#C9D1D9"}}},{content:'"type"',props:{style:{color:"#A5D6FF"}}},{content:"]",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" if",props:{style:{color:"#FF7B72"}}},{content:" block_type ",props:{style:{color:"#C9D1D9"}}},{content:"in",props:{style:{color:"#FF7B72"}}},{content:" [",props:{style:{color:"#C9D1D9"}}},{content:'"paragraph"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:'"heading_1"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:'"heading_2"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:'"heading_3"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:'"quote"',props:{style:{color:"#A5D6FF"}}},{content:"]:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" content ",props:{style:{color:"#C9D1D9"}}},{content:"+= ",props:{style:{color:"#FF7B72"}}},{content:"self",props:{style:{color:"#79C0FF"}}},{content:".parse_rich_text(block[block_type][",props:{style:{color:"#C9D1D9"}}},{content:'"rich_text"',props:{style:{color:"#A5D6FF"}}},{content:"]) ",props:{style:{color:"#C9D1D9"}}},{content:"+ ",props:{style:{color:"#FF7B72"}}},{content:'"',props:{style:{color:"#A5D6FF"}}},{content:"\\n\\n",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" elif",props:{style:{color:"#FF7B72"}}},{content:" block_type ",props:{style:{color:"#C9D1D9"}}},{content:"in",props:{style:{color:"#FF7B72"}}},{content:" [",props:{style:{color:"#C9D1D9"}}},{content:'"bulleted_list_item"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:'"numbered_list_item"',props:{style:{color:"#A5D6FF"}}},{content:"]:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" content ",props:{style:{color:"#C9D1D9"}}},{content:"+= ",props:{style:{color:"#FF7B72"}}},{content:"self",props:{style:{color:"#79C0FF"}}},{content:".parse_rich_text(block[block_type][",props:{style:{color:"#C9D1D9"}}},{content:'"rich_text"',props:{style:{color:"#A5D6FF"}}},{content:"]) ",props:{style:{color:"#C9D1D9"}}},{content:"+ ",props:{style:{color:"#FF7B72"}}},{content:'"',props:{style:{color:"#A5D6FF"}}},{content:"\\n",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" elif",props:{style:{color:"#FF7B72"}}},{content:" block_type ",props:{style:{color:"#C9D1D9"}}},{content:"== ",props:{style:{color:"#FF7B72"}}},{content:'"to_do"',props:{style:{color:"#A5D6FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" content ",props:{style:{color:"#C9D1D9"}}},{content:"+= ",props:{style:{color:"#FF7B72"}}},{content:"self",props:{style:{color:"#79C0FF"}}},{content:".parse_rich_text(block[",props:{style:{color:"#C9D1D9"}}},{content:'"to_do"',props:{style:{color:"#A5D6FF"}}},{content:"][",props:{style:{color:"#C9D1D9"}}},{content:'"rich_text"',props:{style:{color:"#A5D6FF"}}},{content:"]) ",props:{style:{color:"#C9D1D9"}}},{content:"+ ",props:{style:{color:"#FF7B72"}}},{content:'"',props:{style:{color:"#A5D6FF"}}},{content:"\\n",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" elif",props:{style:{color:"#FF7B72"}}},{content:" block_type ",props:{style:{color:"#C9D1D9"}}},{content:"== ",props:{style:{color:"#FF7B72"}}},{content:'"code"',props:{style:{color:"#A5D6FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" content ",props:{style:{color:"#C9D1D9"}}},{content:"+= ",props:{style:{color:"#FF7B72"}}},{content:"self",props:{style:{color:"#79C0FF"}}},{content:".parse_rich_text(block[",props:{style:{color:"#C9D1D9"}}},{content:'"code"',props:{style:{color:"#A5D6FF"}}},{content:"][",props:{style:{color:"#C9D1D9"}}},{content:'"rich_text"',props:{style:{color:"#A5D6FF"}}},{content:"]) ",props:{style:{color:"#C9D1D9"}}},{content:"+ ",props:{style:{color:"#FF7B72"}}},{content:'"',props:{style:{color:"#A5D6FF"}}},{content:"\\n\\n",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" elif",props:{style:{color:"#FF7B72"}}},{content:" block_type ",props:{style:{color:"#C9D1D9"}}},{content:"== ",props:{style:{color:"#FF7B72"}}},{content:'"image"',props:{style:{color:"#A5D6FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" content ",props:{style:{color:"#C9D1D9"}}},{content:"+= f",props:{style:{color:"#FF7B72"}}},{content:'"[Image: ',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"block[",props:{style:{color:"#C9D1D9"}}},{content:"'image'",props:{style:{color:"#A5D6FF"}}},{content:"][",props:{style:{color:"#C9D1D9"}}},{content:"'external'",props:{style:{color:"#A5D6FF"}}},{content:"][",props:{style:{color:"#C9D1D9"}}},{content:"'url'",props:{style:{color:"#A5D6FF"}}},{content:"]",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:"]",props:{style:{color:"#A5D6FF"}}},{content:"\\n\\n",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" elif",props:{style:{color:"#FF7B72"}}},{content:" block_type ",props:{style:{color:"#C9D1D9"}}},{content:"== ",props:{style:{color:"#FF7B72"}}},{content:'"divider"',props:{style:{color:"#A5D6FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" content ",props:{style:{color:"#C9D1D9"}}},{content:"+= ",props:{style:{color:"#FF7B72"}}},{content:'"---',props:{style:{color:"#A5D6FF"}}},{content:"\\n\\n",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" content.strip()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"parse_rich_text",props:{style:{color:"#D2A8FF"}}},{content:"(self, rich_text: ",props:{style:{color:"#C9D1D9"}}},{content:"list",props:{style:{color:"#79C0FF"}}},{content:") -> ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" text ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'""',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" for",props:{style:{color:"#FF7B72"}}},{content:" segment ",props:{style:{color:"#C9D1D9"}}},{content:"in",props:{style:{color:"#FF7B72"}}},{content:" rich_text:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" text ",props:{style:{color:"#C9D1D9"}}},{content:"+=",props:{style:{color:"#FF7B72"}}},{content:" segment[",props:{style:{color:"#C9D1D9"}}},{content:'"plain_text"',props:{style:{color:"#A5D6FF"}}},{content:"]",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" text",props:{style:{color:"#C9D1D9"}}}]}],lang:"python"},annotations:[]}]}),"\n",(0,n.jsx)(t.h2,{id:"example-usage",children:"Example Usage"}),"\n",(0,n.jsxs)(c.A,{type:"info",title:"Example Usage",children:[(0,n.jsxs)(t.p,{children:["Here's an example of how you can use the ",(0,n.jsx)(t.code,{children:"NotionPageContent"})," component in a Langflow flow:"]}),(0,n.jsx)(l.A,{alt:"NotionPageContent Flow Example",sources:{light:"img/notion/NotionPageContent_flow_example.png",dark:"img/notion/NotionPageContent_flow_example_dark.png"},style:{width:"100%",margin:"20px 0"}})]}),"\n",(0,n.jsx)(t.h2,{id:"best-practices",children:"Best Practices"}),"\n",(0,n.jsxs)(t.p,{children:["When using the ",(0,n.jsx)(t.code,{children:"NotionPageContent"})," component, consider the following best practices:"]}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"Ensure that you have the necessary permissions to access the Notion page you want to retrieve."}),"\n",(0,n.jsx)(t.li,{children:"Keep your Notion integration token secure and avoid sharing it publicly."}),"\n",(0,n.jsx)(t.li,{children:"Be mindful of the content you retrieve and ensure that it aligns with your intended use case."}),"\n"]}),"\n",(0,n.jsxs)(t.p,{children:["The ",(0,n.jsx)(t.code,{children:"NotionPageContent"})," component provides a seamless way to integrate Notion page content into your Langflow workflows. By leveraging this component, you can easily retrieve and process the content of Notion pages, enabling you to build powerful and dynamic applications. Explore the capabilities of the ",(0,n.jsx)(t.code,{children:"NotionPageContent"})," component and unlock new possibilities in your Langflow projects!"]}),"\n",(0,n.jsx)(t.h2,{id:"troubleshooting",children:"Troubleshooting"}),"\n",(0,n.jsxs)(t.p,{children:["If you encounter any issues while using the ",(0,n.jsx)(t.code,{children:"NotionPageContent"})," component, consider the following:"]}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"Double-check that you have provided the correct Notion page ID."}),"\n",(0,n.jsx)(t.li,{children:"Verify that your Notion integration token is valid and has the necessary permissions."}),"\n",(0,n.jsx)(t.li,{children:"Check the Notion API documentation for any updates or changes that may affect the component's functionality."}),"\n"]})]})}const u=function(o={}){const{wrapper:t}=Object.assign({},(0,s.RP)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(h,o)})):h(o)};function C(o,t){throw new Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/assets/js/661dd3b9.2233c1e3.js b/assets/js/661dd3b9.2233c1e3.js new file mode 100644 index 0000000000..bed3f3a192 --- /dev/null +++ b/assets/js/661dd3b9.2233c1e3.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[4468],{7293:(e,n,t)=>{t.d(n,{A:()=>N});var r=t(6540),o=t(4848);function s(e){const{mdxAdmonitionTitle:n,rest:t}=function(e){const n=r.Children.toArray(e),t=n.find((e=>r.isValidElement(e)&&"mdxAdmonitionTitle"===e.type)),s=n.filter((e=>e!==t)),i=t?.props.children;return{mdxAdmonitionTitle:i,rest:s.length>0?(0,o.jsx)(o.Fragment,{children:s}):null}}(e.children),s=e.title??n;return{...e,...s&&{title:s},children:t}}var i=t(8215),a=t(1312),c=t(7559);const d={admonition:"admonition_xJq3",admonitionHeading:"admonitionHeading_Gvgb",admonitionIcon:"admonitionIcon_Rf37",admonitionContent:"admonitionContent_BuS1"};function l(e){let{type:n,className:t,children:r}=e;return(0,o.jsx)("div",{className:(0,i.A)(c.G.common.admonition,c.G.common.admonitionType(n),d.admonition,t),children:r})}function h(e){let{icon:n,title:t}=e;return(0,o.jsxs)("div",{className:d.admonitionHeading,children:[(0,o.jsx)("span",{className:d.admonitionIcon,children:n}),t]})}function u(e){let{children:n}=e;return n?(0,o.jsx)("div",{className:d.admonitionContent,children:n}):null}function p(e){const{type:n,icon:t,title:r,children:s,className:i}=e;return(0,o.jsxs)(l,{type:n,className:i,children:[r||t?(0,o.jsx)(h,{title:r,icon:t}):null,(0,o.jsx)(u,{children:s})]})}function g(e){return(0,o.jsx)("svg",{viewBox:"0 0 14 16",...e,children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"})})}const m={icon:(0,o.jsx)(g,{}),title:(0,o.jsx)(a.A,{id:"theme.admonition.note",description:"The default label used for the Note admonition (:::note)",children:"note"})};function x(e){return(0,o.jsx)(p,{...m,...e,className:(0,i.A)("alert alert--secondary",e.className),children:e.children})}function j(e){return(0,o.jsx)("svg",{viewBox:"0 0 12 16",...e,children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"})})}const f={icon:(0,o.jsx)(j,{}),title:(0,o.jsx)(a.A,{id:"theme.admonition.tip",description:"The default label used for the Tip admonition (:::tip)",children:"tip"})};function v(e){return(0,o.jsx)(p,{...f,...e,className:(0,i.A)("alert alert--success",e.className),children:e.children})}function b(e){return(0,o.jsx)("svg",{viewBox:"0 0 14 16",...e,children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"})})}const A={icon:(0,o.jsx)(b,{}),title:(0,o.jsx)(a.A,{id:"theme.admonition.info",description:"The default label used for the Info admonition (:::info)",children:"info"})};function w(e){return(0,o.jsx)(p,{...A,...e,className:(0,i.A)("alert alert--info",e.className),children:e.children})}function k(e){return(0,o.jsx)("svg",{viewBox:"0 0 16 16",...e,children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"})})}const y={icon:(0,o.jsx)(k,{}),title:(0,o.jsx)(a.A,{id:"theme.admonition.warning",description:"The default label used for the Warning admonition (:::warning)",children:"warning"})};function C(e){return(0,o.jsx)("svg",{viewBox:"0 0 12 16",...e,children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"})})}const T={icon:(0,o.jsx)(C,{}),title:(0,o.jsx)(a.A,{id:"theme.admonition.danger",description:"The default label used for the Danger admonition (:::danger)",children:"danger"})};const I={icon:(0,o.jsx)(k,{}),title:(0,o.jsx)(a.A,{id:"theme.admonition.caution",description:"The default label used for the Caution admonition (:::caution)",children:"caution"})};const B={...{note:x,tip:v,info:w,warning:function(e){return(0,o.jsx)(p,{...y,...e,className:(0,i.A)("alert alert--warning",e.className),children:e.children})},danger:function(e){return(0,o.jsx)(p,{...T,...e,className:(0,i.A)("alert alert--danger",e.className),children:e.children})}},...{secondary:e=>(0,o.jsx)(x,{title:"secondary",...e}),important:e=>(0,o.jsx)(w,{title:"important",...e}),success:e=>(0,o.jsx)(v,{title:"success",...e}),caution:function(e){return(0,o.jsx)(p,{...I,...e,className:(0,i.A)("alert alert--warning",e.className),children:e.children})}}};var R=t(6763);function N(e){const n=s(e),t=(r=n.type,B[r]||(R.warn(`No admonition component found for admonition type "${r}". Using Info as fallback.`),B.info));var r;return(0,o.jsx)(t,{...n})}},7533:(e,n,t)=>{t.d(n,{A:()=>a});var r=t(6540),o=t(1122),s=t(6025),i=t(4848);const a=e=>{let{alt:n,sources:t,style:a}=e;const[c,d]=(0,r.useState)(!1),l=e=>{"Escape"===e.key&&d(!1)};(0,r.useEffect)((()=>(c?document.addEventListener("keydown",l):document.removeEventListener("keydown",l),()=>{document.removeEventListener("keydown",l)})),[c]);return(0,i.jsx)("div",{className:"zoomable-image "+(c?"fullscreen":""),onClick:()=>{d(!c)},style:{width:"50%",margin:"0 auto",display:"flex",justifyContent:"center",...a},children:(0,i.jsx)(o.A,{className:"zoomable-image-inner",alt:n,sources:{light:(0,s.Ay)(t.light),dark:(0,s.Ay)(t.dark)}})})}},7836:(e,n,t)=>{t.r(n),t.d(n,{CH:()=>u,assets:()=>h,chCodeConfig:()=>p,contentTitle:()=>d,default:()=>x,frontMatter:()=>c,metadata:()=>l,toc:()=>g});t(6540);var r=t(4848),o=t(8453),s=t(4754),i=(t(1122),t(6025),t(7533)),a=t(7293);const c={},d="Vector Store RAG",l={id:"starter-projects/vector-store-rag",title:"Vector Store RAG",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/starter-projects/vector-store-rag.mdx",sourceDirName:"starter-projects",slug:"/starter-projects/vector-store-rag",permalink:"/starter-projects/vector-store-rag",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"docs",previous:{title:"Memory Chatbot",permalink:"/starter-projects/memory-chatbot"},next:{title:"API Keys",permalink:"/administration/api"}},h={},u={annotations:s.hk,Code:s.Cy},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},g=[{value:"Prerequisites",id:"prerequisites",level:2},{value:"Create the vector store RAG project",id:"create-the-vector-store-rag-project",level:2},{value:"Run the vector store RAG flow",id:"run-the-vector-store-rag-flow",level:2}];function m(e){const n=Object.assign({h1:"h1",p:"p",strong:"strong",a:"a",h2:"h2",ul:"ul",li:"li",code:"code",ol:"ol"},(0,o.RP)(),e.components);return u||j("CH",!1),u.Code||j("CH.Code",!0),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n","\n","\n",(0,r.jsx)(n.h1,{id:"vector-store-rag",children:"Vector Store RAG"}),"\n",(0,r.jsx)(a.A,{type:"warning",title:"warning",children:(0,r.jsx)(n.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,r.jsx)(n.p,{children:"Retrieval Augmented Generation, or RAG, is a pattern for training LLMs on your data and querying it."}),"\n",(0,r.jsxs)(n.p,{children:["RAG is backed by a ",(0,r.jsx)(n.strong,{children:"vector store"}),", a vector database which stores embeddings of the ingested data."]}),"\n",(0,r.jsxs)(n.p,{children:["This enables ",(0,r.jsx)(n.strong,{children:"vector search"}),", a more powerful and context-aware search."]}),"\n",(0,r.jsxs)(n.p,{children:["We've chosen ",(0,r.jsx)(n.a,{href:"https://astra.datastax.com/signup?utm_source=langflow-pre-release&utm_medium=referral&utm_campaign=langflow-announcement&utm_content=create-a-free-astra-db-account",children:"Astra DB"})," as the vector database for this starter project, but you can follow along with any of Langflow's vector database options."]}),"\n",(0,r.jsx)(n.h2,{id:"prerequisites",children:"Prerequisites"}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsxs)(n.li,{children:["\n",(0,r.jsx)(n.p,{children:(0,r.jsx)(n.a,{href:"../getting-started/install-langflow",children:"Langflow installed and running"})}),"\n"]}),"\n",(0,r.jsxs)(n.li,{children:["\n",(0,r.jsx)(n.p,{children:(0,r.jsx)(n.a,{href:"https://platform.openai.com",children:"OpenAI API key"})}),"\n"]}),"\n",(0,r.jsxs)(n.li,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.a,{href:"https://docs.datastax.com/en/astra-db-serverless/get-started/quickstart.html",children:"An Astra DB vector database created"})," with:"]}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsxs)(n.li,{children:["Application token (",(0,r.jsx)(n.code,{children:"AstraCS:WSnyFUhRxsrg\u2026\u200b"}),")"]}),"\n",(0,r.jsxs)(n.li,{children:["API endpoint (",(0,r.jsx)(n.code,{children:"https://ASTRA_DB_ID-ASTRA_DB_REGION.apps.astra.datastax.com"}),")"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,r.jsx)(n.h2,{id:"create-the-vector-store-rag-project",children:"Create the vector store RAG project"}),"\n",(0,r.jsxs)(n.ol,{children:["\n",(0,r.jsxs)(n.li,{children:["From the Langflow dashboard, click ",(0,r.jsx)(n.strong,{children:"New Project"}),"."]}),"\n",(0,r.jsxs)(n.li,{children:["Select ",(0,r.jsx)(n.strong,{children:"Vector Store RAG"}),"."]}),"\n",(0,r.jsxs)(n.li,{children:["The ",(0,r.jsx)(n.strong,{children:"Vector Store RAG"})," flow is created."]}),"\n"]}),"\n",(0,r.jsx)(i.A,{alt:"Docusaurus themed image",sources:{light:"img/vector-store-rag.png",dark:"img/vector-store-rag.png"},style:{width:"80%",margin:"20px auto"}}),"\n",(0,r.jsx)(n.p,{children:"The vector store RAG flow is built of two separate flows."}),"\n",(0,r.jsxs)(n.p,{children:["The ",(0,r.jsx)(n.strong,{children:"ingestion"})," flow (bottom of the screen) populates the vector store with data from a local file.\nIt ingests data from a file (",(0,r.jsx)(n.strong,{children:"File"}),"), splits it into chunks (",(0,r.jsx)(n.strong,{children:"Recursive Character Text Splitter"}),"), indexes it in Astra DB (",(0,r.jsx)(n.strong,{children:"Astra DB"}),"), and computes embeddings for the chunks (",(0,r.jsx)(n.strong,{children:"OpenAI Embeddings"}),').\nThis forms a "brain" for the query flow.']}),"\n",(0,r.jsxs)(n.p,{children:["The ",(0,r.jsx)(n.strong,{children:"query"})," flow (top of the screen) allows users to chat with the embedded vector store data. It's a little more complex:"]}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsxs)(n.li,{children:[(0,r.jsx)(n.strong,{children:"Chat Input"})," component defines where to put the user input coming from the Playground."]}),"\n",(0,r.jsxs)(n.li,{children:[(0,r.jsx)(n.strong,{children:"OpenAI Embeddings"})," component generates embeddings from the user input."]}),"\n",(0,r.jsxs)(n.li,{children:[(0,r.jsx)(n.strong,{children:"Astra DB Search"})," component retrieves the most relevant Data from the Astra DB database."]}),"\n",(0,r.jsxs)(n.li,{children:[(0,r.jsx)(n.strong,{children:"Text Output"})," component turns the Data into Text by concatenating them and also displays it in the Playground."]}),"\n",(0,r.jsxs)(n.li,{children:[(0,r.jsx)(n.strong,{children:"Prompt"})," component takes in the user input and the retrieved Data as text and builds a prompt for the OpenAI model."]}),"\n",(0,r.jsxs)(n.li,{children:[(0,r.jsx)(n.strong,{children:"OpenAI"})," component generates a response to the prompt."]}),"\n",(0,r.jsxs)(n.li,{children:[(0,r.jsx)(n.strong,{children:"Chat Output"})," component displays the response in the Playground."]}),"\n"]}),"\n",(0,r.jsxs)(n.ol,{start:"4",children:["\n",(0,r.jsxs)(n.li,{children:["\n",(0,r.jsxs)(n.p,{children:["To create an environment variable for the ",(0,r.jsx)(n.strong,{children:"OpenAI"})," component, in the ",(0,r.jsx)(n.strong,{children:"OpenAI API Key"})," field, click the ",(0,r.jsx)(n.strong,{children:"Globe"})," button, and then click ",(0,r.jsx)(n.strong,{children:"Add New Variable"}),"."]}),"\n",(0,r.jsxs)(n.ol,{children:["\n",(0,r.jsxs)(n.li,{children:["In the ",(0,r.jsx)(n.strong,{children:"Variable Name"})," field, enter ",(0,r.jsx)(n.code,{children:"openai_api_key"}),"."]}),"\n",(0,r.jsxs)(n.li,{children:["In the ",(0,r.jsx)(n.strong,{children:"Value"})," field, paste your OpenAI API Key (",(0,r.jsx)(n.code,{children:"sk-..."}),")."]}),"\n",(0,r.jsxs)(n.li,{children:["Click ",(0,r.jsx)(n.strong,{children:"Save Variable"}),"."]}),"\n"]}),"\n"]}),"\n",(0,r.jsxs)(n.li,{children:["\n",(0,r.jsxs)(n.p,{children:["To create environment variables for the ",(0,r.jsx)(n.strong,{children:"Astra DB"})," and ",(0,r.jsx)(n.strong,{children:"Astra DB Search"})," components:"]}),"\n",(0,r.jsxs)(n.ol,{children:["\n",(0,r.jsxs)(n.li,{children:["In the ",(0,r.jsx)(n.strong,{children:"Token"})," field, click the ",(0,r.jsx)(n.strong,{children:"Globe"})," button, and then click ",(0,r.jsx)(n.strong,{children:"Add New Variable"}),"."]}),"\n",(0,r.jsxs)(n.li,{children:["In the ",(0,r.jsx)(n.strong,{children:"Variable Name"})," field, enter ",(0,r.jsx)(n.code,{children:"astra_token"}),"."]}),"\n",(0,r.jsxs)(n.li,{children:["In the ",(0,r.jsx)(n.strong,{children:"Value"})," field, paste your Astra application token (",(0,r.jsx)(n.code,{children:"AstraCS:WSnyFUhRxsrg\u2026\u200b"}),")."]}),"\n",(0,r.jsxs)(n.li,{children:["Click ",(0,r.jsx)(n.strong,{children:"Save Variable"}),"."]}),"\n",(0,r.jsxs)(n.li,{children:["Repeat the above steps for the ",(0,r.jsx)(n.strong,{children:"API Endpoint"})," field, pasting your Astra API Endpoint instead (",(0,r.jsx)(n.code,{children:"https://ASTRA_DB_ID-ASTRA_DB_REGION.apps.astra.datastax.com"}),")."]}),"\n",(0,r.jsxs)(n.li,{children:["Add the global variable to both the ",(0,r.jsx)(n.strong,{children:"Astra DB"})," and ",(0,r.jsx)(n.strong,{children:"Astra DB Search"})," components."]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,r.jsx)(n.h2,{id:"run-the-vector-store-rag-flow",children:"Run the vector store RAG flow"}),"\n",(0,r.jsxs)(n.ol,{children:["\n",(0,r.jsxs)(n.li,{children:["Click the ",(0,r.jsx)(n.strong,{children:"Playground"})," button.\nThe ",(0,r.jsx)(n.strong,{children:"Playground"})," opens, where you can chat with your data."]}),"\n",(0,r.jsx)(n.li,{children:'Type a message and press Enter. (Try something like "What topics do you know about?")'}),"\n",(0,r.jsx)(n.li,{children:"The bot will respond with a summary of the data you've embedded."}),"\n"]}),"\n",(0,r.jsx)(n.p,{children:'For example, we embedded a PDF of an engine maintenance manual and asked, "How do I change the oil?"\nThe bot responds:'}),"\n",(0,r.jsx)(u.Code,{codeConfig:p,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"To change the oil in the engine, follow these steps:",props:{}}]},{tokens:[{content:"",props:{}}]},{tokens:[{content:"Make sure the engine is turned off and cool before starting.",props:{}}]},{tokens:[{content:"",props:{}}]},{tokens:[{content:"Locate the oil drain plug on the bottom of the engine.",props:{}}]},{tokens:[{content:"",props:{}}]},{tokens:[{content:"Place a drain pan underneath the oil drain plug to catch the old oil...",props:{}}]}],lang:"text"},annotations:[]}]}),"\n",(0,r.jsx)(n.p,{children:"We can also get more specific:"}),"\n",(0,r.jsx)(u.Code,{codeConfig:p,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"User",props:{}}]},{tokens:[{content:"What size wrench should I use to remove the oil drain cap?",props:{}}]},{tokens:[{content:"",props:{}}]},{tokens:[{content:"AI",props:{}}]},{tokens:[{content:"You should use a 3/8 inch wrench to remove the oil drain cap.",props:{}}]}],lang:"text"},annotations:[]}]}),"\n",(0,r.jsx)(n.p,{children:"This is the size the engine manual lists as well. This confirms our flow works, because the query returns the unique knowledge we embedded from the Astra vector store."})]})}const x=function(e={}){const{wrapper:n}=Object.assign({},(0,o.RP)(),e.components);return n?(0,r.jsx)(n,Object.assign({},e,{children:(0,r.jsx)(m,e)})):m(e)};function j(e,n){throw new Error("Expected "+(n?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/assets/js/661dd3b9.d272a45e.js b/assets/js/661dd3b9.d272a45e.js deleted file mode 100644 index a26acc547d..0000000000 --- a/assets/js/661dd3b9.d272a45e.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[4468],{7533:(e,t,n)=>{n.d(t,{A:()=>a});var r=n(6540),s=n(1122),o=n(6025),i=n(4848);const a=e=>{let{alt:t,sources:n,style:a}=e;const[c,d]=(0,r.useState)(!1),l=e=>{"Escape"===e.key&&d(!1)};(0,r.useEffect)((()=>(c?document.addEventListener("keydown",l):document.removeEventListener("keydown",l),()=>{document.removeEventListener("keydown",l)})),[c]);return(0,i.jsx)("div",{className:"zoomable-image "+(c?"fullscreen":""),onClick:()=>{d(!c)},style:{width:"50%",margin:"0 auto",display:"flex",justifyContent:"center",...a},children:(0,i.jsx)(s.A,{className:"zoomable-image-inner",alt:t,sources:{light:(0,o.Ay)(n.light),dark:(0,o.Ay)(n.dark)}})})}},7836:(e,t,n)=>{n.r(t),n.d(t,{CH:()=>p,assets:()=>h,chCodeConfig:()=>u,contentTitle:()=>d,default:()=>j,frontMatter:()=>c,metadata:()=>l,toc:()=>g});n(6540);var r=n(4848),s=n(8453),o=n(4754),i=(n(1122),n(6025),n(7533)),a=n(7293);const c={},d="Vector Store RAG",l={id:"starter-projects/vector-store-rag",title:"Vector Store RAG",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/starter-projects/vector-store-rag.mdx",sourceDirName:"starter-projects",slug:"/starter-projects/vector-store-rag",permalink:"/starter-projects/vector-store-rag",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"docs",previous:{title:"Memory Chatbot",permalink:"/starter-projects/memory-chatbot"},next:{title:"API Keys",permalink:"/administration/api"}},h={},p={annotations:o.hk,Code:o.Cy},u={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},g=[{value:"Prerequisites",id:"prerequisites",level:2},{value:"Create the vector store RAG project",id:"create-the-vector-store-rag-project",level:2},{value:"Run the vector store RAG flow",id:"run-the-vector-store-rag-flow",level:2}];function x(e){const t=Object.assign({h1:"h1",p:"p",strong:"strong",a:"a",h2:"h2",ul:"ul",li:"li",code:"code",ol:"ol"},(0,s.RP)(),e.components);return p||m("CH",!1),p.Code||m("CH.Code",!0),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n","\n","\n",(0,r.jsx)(t.h1,{id:"vector-store-rag",children:"Vector Store RAG"}),"\n",(0,r.jsx)(a.A,{type:"warning",title:"warning",children:(0,r.jsx)(t.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,r.jsx)(t.p,{children:"Retrieval Augmented Generation, or RAG, is a pattern for training LLMs on your data and querying it."}),"\n",(0,r.jsxs)(t.p,{children:["RAG is backed by a ",(0,r.jsx)(t.strong,{children:"vector store"}),", a vector database which stores embeddings of the ingested data."]}),"\n",(0,r.jsxs)(t.p,{children:["This enables ",(0,r.jsx)(t.strong,{children:"vector search"}),", a more powerful and context-aware search."]}),"\n",(0,r.jsxs)(t.p,{children:["We've chosen ",(0,r.jsx)(t.a,{href:"https://astra.datastax.com/signup?utm_source=langflow-pre-release&utm_medium=referral&utm_campaign=langflow-announcement&utm_content=create-a-free-astra-db-account",children:"Astra DB"})," as the vector database for this starter project, but you can follow along with any of Langflow's vector database options."]}),"\n",(0,r.jsx)(t.h2,{id:"prerequisites",children:"Prerequisites"}),"\n",(0,r.jsxs)(t.ul,{children:["\n",(0,r.jsxs)(t.li,{children:["\n",(0,r.jsx)(t.p,{children:(0,r.jsx)(t.a,{href:"../getting-started/install-langflow",children:"Langflow installed and running"})}),"\n"]}),"\n",(0,r.jsxs)(t.li,{children:["\n",(0,r.jsx)(t.p,{children:(0,r.jsx)(t.a,{href:"https://platform.openai.com",children:"OpenAI API key"})}),"\n"]}),"\n",(0,r.jsxs)(t.li,{children:["\n",(0,r.jsxs)(t.p,{children:[(0,r.jsx)(t.a,{href:"https://docs.datastax.com/en/astra-db-serverless/get-started/quickstart.html",children:"An Astra DB vector database created"})," with:"]}),"\n",(0,r.jsxs)(t.ul,{children:["\n",(0,r.jsxs)(t.li,{children:["Application token (",(0,r.jsx)(t.code,{children:"AstraCS:WSnyFUhRxsrg\u2026\u200b"}),")"]}),"\n",(0,r.jsxs)(t.li,{children:["API endpoint (",(0,r.jsx)(t.code,{children:"https://ASTRA_DB_ID-ASTRA_DB_REGION.apps.astra.datastax.com"}),")"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,r.jsx)(t.h2,{id:"create-the-vector-store-rag-project",children:"Create the vector store RAG project"}),"\n",(0,r.jsxs)(t.ol,{children:["\n",(0,r.jsxs)(t.li,{children:["From the Langflow dashboard, click ",(0,r.jsx)(t.strong,{children:"New Project"}),"."]}),"\n",(0,r.jsxs)(t.li,{children:["Select ",(0,r.jsx)(t.strong,{children:"Vector Store RAG"}),"."]}),"\n",(0,r.jsxs)(t.li,{children:["The ",(0,r.jsx)(t.strong,{children:"Vector Store RAG"})," flow is created."]}),"\n"]}),"\n",(0,r.jsx)(i.A,{alt:"Docusaurus themed image",sources:{light:"img/vector-store-rag.png",dark:"img/vector-store-rag.png"},style:{width:"80%",margin:"20px auto"}}),"\n",(0,r.jsx)(t.p,{children:"The vector store RAG flow is built of two separate flows."}),"\n",(0,r.jsxs)(t.p,{children:["The ",(0,r.jsx)(t.strong,{children:"ingestion"})," flow (bottom of the screen) populates the vector store with data from a local file.\nIt ingests data from a file (",(0,r.jsx)(t.strong,{children:"File"}),"), splits it into chunks (",(0,r.jsx)(t.strong,{children:"Recursive Character Text Splitter"}),"), indexes it in Astra DB (",(0,r.jsx)(t.strong,{children:"Astra DB"}),"), and computes embeddings for the chunks (",(0,r.jsx)(t.strong,{children:"OpenAI Embeddings"}),').\nThis forms a "brain" for the query flow.']}),"\n",(0,r.jsxs)(t.p,{children:["The ",(0,r.jsx)(t.strong,{children:"query"})," flow (top of the screen) allows users to chat with the embedded vector store data. It's a little more complex:"]}),"\n",(0,r.jsxs)(t.ul,{children:["\n",(0,r.jsxs)(t.li,{children:[(0,r.jsx)(t.strong,{children:"Chat Input"})," component defines where to put the user input coming from the Playground."]}),"\n",(0,r.jsxs)(t.li,{children:[(0,r.jsx)(t.strong,{children:"OpenAI Embeddings"})," component generates embeddings from the user input."]}),"\n",(0,r.jsxs)(t.li,{children:[(0,r.jsx)(t.strong,{children:"Astra DB Search"})," component retrieves the most relevant Data from the Astra DB database."]}),"\n",(0,r.jsxs)(t.li,{children:[(0,r.jsx)(t.strong,{children:"Text Output"})," component turns the Data into Text by concatenating them and also displays it in the Playground."]}),"\n",(0,r.jsxs)(t.li,{children:[(0,r.jsx)(t.strong,{children:"Prompt"})," component takes in the user input and the retrieved Data as text and builds a prompt for the OpenAI model."]}),"\n",(0,r.jsxs)(t.li,{children:[(0,r.jsx)(t.strong,{children:"OpenAI"})," component generates a response to the prompt."]}),"\n",(0,r.jsxs)(t.li,{children:[(0,r.jsx)(t.strong,{children:"Chat Output"})," component displays the response in the Playground."]}),"\n"]}),"\n",(0,r.jsxs)(t.ol,{start:"4",children:["\n",(0,r.jsxs)(t.li,{children:["\n",(0,r.jsxs)(t.p,{children:["To create an environment variable for the ",(0,r.jsx)(t.strong,{children:"OpenAI"})," component, in the ",(0,r.jsx)(t.strong,{children:"OpenAI API Key"})," field, click the ",(0,r.jsx)(t.strong,{children:"Globe"})," button, and then click ",(0,r.jsx)(t.strong,{children:"Add New Variable"}),"."]}),"\n",(0,r.jsxs)(t.ol,{children:["\n",(0,r.jsxs)(t.li,{children:["In the ",(0,r.jsx)(t.strong,{children:"Variable Name"})," field, enter ",(0,r.jsx)(t.code,{children:"openai_api_key"}),"."]}),"\n",(0,r.jsxs)(t.li,{children:["In the ",(0,r.jsx)(t.strong,{children:"Value"})," field, paste your OpenAI API Key (",(0,r.jsx)(t.code,{children:"sk-..."}),")."]}),"\n",(0,r.jsxs)(t.li,{children:["Click ",(0,r.jsx)(t.strong,{children:"Save Variable"}),"."]}),"\n"]}),"\n"]}),"\n",(0,r.jsxs)(t.li,{children:["\n",(0,r.jsxs)(t.p,{children:["To create environment variables for the ",(0,r.jsx)(t.strong,{children:"Astra DB"})," and ",(0,r.jsx)(t.strong,{children:"Astra DB Search"})," components:"]}),"\n",(0,r.jsxs)(t.ol,{children:["\n",(0,r.jsxs)(t.li,{children:["In the ",(0,r.jsx)(t.strong,{children:"Token"})," field, click the ",(0,r.jsx)(t.strong,{children:"Globe"})," button, and then click ",(0,r.jsx)(t.strong,{children:"Add New Variable"}),"."]}),"\n",(0,r.jsxs)(t.li,{children:["In the ",(0,r.jsx)(t.strong,{children:"Variable Name"})," field, enter ",(0,r.jsx)(t.code,{children:"astra_token"}),"."]}),"\n",(0,r.jsxs)(t.li,{children:["In the ",(0,r.jsx)(t.strong,{children:"Value"})," field, paste your Astra application token (",(0,r.jsx)(t.code,{children:"AstraCS:WSnyFUhRxsrg\u2026\u200b"}),")."]}),"\n",(0,r.jsxs)(t.li,{children:["Click ",(0,r.jsx)(t.strong,{children:"Save Variable"}),"."]}),"\n",(0,r.jsxs)(t.li,{children:["Repeat the above steps for the ",(0,r.jsx)(t.strong,{children:"API Endpoint"})," field, pasting your Astra API Endpoint instead (",(0,r.jsx)(t.code,{children:"https://ASTRA_DB_ID-ASTRA_DB_REGION.apps.astra.datastax.com"}),")."]}),"\n",(0,r.jsxs)(t.li,{children:["Add the global variable to both the ",(0,r.jsx)(t.strong,{children:"Astra DB"})," and ",(0,r.jsx)(t.strong,{children:"Astra DB Search"})," components."]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,r.jsx)(t.h2,{id:"run-the-vector-store-rag-flow",children:"Run the vector store RAG flow"}),"\n",(0,r.jsxs)(t.ol,{children:["\n",(0,r.jsxs)(t.li,{children:["Click the ",(0,r.jsx)(t.strong,{children:"Playground"})," button.\nThe ",(0,r.jsx)(t.strong,{children:"Playground"})," opens, where you can chat with your data."]}),"\n",(0,r.jsx)(t.li,{children:'Type a message and press Enter. (Try something like "What topics do you know about?")'}),"\n",(0,r.jsx)(t.li,{children:"The bot will respond with a summary of the data you've embedded."}),"\n"]}),"\n",(0,r.jsx)(t.p,{children:'For example, we embedded a PDF of an engine maintenance manual and asked, "How do I change the oil?"\nThe bot responds:'}),"\n",(0,r.jsx)(p.Code,{codeConfig:u,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"To change the oil in the engine, follow these steps:",props:{}}]},{tokens:[{content:"",props:{}}]},{tokens:[{content:"Make sure the engine is turned off and cool before starting.",props:{}}]},{tokens:[{content:"",props:{}}]},{tokens:[{content:"Locate the oil drain plug on the bottom of the engine.",props:{}}]},{tokens:[{content:"",props:{}}]},{tokens:[{content:"Place a drain pan underneath the oil drain plug to catch the old oil...",props:{}}]}],lang:"text"},annotations:[]}]}),"\n",(0,r.jsx)(t.p,{children:"We can also get more specific:"}),"\n",(0,r.jsx)(p.Code,{codeConfig:u,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"User",props:{}}]},{tokens:[{content:"What size wrench should I use to remove the oil drain cap?",props:{}}]},{tokens:[{content:"",props:{}}]},{tokens:[{content:"AI",props:{}}]},{tokens:[{content:"You should use a 3/8 inch wrench to remove the oil drain cap.",props:{}}]}],lang:"text"},annotations:[]}]}),"\n",(0,r.jsx)(t.p,{children:"This is the size the engine manual lists as well. This confirms our flow works, because the query returns the unique knowledge we embedded from the Astra vector store."})]})}const j=function(e={}){const{wrapper:t}=Object.assign({},(0,s.RP)(),e.components);return t?(0,r.jsx)(t,Object.assign({},e,{children:(0,r.jsx)(x,e)})):x(e)};function m(e,t){throw new Error("Expected "+(t?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/assets/js/7278.3a2cdbb2.js b/assets/js/7278.3a2cdbb2.js new file mode 100644 index 0000000000..225b651eb0 --- /dev/null +++ b/assets/js/7278.3a2cdbb2.js @@ -0,0 +1 @@ +(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[7278],{7293:(e,t,n)=>{"use strict";n.d(t,{A:()=>M});var r=n(6540),a=n(4848);function o(e){const{mdxAdmonitionTitle:t,rest:n}=function(e){const t=r.Children.toArray(e),n=t.find((e=>r.isValidElement(e)&&"mdxAdmonitionTitle"===e.type)),o=t.filter((e=>e!==n)),i=n?.props.children;return{mdxAdmonitionTitle:i,rest:o.length>0?(0,a.jsx)(a.Fragment,{children:o}):null}}(e.children),o=e.title??t;return{...e,...o&&{title:o},children:n}}var i=n(8215),l=n(1312),s=n(7559);const c={admonition:"admonition_xJq3",admonitionHeading:"admonitionHeading_Gvgb",admonitionIcon:"admonitionIcon_Rf37",admonitionContent:"admonitionContent_BuS1"};function u(e){let{type:t,className:n,children:r}=e;return(0,a.jsx)("div",{className:(0,i.A)(s.G.common.admonition,s.G.common.admonitionType(t),c.admonition,n),children:r})}function d(e){let{icon:t,title:n}=e;return(0,a.jsxs)("div",{className:c.admonitionHeading,children:[(0,a.jsx)("span",{className:c.admonitionIcon,children:t}),n]})}function p(e){let{children:t}=e;return t?(0,a.jsx)("div",{className:c.admonitionContent,children:t}):null}function y(e){const{type:t,icon:n,title:r,children:o,className:i}=e;return(0,a.jsxs)(u,{type:t,className:i,children:[r||n?(0,a.jsx)(d,{title:r,icon:n}):null,(0,a.jsx)(p,{children:o})]})}function h(e){return(0,a.jsx)("svg",{viewBox:"0 0 14 16",...e,children:(0,a.jsx)("path",{fillRule:"evenodd",d:"M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"})})}const f={icon:(0,a.jsx)(h,{}),title:(0,a.jsx)(l.A,{id:"theme.admonition.note",description:"The default label used for the Note admonition (:::note)",children:"note"})};function m(e){return(0,a.jsx)(y,{...f,...e,className:(0,i.A)("alert alert--secondary",e.className),children:e.children})}function b(e){return(0,a.jsx)("svg",{viewBox:"0 0 12 16",...e,children:(0,a.jsx)("path",{fillRule:"evenodd",d:"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"})})}const P={icon:(0,a.jsx)(b,{}),title:(0,a.jsx)(l.A,{id:"theme.admonition.tip",description:"The default label used for the Tip admonition (:::tip)",children:"tip"})};function g(e){return(0,a.jsx)(y,{...P,...e,className:(0,i.A)("alert alert--success",e.className),children:e.children})}function v(e){return(0,a.jsx)("svg",{viewBox:"0 0 14 16",...e,children:(0,a.jsx)("path",{fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"})})}const w={icon:(0,a.jsx)(v,{}),title:(0,a.jsx)(l.A,{id:"theme.admonition.info",description:"The default label used for the Info admonition (:::info)",children:"info"})};function O(e){return(0,a.jsx)(y,{...w,...e,className:(0,i.A)("alert alert--info",e.className),children:e.children})}function j(e){return(0,a.jsx)("svg",{viewBox:"0 0 16 16",...e,children:(0,a.jsx)("path",{fillRule:"evenodd",d:"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"})})}const x={icon:(0,a.jsx)(j,{}),title:(0,a.jsx)(l.A,{id:"theme.admonition.warning",description:"The default label used for the Warning admonition (:::warning)",children:"warning"})};function k(e){return(0,a.jsx)("svg",{viewBox:"0 0 12 16",...e,children:(0,a.jsx)("path",{fillRule:"evenodd",d:"M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"})})}const T={icon:(0,a.jsx)(k,{}),title:(0,a.jsx)(l.A,{id:"theme.admonition.danger",description:"The default label used for the Danger admonition (:::danger)",children:"danger"})};const _={icon:(0,a.jsx)(j,{}),title:(0,a.jsx)(l.A,{id:"theme.admonition.caution",description:"The default label used for the Caution admonition (:::caution)",children:"caution"})};const A={...{note:m,tip:g,info:O,warning:function(e){return(0,a.jsx)(y,{...x,...e,className:(0,i.A)("alert alert--warning",e.className),children:e.children})},danger:function(e){return(0,a.jsx)(y,{...T,...e,className:(0,i.A)("alert alert--danger",e.className),children:e.children})}},...{secondary:e=>(0,a.jsx)(m,{title:"secondary",...e}),important:e=>(0,a.jsx)(O,{title:"important",...e}),success:e=>(0,a.jsx)(g,{title:"success",...e}),caution:function(e){return(0,a.jsx)(y,{..._,...e,className:(0,i.A)("alert alert--warning",e.className),children:e.children})}}};var C=n(6763);function M(e){const t=o(e),n=(r=t.type,A[r]||(C.warn(`No admonition component found for admonition type "${r}". Using Info as fallback.`),A.info));var r;return(0,a.jsx)(n,{...t})}},4744:e=>{"use strict";var t=function(e){return function(e){return!!e&&"object"==typeof e}(e)&&!function(e){var t=Object.prototype.toString.call(e);return"[object RegExp]"===t||"[object Date]"===t||function(e){return e.$$typeof===n}(e)}(e)};var n="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function r(e,t){return!1!==t.clone&&t.isMergeableObject(e)?s((n=e,Array.isArray(n)?[]:{}),e,t):e;var n}function a(e,t,n){return e.concat(t).map((function(e){return r(e,n)}))}function o(e){return Object.keys(e).concat(function(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter((function(t){return Object.propertyIsEnumerable.call(e,t)})):[]}(e))}function i(e,t){try{return t in e}catch(n){return!1}}function l(e,t,n){var a={};return n.isMergeableObject(e)&&o(e).forEach((function(t){a[t]=r(e[t],n)})),o(t).forEach((function(o){(function(e,t){return i(e,t)&&!(Object.hasOwnProperty.call(e,t)&&Object.propertyIsEnumerable.call(e,t))})(e,o)||(i(e,o)&&n.isMergeableObject(t[o])?a[o]=function(e,t){if(!t.customMerge)return s;var n=t.customMerge(e);return"function"==typeof n?n:s}(o,n)(e[o],t[o],n):a[o]=r(t[o],n))})),a}function s(e,n,o){(o=o||{}).arrayMerge=o.arrayMerge||a,o.isMergeableObject=o.isMergeableObject||t,o.cloneUnlessOtherwiseSpecified=r;var i=Array.isArray(n);return i===Array.isArray(e)?i?o.arrayMerge(e,n,o):l(e,n,o):r(n,o)}s.all=function(e,t){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,n){return s(e,n,t)}),{})};var c=s;e.exports=c},6147:e=>{function t(e,t){e.onload=function(){this.onerror=this.onload=null,t(null,e)},e.onerror=function(){this.onerror=this.onload=null,t(new Error("Failed to load "+this.src),e)}}function n(e,t){e.onreadystatechange=function(){"complete"!=this.readyState&&"loaded"!=this.readyState||(this.onreadystatechange=null,t(null,e))}}e.exports=function(e,r,a){var o=document.head||document.getElementsByTagName("head")[0],i=document.createElement("script");"function"==typeof r&&(a=r,r={}),r=r||{},a=a||function(){},i.type=r.type||"text/javascript",i.charset=r.charset||"utf8",i.async=!("async"in r)||!!r.async,i.src=e,r.attrs&&function(e,t){for(var n in t)e.setAttribute(n,t[n])}(i,r.attrs),r.text&&(i.text=""+r.text),("onload"in i?t:n)(i,a),i.onload||t(i,a),o.appendChild(i)}},1811:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>o});var r=Number.isNaN||function(e){return"number"==typeof e&&e!=e};function a(e,t){if(e.length!==t.length)return!1;for(var n=0;n{var r,a=n(6763),o=Object.create,i=Object.defineProperty,l=Object.getOwnPropertyDescriptor,s=Object.getOwnPropertyNames,c=Object.getPrototypeOf,u=Object.prototype.hasOwnProperty,d=(e,t,n,r)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let a of s(t))u.call(e,a)||a===n||i(e,a,{get:()=>t[a],enumerable:!(r=l(t,a))||r.enumerable});return e},p=(e,t,n)=>(n=null!=e?o(c(e)):{},d(!t&&e&&e.__esModule?n:i(n,"default",{value:e,enumerable:!0}),e)),y=(e,t,n)=>(((e,t,n)=>{t in e?i(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n})(e,"symbol"!=typeof t?t+"":t,n),n),h={};((e,t)=>{for(var n in t)i(e,n,{get:t[n],enumerable:!0})})(h,{default:()=>g}),e.exports=(r=h,d(i({},"__esModule",{value:!0}),r));var f=p(n(6540)),m=p(n(115)),b=n(7604),P=n(5635);class g extends f.Component{constructor(){super(...arguments),y(this,"mounted",!1),y(this,"isReady",!1),y(this,"isPlaying",!1),y(this,"isLoading",!0),y(this,"loadOnReady",null),y(this,"startOnPlay",!0),y(this,"seekOnPlay",null),y(this,"onDurationCalled",!1),y(this,"handlePlayerMount",(e=>{this.player||(this.player=e,this.player.load(this.props.url)),this.progress()})),y(this,"getInternalPlayer",(e=>this.player?this.player[e]:null)),y(this,"progress",(()=>{if(this.props.url&&this.player&&this.isReady){const e=this.getCurrentTime()||0,t=this.getSecondsLoaded(),n=this.getDuration();if(n){const r={playedSeconds:e,played:e/n};null!==t&&(r.loadedSeconds=t,r.loaded=t/n),r.playedSeconds===this.prevPlayed&&r.loadedSeconds===this.prevLoaded||this.props.onProgress(r),this.prevPlayed=r.playedSeconds,this.prevLoaded=r.loadedSeconds}}this.progressTimeout=setTimeout(this.progress,this.props.progressFrequency||this.props.progressInterval)})),y(this,"handleReady",(()=>{if(!this.mounted)return;this.isReady=!0,this.isLoading=!1;const{onReady:e,playing:t,volume:n,muted:r}=this.props;e(),r||null===n||this.player.setVolume(n),this.loadOnReady?(this.player.load(this.loadOnReady,!0),this.loadOnReady=null):t&&this.player.play(),this.handleDurationCheck()})),y(this,"handlePlay",(()=>{this.isPlaying=!0,this.isLoading=!1;const{onStart:e,onPlay:t,playbackRate:n}=this.props;this.startOnPlay&&(this.player.setPlaybackRate&&1!==n&&this.player.setPlaybackRate(n),e(),this.startOnPlay=!1),t(),this.seekOnPlay&&(this.seekTo(this.seekOnPlay),this.seekOnPlay=null),this.handleDurationCheck()})),y(this,"handlePause",(e=>{this.isPlaying=!1,this.isLoading||this.props.onPause(e)})),y(this,"handleEnded",(()=>{const{activePlayer:e,loop:t,onEnded:n}=this.props;e.loopOnEnded&&t&&this.seekTo(0),t||(this.isPlaying=!1,n())})),y(this,"handleError",((...e)=>{this.isLoading=!1,this.props.onError(...e)})),y(this,"handleDurationCheck",(()=>{clearTimeout(this.durationCheckTimeout);const e=this.getDuration();e?this.onDurationCalled||(this.props.onDuration(e),this.onDurationCalled=!0):this.durationCheckTimeout=setTimeout(this.handleDurationCheck,100)})),y(this,"handleLoaded",(()=>{this.isLoading=!1}))}componentDidMount(){this.mounted=!0}componentWillUnmount(){clearTimeout(this.progressTimeout),clearTimeout(this.durationCheckTimeout),this.isReady&&this.props.stopOnUnmount&&(this.player.stop(),this.player.disablePIP&&this.player.disablePIP()),this.mounted=!1}componentDidUpdate(e){if(!this.player)return;const{url:t,playing:n,volume:r,muted:o,playbackRate:i,pip:l,loop:s,activePlayer:c,disableDeferredLoading:u}=this.props;if(!(0,m.default)(e.url,t)){if(this.isLoading&&!c.forceLoad&&!u&&!(0,P.isMediaStream)(t))return a.warn(`ReactPlayer: the attempt to load ${t} is being deferred until the player has loaded`),void(this.loadOnReady=t);this.isLoading=!0,this.startOnPlay=!0,this.onDurationCalled=!1,this.player.load(t,this.isReady)}e.playing||!n||this.isPlaying||this.player.play(),e.playing&&!n&&this.isPlaying&&this.player.pause(),!e.pip&&l&&this.player.enablePIP&&this.player.enablePIP(),e.pip&&!l&&this.player.disablePIP&&this.player.disablePIP(),e.volume!==r&&null!==r&&this.player.setVolume(r),e.muted!==o&&(o?this.player.mute():(this.player.unmute(),null!==r&&setTimeout((()=>this.player.setVolume(r))))),e.playbackRate!==i&&this.player.setPlaybackRate&&this.player.setPlaybackRate(i),e.loop!==s&&this.player.setLoop&&this.player.setLoop(s)}getDuration(){return this.isReady?this.player.getDuration():null}getCurrentTime(){return this.isReady?this.player.getCurrentTime():null}getSecondsLoaded(){return this.isReady?this.player.getSecondsLoaded():null}seekTo(e,t,n){if(!this.isReady)return void(0!==e&&(this.seekOnPlay=e,setTimeout((()=>{this.seekOnPlay=null}),5e3)));if(t?"fraction"===t:e>0&&e<1){const t=this.player.getDuration();return t?void this.player.seekTo(t*e,n):void a.warn("ReactPlayer: could not seek using fraction \u2013\xa0duration not yet available")}this.player.seekTo(e,n)}render(){const e=this.props.activePlayer;return e?f.default.createElement(e,{...this.props,onMount:this.handlePlayerMount,onReady:this.handleReady,onPlay:this.handlePlay,onPause:this.handlePause,onEnded:this.handleEnded,onLoaded:this.handleLoaded,onError:this.handleError}):null}}y(g,"displayName","Player"),y(g,"propTypes",b.propTypes),y(g,"defaultProps",b.defaultProps)},5580:(e,t,n)=>{var r,a=Object.create,o=Object.defineProperty,i=Object.getOwnPropertyDescriptor,l=Object.getOwnPropertyNames,s=Object.getPrototypeOf,c=Object.prototype.hasOwnProperty,u=(e,t,n,r)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let a of l(t))c.call(e,a)||a===n||o(e,a,{get:()=>t[a],enumerable:!(r=i(t,a))||r.enumerable});return e},d=(e,t,n)=>(n=null!=e?a(s(e)):{},u(!t&&e&&e.__esModule?n:o(n,"default",{value:e,enumerable:!0}),e)),p=(e,t,n)=>(((e,t,n)=>{t in e?o(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n})(e,"symbol"!=typeof t?t+"":t,n),n),y={};((e,t)=>{for(var n in t)o(e,n,{get:t[n],enumerable:!0})})(y,{createReactPlayer:()=>_}),e.exports=(r=y,u(o({},"__esModule",{value:!0}),r));var h=d(n(6540)),f=d(n(4744)),m=d(n(1811)),b=d(n(115)),P=n(7604),g=n(5635),v=d(n(8021));const w=(0,g.lazy)((()=>n.e(6353).then(n.t.bind(n,6734,23)))),O="undefined"!=typeof window&&window.document&&"undefined"!=typeof document,j=void 0!==n.g&&n.g.window&&n.g.window.document,x=Object.keys(P.propTypes),k=O||j?h.Suspense:()=>null,T=[],_=(e,t)=>{var n;return n=class extends h.Component{constructor(){super(...arguments),p(this,"state",{showPreview:!!this.props.light}),p(this,"references",{wrapper:e=>{this.wrapper=e},player:e=>{this.player=e}}),p(this,"handleClickPreview",(e=>{this.setState({showPreview:!1}),this.props.onClickPreview(e)})),p(this,"showPreview",(()=>{this.setState({showPreview:!0})})),p(this,"getDuration",(()=>this.player?this.player.getDuration():null)),p(this,"getCurrentTime",(()=>this.player?this.player.getCurrentTime():null)),p(this,"getSecondsLoaded",(()=>this.player?this.player.getSecondsLoaded():null)),p(this,"getInternalPlayer",((e="player")=>this.player?this.player.getInternalPlayer(e):null)),p(this,"seekTo",((e,t,n)=>{if(!this.player)return null;this.player.seekTo(e,t,n)})),p(this,"handleReady",(()=>{this.props.onReady(this)})),p(this,"getActivePlayer",(0,m.default)((n=>{for(const t of[...T,...e])if(t.canPlay(n))return t;return t||null}))),p(this,"getConfig",(0,m.default)(((e,t)=>{const{config:n}=this.props;return f.default.all([P.defaultProps.config,P.defaultProps.config[t]||{},n,n[t]||{}])}))),p(this,"getAttributes",(0,m.default)((e=>(0,g.omit)(this.props,x)))),p(this,"renderActivePlayer",(e=>{if(!e)return null;const t=this.getActivePlayer(e);if(!t)return null;const n=this.getConfig(e,t.key);return h.default.createElement(v.default,{...this.props,key:t.key,ref:this.references.player,config:n,activePlayer:t.lazyPlayer||t,onReady:this.handleReady})}))}shouldComponentUpdate(e,t){return!(0,b.default)(this.props,e)||!(0,b.default)(this.state,t)}componentDidUpdate(e){const{light:t}=this.props;!e.light&&t&&this.setState({showPreview:!0}),e.light&&!t&&this.setState({showPreview:!1})}renderPreview(e){if(!e)return null;const{light:t,playIcon:n,previewTabIndex:r,oEmbedUrl:a,previewAriaLabel:o}=this.props;return h.default.createElement(w,{url:e,light:t,playIcon:n,previewTabIndex:r,previewAriaLabel:o,oEmbedUrl:a,onClick:this.handleClickPreview})}render(){const{url:e,style:t,width:n,height:r,fallback:a,wrapper:o}=this.props,{showPreview:i}=this.state,l=this.getAttributes(e),s="string"==typeof o?this.references.wrapper:void 0;return h.default.createElement(o,{ref:s,style:{...t,width:n,height:r},...l},h.default.createElement(k,{fallback:a},i?this.renderPreview(e):this.renderActivePlayer(e)))}},p(n,"displayName","ReactPlayer"),p(n,"propTypes",P.propTypes),p(n,"defaultProps",P.defaultProps),p(n,"addCustomPlayer",(e=>{T.push(e)})),p(n,"removeCustomPlayers",(()=>{T.length=0})),p(n,"canPlay",(t=>{for(const n of[...T,...e])if(n.canPlay(t))return!0;return!1})),p(n,"canEnablePIP",(t=>{for(const n of[...T,...e])if(n.canEnablePIP&&n.canEnablePIP(t))return!0;return!1})),n}},3554:(e,t,n)=>{var r,a=Object.create,o=Object.defineProperty,i=Object.getOwnPropertyDescriptor,l=Object.getOwnPropertyNames,s=Object.getPrototypeOf,c=Object.prototype.hasOwnProperty,u=(e,t,n,r)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let a of l(t))c.call(e,a)||a===n||o(e,a,{get:()=>t[a],enumerable:!(r=i(t,a))||r.enumerable});return e},d={};((e,t)=>{for(var n in t)o(e,n,{get:t[n],enumerable:!0})})(d,{default:()=>f}),e.exports=(r=d,u(o({},"__esModule",{value:!0}),r));var p=((e,t,n)=>(n=null!=e?a(s(e)):{},u(!t&&e&&e.__esModule?n:o(n,"default",{value:e,enumerable:!0}),e)))(n(7015)),y=n(5580);const h=p.default[p.default.length-1];var f=(0,y.createReactPlayer)(p.default,h)},327:(e,t,n)=>{var r,a=Object.defineProperty,o=Object.getOwnPropertyDescriptor,i=Object.getOwnPropertyNames,l=Object.prototype.hasOwnProperty,s={};((e,t)=>{for(var n in t)a(e,n,{get:t[n],enumerable:!0})})(s,{AUDIO_EXTENSIONS:()=>x,DASH_EXTENSIONS:()=>_,FLV_EXTENSIONS:()=>A,HLS_EXTENSIONS:()=>T,MATCH_URL_DAILYMOTION:()=>v,MATCH_URL_FACEBOOK:()=>h,MATCH_URL_FACEBOOK_WATCH:()=>f,MATCH_URL_KALTURA:()=>j,MATCH_URL_MIXCLOUD:()=>w,MATCH_URL_MUX:()=>y,MATCH_URL_SOUNDCLOUD:()=>d,MATCH_URL_STREAMABLE:()=>m,MATCH_URL_TWITCH_CHANNEL:()=>g,MATCH_URL_TWITCH_VIDEO:()=>P,MATCH_URL_VIDYARD:()=>O,MATCH_URL_VIMEO:()=>p,MATCH_URL_WISTIA:()=>b,MATCH_URL_YOUTUBE:()=>u,VIDEO_EXTENSIONS:()=>k,canPlay:()=>M}),e.exports=(r=s,((e,t,n,r)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let s of i(t))l.call(e,s)||s===n||a(e,s,{get:()=>t[s],enumerable:!(r=o(t,s))||r.enumerable});return e})(a({},"__esModule",{value:!0}),r));var c=n(5635);const u=/(?:youtu\.be\/|youtube(?:-nocookie|education)?\.com\/(?:embed\/|v\/|watch\/|watch\?v=|watch\?.+&v=|shorts\/|live\/))((\w|-){11})|youtube\.com\/playlist\?list=|youtube\.com\/user\//,d=/(?:soundcloud\.com|snd\.sc)\/[^.]+$/,p=/vimeo\.com\/(?!progressive_redirect).+/,y=/stream\.mux\.com\/(?!\w+\.m3u8)(\w+)/,h=/^https?:\/\/(www\.)?facebook\.com.*\/(video(s)?|watch|story)(\.php?|\/).+$/,f=/^https?:\/\/fb\.watch\/.+$/,m=/streamable\.com\/([a-z0-9]+)$/,b=/(?:wistia\.(?:com|net)|wi\.st)\/(?:medias|embed)\/(?:iframe\/)?([^?]+)/,P=/(?:www\.|go\.)?twitch\.tv\/videos\/(\d+)($|\?)/,g=/(?:www\.|go\.)?twitch\.tv\/([a-zA-Z0-9_]+)($|\?)/,v=/^(?:(?:https?):)?(?:\/\/)?(?:www\.)?(?:(?:dailymotion\.com(?:\/embed)?\/video)|dai\.ly)\/([a-zA-Z0-9]+)(?:_[\w_-]+)?(?:[\w.#_-]+)?/,w=/mixcloud\.com\/([^/]+\/[^/]+)/,O=/vidyard.com\/(?:watch\/)?([a-zA-Z0-9-_]+)/,j=/^https?:\/\/[a-zA-Z]+\.kaltura.(com|org)\/p\/([0-9]+)\/sp\/([0-9]+)00\/embedIframeJs\/uiconf_id\/([0-9]+)\/partner_id\/([0-9]+)(.*)entry_id.([a-zA-Z0-9-_].*)$/,x=/\.(m4a|m4b|mp4a|mpga|mp2|mp2a|mp3|m2a|m3a|wav|weba|aac|oga|spx)($|\?)/i,k=/\.(mp4|og[gv]|webm|mov|m4v)(#t=[,\d+]+)?($|\?)/i,T=/\.(m3u8)($|\?)/i,_=/\.(mpd)($|\?)/i,A=/\.(flv)($|\?)/i,C=e=>{if(e instanceof Array){for(const t of e){if("string"==typeof t&&C(t))return!0;if(C(t.src))return!0}return!1}return!(!(0,c.isMediaStream)(e)&&!(0,c.isBlobUrl)(e))||(x.test(e)||k.test(e)||T.test(e)||_.test(e)||A.test(e))},M={youtube:e=>e instanceof Array?e.every((e=>u.test(e))):u.test(e),soundcloud:e=>d.test(e)&&!x.test(e),vimeo:e=>p.test(e)&&!k.test(e)&&!T.test(e),mux:e=>y.test(e),facebook:e=>h.test(e)||f.test(e),streamable:e=>m.test(e),wistia:e=>b.test(e),twitch:e=>P.test(e)||g.test(e),dailymotion:e=>v.test(e),mixcloud:e=>w.test(e),vidyard:e=>O.test(e),kaltura:e=>j.test(e),file:C}},7015:(e,t,n)=>{Object.create;var r,a=Object.defineProperty,o=Object.getOwnPropertyDescriptor,i=Object.getOwnPropertyNames,l=(Object.getPrototypeOf,Object.prototype.hasOwnProperty),s=(e,t,n,r)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let s of i(t))l.call(e,s)||s===n||a(e,s,{get:()=>t[s],enumerable:!(r=o(t,s))||r.enumerable});return e},c={};((e,t)=>{for(var n in t)a(e,n,{get:t[n],enumerable:!0})})(c,{default:()=>p}),e.exports=(r=c,s(a({},"__esModule",{value:!0}),r));var u=n(5635),d=n(327),p=[{key:"youtube",name:"YouTube",canPlay:d.canPlay.youtube,lazyPlayer:(0,u.lazy)((()=>n.e(8446).then(n.t.bind(n,2910,23))))},{key:"soundcloud",name:"SoundCloud",canPlay:d.canPlay.soundcloud,lazyPlayer:(0,u.lazy)((()=>n.e(9979).then(n.t.bind(n,3127,23))))},{key:"vimeo",name:"Vimeo",canPlay:d.canPlay.vimeo,lazyPlayer:(0,u.lazy)((()=>n.e(6173).then(n.t.bind(n,1423,23))))},{key:"mux",name:"Mux",canPlay:d.canPlay.mux,lazyPlayer:(0,u.lazy)((()=>n.e(2723).then(n.t.bind(n,7553,23))))},{key:"facebook",name:"Facebook",canPlay:d.canPlay.facebook,lazyPlayer:(0,u.lazy)((()=>n.e(6887).then(n.t.bind(n,1343,23))))},{key:"streamable",name:"Streamable",canPlay:d.canPlay.streamable,lazyPlayer:(0,u.lazy)((()=>n.e(7627).then(n.t.bind(n,9643,23))))},{key:"wistia",name:"Wistia",canPlay:d.canPlay.wistia,lazyPlayer:(0,u.lazy)((()=>n.e(9340).then(n.t.bind(n,3330,23))))},{key:"twitch",name:"Twitch",canPlay:d.canPlay.twitch,lazyPlayer:(0,u.lazy)((()=>n.e(2042).then(n.t.bind(n,1400,23))))},{key:"dailymotion",name:"DailyMotion",canPlay:d.canPlay.dailymotion,lazyPlayer:(0,u.lazy)((()=>n.e(6328).then(n.t.bind(n,9348,23))))},{key:"mixcloud",name:"Mixcloud",canPlay:d.canPlay.mixcloud,lazyPlayer:(0,u.lazy)((()=>n.e(7570).then(n.t.bind(n,3276,23))))},{key:"vidyard",name:"Vidyard",canPlay:d.canPlay.vidyard,lazyPlayer:(0,u.lazy)((()=>n.e(3392).then(n.t.bind(n,3552,23))))},{key:"kaltura",name:"Kaltura",canPlay:d.canPlay.kaltura,lazyPlayer:(0,u.lazy)((()=>n.e(6463).then(n.t.bind(n,7945,23))))},{key:"file",name:"FilePlayer",canPlay:d.canPlay.file,canEnablePIP:e=>d.canPlay.file(e)&&(document.pictureInPictureEnabled||(0,u.supportsWebKitPresentationMode)())&&!d.AUDIO_EXTENSIONS.test(e),lazyPlayer:(0,u.lazy)((()=>n.e(7458).then(n.t.bind(n,688,23))))}]},7604:(e,t,n)=>{var r,a=Object.create,o=Object.defineProperty,i=Object.getOwnPropertyDescriptor,l=Object.getOwnPropertyNames,s=Object.getPrototypeOf,c=Object.prototype.hasOwnProperty,u=(e,t,n,r)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let a of l(t))c.call(e,a)||a===n||o(e,a,{get:()=>t[a],enumerable:!(r=i(t,a))||r.enumerable});return e},d={};((e,t)=>{for(var n in t)o(e,n,{get:t[n],enumerable:!0})})(d,{defaultProps:()=>x,propTypes:()=>O}),e.exports=(r=d,u(o({},"__esModule",{value:!0}),r));var p=((e,t,n)=>(n=null!=e?a(s(e)):{},u(!t&&e&&e.__esModule?n:o(n,"default",{value:e,enumerable:!0}),e)))(n(5556));const{string:y,bool:h,number:f,array:m,oneOfType:b,shape:P,object:g,func:v,node:w}=p.default,O={url:b([y,m,g]),playing:h,loop:h,controls:h,volume:f,muted:h,playbackRate:f,width:b([y,f]),height:b([y,f]),style:g,progressInterval:f,playsinline:h,pip:h,stopOnUnmount:h,light:b([h,y,g]),playIcon:w,previewTabIndex:f,previewAriaLabel:y,fallback:w,oEmbedUrl:y,wrapper:b([y,v,P({render:v.isRequired})]),config:P({soundcloud:P({options:g}),youtube:P({playerVars:g,embedOptions:g,onUnstarted:v}),facebook:P({appId:y,version:y,playerId:y,attributes:g}),dailymotion:P({params:g}),vimeo:P({playerOptions:g,title:y}),mux:P({attributes:g,version:y}),file:P({attributes:g,tracks:m,forceVideo:h,forceAudio:h,forceHLS:h,forceSafariHLS:h,forceDisableHls:h,forceDASH:h,forceFLV:h,hlsOptions:g,hlsVersion:y,dashVersion:y,flvVersion:y}),wistia:P({options:g,playerId:y,customControls:m}),mixcloud:P({options:g}),twitch:P({options:g,playerId:y}),vidyard:P({options:g})}),onReady:v,onStart:v,onPlay:v,onPause:v,onBuffer:v,onBufferEnd:v,onEnded:v,onError:v,onDuration:v,onSeek:v,onPlaybackRateChange:v,onPlaybackQualityChange:v,onProgress:v,onClickPreview:v,onEnablePIP:v,onDisablePIP:v},j=()=>{},x={playing:!1,loop:!1,controls:!1,volume:null,muted:!1,playbackRate:1,width:"640px",height:"360px",style:{},progressInterval:1e3,playsinline:!1,pip:!1,stopOnUnmount:!0,light:!1,fallback:null,wrapper:"div",previewTabIndex:0,previewAriaLabel:"",oEmbedUrl:"https://noembed.com/embed?url={url}",config:{soundcloud:{options:{visual:!0,buying:!1,liking:!1,download:!1,sharing:!1,show_comments:!1,show_playcount:!1}},youtube:{playerVars:{playsinline:1,showinfo:0,rel:0,iv_load_policy:3,modestbranding:1},embedOptions:{},onUnstarted:j},facebook:{appId:"1309697205772819",version:"v3.3",playerId:null,attributes:{}},dailymotion:{params:{api:1,"endscreen-enable":!1}},vimeo:{playerOptions:{autopause:!1,byline:!1,portrait:!1,title:!1},title:null},mux:{attributes:{},version:"2"},file:{attributes:{},tracks:[],forceVideo:!1,forceAudio:!1,forceHLS:!1,forceDASH:!1,forceFLV:!1,hlsOptions:{},hlsVersion:"1.1.4",dashVersion:"3.1.3",flvVersion:"1.5.0",forceDisableHls:!1},wistia:{options:{},playerId:null,customControls:null},mixcloud:{options:{hide_cover:1}},twitch:{options:{},playerId:null},vidyard:{options:{}}},onReady:j,onStart:j,onPlay:j,onPause:j,onBuffer:j,onBufferEnd:j,onEnded:j,onError:j,onDuration:j,onSeek:j,onPlaybackRateChange:j,onPlaybackQualityChange:j,onProgress:j,onClickPreview:j,onEnablePIP:j,onDisablePIP:j}},5635:(e,t,n)=>{var r,a=n(6763),o=Object.create,i=Object.defineProperty,l=Object.getOwnPropertyDescriptor,s=Object.getOwnPropertyNames,c=Object.getPrototypeOf,u=Object.prototype.hasOwnProperty,d=(e,t,n,r)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let a of s(t))u.call(e,a)||a===n||i(e,a,{get:()=>t[a],enumerable:!(r=l(t,a))||r.enumerable});return e},p=(e,t,n)=>(n=null!=e?o(c(e)):{},d(!t&&e&&e.__esModule?n:i(n,"default",{value:e,enumerable:!0}),e)),y={};((e,t)=>{for(var n in t)i(e,n,{get:t[n],enumerable:!0})})(y,{callPlayer:()=>I,getConfig:()=>M,getSDK:()=>C,isBlobUrl:()=>R,isMediaStream:()=>E,lazy:()=>b,omit:()=>S,parseEndTime:()=>x,parseStartTime:()=>j,queryString:()=>T,randomString:()=>k,supportsWebKitPresentationMode:()=>L}),e.exports=(r=y,d(i({},"__esModule",{value:!0}),r));var h=p(n(6540)),f=p(n(6147)),m=p(n(4744));const b=e=>h.default.lazy((async()=>{const t=await e();return"function"==typeof t.default?t:t.default})),P=/[?&#](?:start|t)=([0-9hms]+)/,g=/[?&#]end=([0-9hms]+)/,v=/(\d+)(h|m|s)/g,w=/^\d+$/;function O(e,t){if(e instanceof Array)return;const n=e.match(t);if(n){const e=n[1];if(e.match(v))return function(e){let t=0,n=v.exec(e);for(;null!==n;){const[,r,a]=n;"h"===a&&(t+=60*parseInt(r,10)*60),"m"===a&&(t+=60*parseInt(r,10)),"s"===a&&(t+=parseInt(r,10)),n=v.exec(e)}return t}(e);if(w.test(e))return parseInt(e)}}function j(e){return O(e,P)}function x(e){return O(e,g)}function k(){return Math.random().toString(36).substr(2,5)}function T(e){return Object.keys(e).map((t=>`${t}=${e[t]}`)).join("&")}function _(e){return window[e]?window[e]:window.exports&&window.exports[e]?window.exports[e]:window.module&&window.module.exports&&window.module.exports[e]?window.module.exports[e]:null}const A={},C=function(e){0;return e}((function(e,t,n=null,r=(()=>!0),a=f.default){const o=_(t);return o&&r(o)?Promise.resolve(o):new Promise(((r,o)=>{if(A[e])return void A[e].push({resolve:r,reject:o});A[e]=[{resolve:r,reject:o}];const i=t=>{A[e].forEach((e=>e.resolve(t)))};if(n){const e=window[n];window[n]=function(){e&&e(),i(_(t))}}a(e,(r=>{r?(A[e].forEach((e=>e.reject(r))),A[e]=null):n||i(_(t))}))}))}));function M(e,t){return(0,m.default)(t.config,e.config)}function S(e,...t){const n=[].concat(...t),r={},a=Object.keys(e);for(const o of a)-1===n.indexOf(o)&&(r[o]=e[o]);return r}function I(e,...t){if(!this.player||!this.player[e]){let t=`ReactPlayer: ${this.constructor.displayName} player could not call %c${e}%c \u2013 `;return this.player?this.player[e]||(t+="The method was not available"):t+="The player was not available",a.warn(t,"font-weight: bold",""),null}return this.player[e](...t)}function E(e){return"undefined"!=typeof window&&void 0!==window.MediaStream&&e instanceof window.MediaStream}function R(e){return/^blob:/.test(e)}function L(e=document.createElement("video")){const t=!1===/iPhone|iPod/.test(navigator.userAgent);return e.webkitSupportsPresentationMode&&"function"==typeof e.webkitSetPresentationMode&&t}}}]); \ No newline at end of file diff --git a/assets/js/7736.62a43c3b.js b/assets/js/7736.62a43c3b.js deleted file mode 100644 index 0ad0af52e9..0000000000 --- a/assets/js/7736.62a43c3b.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[7736],{7293:(e,t,n)=>{n.d(t,{A:()=>F});var r=n(6540),o=n(4848);function i(e){const{mdxAdmonitionTitle:t,rest:n}=function(e){const t=r.Children.toArray(e),n=t.find((e=>r.isValidElement(e)&&"mdxAdmonitionTitle"===e.type)),i=t.filter((e=>e!==n)),s=n?.props.children;return{mdxAdmonitionTitle:s,rest:i.length>0?(0,o.jsx)(o.Fragment,{children:i}):null}}(e.children),i=e.title??t;return{...e,...i&&{title:i},children:n}}var s=n(8215),a=n(1312),l=n(7559);const c={admonition:"admonition_xJq3",admonitionHeading:"admonitionHeading_Gvgb",admonitionIcon:"admonitionIcon_Rf37",admonitionContent:"admonitionContent_BuS1"};function u(e){let{type:t,className:n,children:r}=e;return(0,o.jsx)("div",{className:(0,s.A)(l.G.common.admonition,l.G.common.admonitionType(t),c.admonition,n),children:r})}function d(e){let{icon:t,title:n}=e;return(0,o.jsxs)("div",{className:c.admonitionHeading,children:[(0,o.jsx)("span",{className:c.admonitionIcon,children:t}),n]})}function h(e){let{children:t}=e;return t?(0,o.jsx)("div",{className:c.admonitionContent,children:t}):null}function f(e){const{type:t,icon:n,title:r,children:i,className:s}=e;return(0,o.jsxs)(u,{type:t,className:s,children:[r||n?(0,o.jsx)(d,{title:r,icon:n}):null,(0,o.jsx)(h,{children:i})]})}function m(e){return(0,o.jsx)("svg",{viewBox:"0 0 14 16",...e,children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"})})}const p={icon:(0,o.jsx)(m,{}),title:(0,o.jsx)(a.A,{id:"theme.admonition.note",description:"The default label used for the Note admonition (:::note)",children:"note"})};function v(e){return(0,o.jsx)(f,{...p,...e,className:(0,s.A)("alert alert--secondary",e.className),children:e.children})}function g(e){return(0,o.jsx)("svg",{viewBox:"0 0 12 16",...e,children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"})})}const b={icon:(0,o.jsx)(g,{}),title:(0,o.jsx)(a.A,{id:"theme.admonition.tip",description:"The default label used for the Tip admonition (:::tip)",children:"tip"})};function y(e){return(0,o.jsx)(f,{...b,...e,className:(0,s.A)("alert alert--success",e.className),children:e.children})}function x(e){return(0,o.jsx)("svg",{viewBox:"0 0 14 16",...e,children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"})})}const w={icon:(0,o.jsx)(x,{}),title:(0,o.jsx)(a.A,{id:"theme.admonition.info",description:"The default label used for the Info admonition (:::info)",children:"info"})};function E(e){return(0,o.jsx)(f,{...w,...e,className:(0,s.A)("alert alert--info",e.className),children:e.children})}function j(e){return(0,o.jsx)("svg",{viewBox:"0 0 16 16",...e,children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"})})}const C={icon:(0,o.jsx)(j,{}),title:(0,o.jsx)(a.A,{id:"theme.admonition.warning",description:"The default label used for the Warning admonition (:::warning)",children:"warning"})};function N(e){return(0,o.jsx)("svg",{viewBox:"0 0 12 16",...e,children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"})})}const O={icon:(0,o.jsx)(N,{}),title:(0,o.jsx)(a.A,{id:"theme.admonition.danger",description:"The default label used for the Danger admonition (:::danger)",children:"danger"})};const k={icon:(0,o.jsx)(j,{}),title:(0,o.jsx)(a.A,{id:"theme.admonition.caution",description:"The default label used for the Caution admonition (:::caution)",children:"caution"})};const S={...{note:v,tip:y,info:E,warning:function(e){return(0,o.jsx)(f,{...C,...e,className:(0,s.A)("alert alert--warning",e.className),children:e.children})},danger:function(e){return(0,o.jsx)(f,{...O,...e,className:(0,s.A)("alert alert--danger",e.className),children:e.children})}},...{secondary:e=>(0,o.jsx)(v,{title:"secondary",...e}),important:e=>(0,o.jsx)(E,{title:"important",...e}),success:e=>(0,o.jsx)(y,{title:"success",...e}),caution:function(e){return(0,o.jsx)(f,{...k,...e,className:(0,s.A)("alert alert--warning",e.className),children:e.children})}}};var _=n(6763);function F(e){const t=i(e),n=(r=t.type,S[r]||(_.warn(`No admonition component found for admonition type "${r}". Using Info as fallback.`),S.info));var r;return(0,o.jsx)(n,{...t})}},4754:(e,t,n)=>{n.d(t,{Cy:()=>St,Fk:()=>Nn,R0:()=>Mn,W_:()=>Lt,Wu:()=>En,hk:()=>_n});var r=n(6540),o=n(961),i=n(6763);function s(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o/^#([A-Fa-f0-9]{3,4}){1,2}$/.test(e),l=(e,t)=>e.match(new RegExp(`.{${t}}`,"g")),c=e=>parseInt(e.repeat(2/e.length),16);function u(e,t){return void 0!==e?e/255:"number"!=typeof t||t<0||t>1?1:t}function d(e,t){if(!e)return e;const{r:n,g:r,b:o,a:i}=function(e){if(!e)return;if(!a(e))throw new Error("Invalid color string, must be a valid hex color");const t=Math.floor((e.length-1)/3),n=l(e.slice(1),t),[r,o,i,s]=n.map(c);return{r:r,g:o,b:i,a:u(s,1)}}(e);return function(e){if(!e)return;const{r:t,g:n,b:r,a:o}=e,i=Math.round(255*o);return`#${t.toString(16).padStart(2,"0")}${n.toString(16).padStart(2,"0")}${r.toString(16).padStart(2,"0")}${i.toString(16).padStart(2,"0")}`}({r:n,g:r,b:o,a:i*t})}function h(e,t){return{prev:t(e.prev,"prev"),next:t(e.next,"next")}}function f(e,t){return{prev:void 0===(null==e?void 0:e.prev)?t:e.prev,next:void 0===(null==e?void 0:e.next)?t:e.next}}function m(e,t,n){return h(f(e,t),n)}function p(e,t){return t(e.prev)||t(e.next)}function v(e){return e.lines.map((e=>e.tokens.map((e=>e.content)).join(""))).join("\n")}function g(e){return e.split(/,(?![^\[]*\])/g)}function b(e){return e.reduce(((e,t)=>Object.assign(e,t)),{})}function y(e){const t=e.match(/(\d+)\[(.+)\]/);if(t){const[,e,n]=t,r=n.split(",").map(x),o=Number(e);return{[o]:r}}return b(j(e).map((e=>({[e]:!0}))))}function x(e){const[t,n]=e.split(":");if(!C(t))throw new O(t);const r=Number(t);if(r<1)throw new N;if(n){if(!C(n))throw new O(n);return{start:r,end:+n}}return{start:r,end:r}}function w(e){if(!e)throw new Error("Focus cannot be empty");try{return function(e){const t={};let n=-1,r=null==e?0:e.length;for(;++ne-1))]]}return j(e).map((e=>[e-1,!0]))}function j(e){const[t,n]=e.split(":");if(!C(t))throw new O(t);const r=Number(t);if(r<1)throw new N;if(n){if(!C(n))throw new O(n);const e=[];for(let t=r;t<=+n;t++)e.push(t);return e}return[r]}function C(e){e=e.toString();var t=Math.abs(e),n=parseInt(e,10);return!isNaN(t)&&n===t&&t.toString()===e}class N extends Error{constructor(){super("Invalid line or column number in focus string"),Object.setPrototypeOf(this,new.target.prototype)}}class O extends Error{constructor(e){super(`Invalid number "${e}" in focus string`),this.number=e,Object.setPrototypeOf(this,new.target.prototype)}}const k="undefined"!=typeof window?r.useLayoutEffect:r.useEffect;const S=200;function _(e,t,n,o,i,s){const[a,l]=r.useState(null),[c,u]=r.useState(0),d=function(){const[e,t]=r.useState(void 0);return r.useEffect((()=>{function e(){t(window.innerWidth)}return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)}),[]),e}(),h=r.useRef(null),{prevLongestLine:f,nextLongestLine:m,element:p}=r.useMemo((()=>{const n=L(e.prev,t.prev),s=L(e.next,t.next),a=(e.prev||e.next).trimEnd().split(F),l=Math.max(a.length,10);if(i){const e="focus"===i?function(e,t){const[n,r]=function(e,t){if(e){const t=w(e),n=Object.keys(t).map((e=>parseInt(e,10)));return[Math.min(...n),Math.max(...n)]}return[0,t.length-1]}(e.prev,t);return r-n+1}(t,a):i;let r=a.length;for(;re;)a.pop(),r--;n&&!a.includes(n)&&(a[a.length-1]=n)}let c=!1;const u=r.createElement("code",{className:"ch-code-scroll-parent"},r.createElement("br",null),a.map(((e,t)=>{const i=c||e!==n?void 0:h;return c=c||null!=i,r.createElement("div",{ref:i,key:t},o?r.createElement("span",{className:"ch-code-line-number"},"_",l):void 0,r.createElement("div",{style:{display:"inline-block",marginLeft:16}},r.createElement("span",null,e)))})),r.createElement("br",null));return{prevLongestLine:n,nextLongestLine:s,element:u}}),[e]),v=[...s,d,f,m,n,c];return k((()=>{var e;if(h.current){const t=h.current,r=null==t?void 0:t.parentElement,o=r.parentElement,{width:i}=o.getBoundingClientRect();if(!i&&0===c){const e=new ResizeObserver((([t])=>{const{width:n}=t.contentRect;n&&(e.disconnect(),u(1))}));return e.observe(o),()=>e.disconnect()}const s=null==t?void 0:t.querySelector(":scope > div"),a=null==t?void 0:t.querySelector(":scope > span"),d=a?function(e){const t=getComputedStyle(e);return parseFloat(t.width)}(a):0,p=P(s),g=p/f.length||1,b=m.length*g,y=null!==(e=M(s))&&void 0!==e?e:20,x={containerWidth:P(o.parentElement),containerHeight:M(o.parentElement),contentWidth:P(r.parentElement),contentHeight:M(r.parentElement),lineWidths:[p||b||S,b||p||S],lineWidth:[Math.max(p||b||S,g*n),Math.max(b||p||S,g*n)],lineHeight:y,colWidth:g,lineNumberWidth:d,deps:v};l(x)}return()=>{}}),v),!a||function(e,t){for(let n=0;nparseInt(e,10)))}return[...t.keys()]}(t,n);let o="";return n.forEach(((e,t)=>{r.includes(t)&&e.length>o.length&&(o=e)})),o}function P(e){const t=getComputedStyle(e);return parseFloat(t.width)-parseFloat(t.paddingLeft)-parseFloat(t.paddingRight)}function M(e){if(!e)return null;const t=getComputedStyle(e);return parseFloat(t.height)-parseFloat(t.paddingTop)-parseFloat(t.paddingBottom)}function I(){}function H(e,t,n,r,o){for(var i=0,s=t.length,a=0,l=0;ie.length?n:e})),c.value=e.join(d)}else c.value=e.join(n.slice(a,a+c.count));a+=c.count,c.added||(l+=c.count)}}var h=t[s-1];return s>1&&"string"==typeof h.value&&(h.added||h.removed)&&e.equals("",h.value)&&(t[s-2].value+=h.value,t.pop()),t}I.prototype={diff:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n.callback;"function"==typeof n&&(r=n,n={}),this.options=n;var o=this;function i(e){return r?(setTimeout((function(){r(void 0,e)}),0),!0):e}e=this.castInput(e),t=this.castInput(t),e=this.removeEmpty(this.tokenize(e));var s=(t=this.removeEmpty(this.tokenize(t))).length,a=e.length,l=1,c=s+a,u=[{newPos:-1,components:[]}],d=this.extractCommon(u[0],t,e,0);if(u[0].newPos+1>=s&&d+1>=a)return i([{value:this.join(t),count:t.length}]);function h(){for(var n=-1*l;n<=l;n+=2){var r=void 0,c=u[n-1],d=u[n+1],h=(d?d.newPos:0)-n;c&&(u[n-1]=void 0);var f=c&&c.newPos+1=s&&h+1>=a)return i(H(o,r.components,t,e,o.useLongestToken));u[n]=r}else u[n]=void 0}var p;l++}if(r)!function e(){setTimeout((function(){if(l>c)return r();h()||e()}),0)}();else for(;l<=c;){var f=h();if(f)return f}},pushComponent:function(e,t,n){var r=e[e.length-1];r&&r.added===t&&r.removed===n?e[e.length-1]={count:r.count+1,added:t,removed:n}:e.push({count:1,added:t,removed:n})},extractCommon:function(e,t,n,r){for(var o=t.length,i=n.length,s=e.newPos,a=s-r,l=0;s+1{if(e.added)for(let t=0;tvoid 0===e.next?Object.assign(Object.assign({},t.prev[e.prev]),{lineNumber:{prev:e.prev+1},move:"exit",enterIndex:null,exitIndex:r++}):void 0===e.prev?Object.assign(Object.assign({},t.next[e.next]),{lineNumber:{next:e.next+1},move:"enter",enterIndex:n++,exitIndex:null}):Object.assign(Object.assign({},t.prev[e.prev]),{lineNumber:{prev:e.prev+1,next:e.next+1},move:"stay",enterIndex:null,exitIndex:null}))),enterCount:n,exitCount:r}}function D(e,t,n){const{lines:r}=e,o=s(e,["lines"]),i=h(t,((e,t)=>function(e,t){return b(e?g(e).map(y):[...t.keys()].map((e=>({[e+1]:!0}))))}(e,"prev"===t?r.filter((e=>"enter"!==e.move)):r.filter((e=>"exit"!==e.move))))),a=r.map((e=>{const{tokens:t}=e,r=s(e,["tokens"]),o={prev:!!e.lineNumber.prev&&i.prev[e.lineNumber.prev],next:!!e.lineNumber.next&&i.next[e.lineNumber.next]},a={prev:e.lineNumber.prev&&n.prev[e.lineNumber.prev]||[],next:e.lineNumber.next&&n.next[e.lineNumber.next]||[]};return Object.assign({focused:h(o,(e=>!!e)),groups:G(t,o,a)},r)})),l=h(i,(e=>Object.keys(e).map((e=>Number(e))))),c=h(l,(e=>Math.min(...e))),u=h(l,(e=>Math.max(...e)));return Object.assign({lines:a,firstFocusedLineNumber:c,lastFocusedLineNumber:u},o)}function G(e,t,n){const r=h(t,(e=>Array.isArray(e)?e:[])),o=h(n,(e=>e.map((({columnNumbers:e})=>e)))),i=function(e,t){const n=[...t.map((e=>e.start-1)),...t.map((e=>e.end))];let r=e;return n.forEach((e=>{const t=[];let n=0;r.forEach((r=>{const o=n,i=n+r.content.length;if(o{const r=V(s,t.prev),o=V(s,t.next),i=K(s,n.prev),c=K(s,n.next);a&&a.focused.prev===r&&a.focused.next===o&&a.annotation.prev===i&&a.annotation.next===c||(a={focused:{prev:r,next:o},tokens:[],annotation:{prev:i,next:c}},l.push(a)),null==a||a.tokens.push(e),s+=e.content.length})),l.map((e=>({focused:e.focused,tokens:e.tokens,element:Z(e)})))}function Z(e){return r.createElement(r.Fragment,null,e.tokens.map((({content:e,props:t},n)=>r.createElement("span",Object.assign({},t,{key:n+1}),e))))}function V(e,t){return Array.isArray(t)?t.some((({start:t,end:n})=>t-1<=e&&et.start-1<=e&&er)return i;const s=(t-n)/(r-n);return o+(e.ease||Q.linear)(s)*(i-o)}}function J([e,t],n,r){if(r<=1)return[e,t];const o=t-e,i=o/Math.pow(r,1/8),s=e+(o-i)/(r-1)*n;return[s,s+i]}U.tokenize=function(e){return e.slice()},U.join=U.removeEmpty=function(e){return e};const Q={linear:function(e){return e},easeInQuad:function(e){return e*e},easeOutQuad:function(e){return e*(2-e)},easeInOutCubic:function(e){return e<.5?4*e*e*e:(e-1)*(2*e-2)*(2*e-2)+1}};function ee(e,t,n,r){const[o,i]=t;return e.map((e=>{const t=h(e.lineNumber,(e=>e&&e-1)),{enterIndex:s,exitIndex:a}=e,l="exit"===e.move?{fixed:!0,value:t.prev}:"enter"===e.move?{fixed:!0,value:t.next}:{fixed:!1,extremes:[t.prev,t.next],interval:[o,i],ease:Q.easeInOutCubic},c="exit"===e.move?{fixed:!1,extremes:[0,-1],ease:Q.easeInQuad,interval:J([0,o],a,r)}:"enter"===e.move?{fixed:!1,extremes:[1,0],ease:Q.easeOutQuad,interval:J([i,1],s,n)}:{fixed:!0,value:0};return Object.assign(Object.assign({},e),{tweenX:c,tweenY:l})}))}function te(e){const t=m(e,[],(e=>e.flatMap((e=>g(e.focus).map((t=>Object.assign(Object.assign({},e),{focus:t}))))))),n=m(t,[],(e=>e.filter(ne))),r=m(t,[],(e=>e.filter((e=>!ne(e)))));return{inlineAnnotations:h(n,(e=>function(e){const t={};return e.forEach((e=>{const n=y(e.focus),r=+Object.keys(n)[0],o=n[r],i=t[r]||[];i.push({columnNumbers:o[0],data:e.data,Component:e.Component}),t[r]=i})),t}(e))),multilineAnnotations:h(r,(e=>function(e){return e.map((e=>({lineNumbers:x(e.focus),data:e.data,Component:e.Component})))}(e)))}}function ne(e){return!!e.focus.match(/(\d+)\[(.+)\]/)}function re(e,t,n){const r=[...t];r.sort(((e,t)=>e.lineNumbers.start-t.lineNumbers.start));let o=0;const i=[];for(;ot.lineNumbers.start)throw"Code Hike can't handle two annotations for the same line";if(t&&n(s)===t.lineNumbers.start){const a={lines:[],annotation:t};for(;s&&(!n(s)||n(s)<=t.lineNumbers.end);)a.lines.push(s),s=e[++o];i.push(a),r.shift()}else if(t){const r={lines:[]};for(;s&&(!n(s)||n(s)0||r.length>0;){const e=o[0],t=i[0],c=e&&e.columnNumbers.start===a,u=t&&t.columnNumbers.start===l;if(al)if(u){const e=t.columnNumbers.end+1;s.push({next:{annotation:t,groups:ie(r,l,e)}}),l=e,i.shift()}else{const e=Math.min(a,(null==t?void 0:t.columnNumbers.start)||a);s.push({next:{groups:ie(r,l,e)}}),l=e}else if(a==l)if(c&&u&&e.columnNumbers.end===t.columnNumbers.end){const c=t.columnNumbers.end+1;s.push({prev:{annotation:e,groups:ie(n,a,c)},next:{annotation:t,groups:ie(r,l,c)}}),a=c,l=c,o.shift(),i.shift()}else if(c){const t=e.columnNumbers.end+1;s.push({prev:{annotation:e,groups:ie(n,a,t)}}),a=t,o.shift()}else if(u){const e=t.columnNumbers.end+1;s.push({next:{annotation:t,groups:ie(r,l,e)}}),l=e,i.shift()}else if(e||t){const o=Math.min((null==e?void 0:e.columnNumbers.start)||Number.MAX_VALUE,(null==t?void 0:t.columnNumbers.start)||Number.MAX_VALUE);s.push({prev:{groups:ie(n,a,o)},next:{groups:ie(r,l,o)}}),a=o,l=o}else s.push({prev:{groups:n},next:{groups:r}}),n=[],r=[]}return s}function ie(e,t,n){const r=[];let o=t;for(;o0;){const t=e.shift();r.push(t);o+=t.tokens.reduce(((e,t)=>e+t.content.length),0)}return r}function se(e){const{highlightedLines:t,focus:n}=e;return r.useMemo((()=>function({focus:e,annotations:t,highlightedLines:n,lang:r}){const o=function(e){return h(e,(e=>e.map((e=>e.tokens.map((e=>e.content)).join(""))).join("\n").trimEnd().concat("\n")))}(n),i=function(e,t){return X(e,t)}(o,n),{inlineAnnotations:a,multilineAnnotations:l}=function(e){return te(e)}(t),c=function(e,t,n){return D(e,t,n)}(i,f(e,null),a),u=function(e,t,n){var{lines:r}=e,o=s(e,["lines"]);const i=function(e,t){return e.map((e=>{var{groups:n}=e,r=s(e,["groups"]);const{lineNumber:o}=r,i={prev:o.prev&&t.prev[o.prev]||[],next:o.next&&t.next[o.next]||[]};return Object.assign(Object.assign({},r),{annotatedGroups:oe(n,i)})}))}(r,t),a=function(e,t){return{prev:re(e,t.prev,(e=>e.lineNumber.prev)),next:re(e,t.next,(e=>e.lineNumber.next))}}(i,n);return Object.assign(Object.assign({},o),{lineGroups:a,lineCount:{prev:r.filter((e=>null!=e.lineNumber.prev)).length,next:r.filter((e=>null!=e.lineNumber.next)).length}})}(c,a,l);return function(e,t,n){const r=(i=e.enterCount,s=e.exitCount,i<=0&&s<=0?[0,1]:i<=0&&s>=1?[.33,1]:i>=1&&s<=0?[0,.67]:[.25,.75]),o=h(e.lineGroups,(t=>t.map((t=>Object.assign(Object.assign({},t),{lines:ee(t.lines,r,e.enterCount,e.exitCount)})))));var i,s;return Object.assign(Object.assign({},e),{groups:o,verticalInterval:r,code:t,lang:n})}(u,o,r)}(e)),[t.prev,t.next,n.prev,n.next])}function ae({dimensions:e,codeStep:t,children:n,minZoom:o=0,maxZoom:i=1.2,center:a=!1,progress:l}){const{prev:c,next:u}=function(e){var{codeStep:t}=e,n=s(e,["codeStep"]);const{lineHeight:r,lineWidth:o}=n.dimensions,i={prev:{extremes:[t.firstFocusedLineNumber.prev-1,t.lastFocusedLineNumber.prev-1],originalContentHeight:t.lineCount.prev*r,lineWidth:o[0]},next:{extremes:[t.firstFocusedLineNumber.next-1,t.lastFocusedLineNumber.next-1],originalContentHeight:t.lineCount.next*r,lineWidth:o[1]}};return h(i,(({extremes:e,originalContentHeight:t,lineWidth:r})=>function({dimensions:e,lineWidth:t,minZoom:n,maxZoom:r,extremes:o,originalContentHeight:i,horizontalCenter:s}){const{lineHeight:a}=e,l=null==e?void 0:e.contentHeight,c=null==e?void 0:e.contentWidth,u=(o[1]-o[0]+3)*a,d=(null==e?void 0:e.lineNumberWidth)||16,h=16,f=Math.max(Math.min((c-d-h)/t,l/u,r),n),m=i*f,p=(o[0]-1)*a*f,v=(o[1]+2)*a*f,g=(v+p)/2,b=v-p,y=l>m?(l-m)/2:(w=l/2-g,E=Math.max(l-m,-p),j=0,w<=E?E:w>=j?j:w),x=s?Math.max(c/2-t*f/2,0):0;var w,E,j;return{zoom:f,dx:x,dy:y,focusHeight:b,focusWidth:t*f}}(Object.assign({extremes:e,originalContentHeight:t,lineWidth:r},n))))}({codeStep:t,dimensions:e,minZoom:o,maxZoom:i,horizontalCenter:a}),d=ue(c.zoom,u.zoom,l),f=ue(c.dx,u.dx,l),m=ue(c.dy,u.dy,l,t.verticalInterval),p=ue(c.focusHeight,u.focusHeight,l),v=ue(c.focusWidth,u.focusWidth,l),g=((null==e?void 0:e.lineNumberWidth)||0)*d||16,b=Math.max(v+g,e.contentWidth),y=g/d;return r.createElement(le,{width:e.containerWidth,height:e.containerHeight,lang:t.lang},r.createElement(ce,{dx:f,dy:m,scale:d,height:Math.max(p,e.contentHeight),width:b},n(v,y)))}function le({width:e,height:t,children:n,lang:o}){return r.createElement("code",{style:{width:e,height:t,position:"relative",overflow:"auto"},className:"ch-code-scroll-parent",children:n,"data-ch-lang":o})}function ce({dx:e,dy:t,scale:n,height:o,width:i,children:s}){return r.createElement("div",{style:{position:"absolute",top:0,left:0,transformOrigin:"top left",width:i,height:o,overflow:"hidden"},className:"ch-code-scroll-content"},r.createElement("div",{style:{position:"absolute",top:0,left:0,transform:`translateX(${e}px) translateY(${t}px) scale(${n})`,transformOrigin:"left top",width:i/n,height:(o-2*t)/n},children:s}))}function ue(e,t,n,r=[0,1]){return Y({fixed:!1,interval:r,extremes:[e,t],ease:Q.easeInOutCubic},n)}function de(e){return r.createElement(ae,Object.assign({},e),((t,n)=>r.createElement(he,{codeStep:e.codeStep,focusWidth:t,lineHeight:e.dimensions.lineHeight,progress:e.progress,startX:n,lineNumberWidth:e.dimensions.lineNumberWidth})))}function he({codeStep:e,progress:t,focusWidth:n,lineHeight:o,startX:i,lineNumberWidth:s}){const a=t<.5?e.groups.prev:e.groups.next;return r.createElement(r.Fragment,null,a.map(((e,a)=>{if(!e.annotation)return r.createElement(fe,{lines:e.lines,t:t,focusWidth:n,lineHeight:o,startX:i,key:a,lineNumberWidth:s});const l=Y(e.lines[0].tweenY,t),c=e.annotation.lineNumbers.end-e.annotation.lineNumbers.start+1,u=e.annotation.Component;return r.createElement(u,{style:{position:"absolute",height:c*o,width:"100%",transform:`translateY(${l*o}px)`},key:a,data:e.annotation.data,isInline:!1,lines:e.lines},r.createElement(fe,{lines:e.lines,t:t,focusWidth:n,lineHeight:o,startY:l,startX:i,lineNumberWidth:s}))})))}function fe({lines:e,focusWidth:t,lineHeight:n,t:o,startX:i,startY:s=0,lineNumberWidth:a}){return r.createElement(r.Fragment,null,e.map(((e,l)=>{const{tweenX:c,tweenY:u,focused:d}=e,h=Y(c,o),f=Y(u,o),m=be(d,o,h);return r.createElement(r.Fragment,{key:l},a?r.createElement("span",{className:"ch-code-line-number",style:{position:"absolute",top:0,left:0,transform:`translate(${h*t}px, ${(f-s)*n}px)`,width:a,opacity:m}},o<.5?e.lineNumber.prev:e.lineNumber.next):void 0,r.createElement(ve,{dx:i+h*t,dy:(f-s)*n,width:t,opacity:m},r.createElement(me,{line:e,progress:o,dx:h})))})))}function me({line:e,progress:t,dx:n}){return r.createElement("div",{style:{display:"inline-block",width:"100%"}},e.annotatedGroups.map(((e,o)=>r.createElement(pe,{annotatedGroup:e,progress:t,dx:n,key:o}))),r.createElement("br",null))}function pe({annotatedGroup:e,progress:t,dx:n}){var o,i;const s=t<.5?e.prev:e.next,a=(null==s?void 0:s.groups)||[],l=null===(o=null==s?void 0:s.annotation)||void 0===o?void 0:o.Component,c=a.map(((e,o)=>{const i=be(e.focused,t,n);return r.createElement("span",{style:{opacity:i},key:o+1},e.element)}));return l?r.createElement(l,{children:c,data:null===(i=null==s?void 0:s.annotation)||void 0===i?void 0:i.data,isInline:!0}):r.createElement(r.Fragment,null,c)}function ve({children:e,dx:t,dy:n,opacity:o,width:i}){return r.createElement("div",{style:{position:"absolute",top:0,left:0,transform:`translate(${t}px, ${n}px)`,width:i,display:o<=0?"none":void 0}},e)}const ge=.33;function be(e,t,n){return Y({fixed:!1,extremes:[e.prev?.99:ge,e.next?.99:ge],interval:[0,1]},t)-1*Math.abs(n)}function ye({content:e,style:t,className:n}){const[o,i]=r.useState(!1);return r.createElement("button",{type:"button",title:"Copy code",className:n,style:t,onClick:()=>{!function(e){if(!navigator.clipboard)return void function(e){var t=document.createElement("textarea");t.value=e,t.style.top="0",t.style.left="0",t.style.position="fixed",document.body.appendChild(t),t.focus(),t.select();try{document.execCommand("copy")}catch(n){}document.body.removeChild(t)}(e);navigator.clipboard.writeText(e)}(e),i(!0),setTimeout((()=>{i(!1)}),1200)}},r.createElement("svg",{fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},o?r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M5 13l4 4L19 7"}):r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.6px",d:"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"})))}const xe=10;function we(e){var{tween:t,progress:n,config:o}=e,i=s(e,["tween","progress","config"]);const a=function({tween:e}){return se({highlightedLines:h(e,(e=>e.code.lines)),focus:h(e,(e=>e.focus)),annotations:h(e,(e=>e.annotations)),lang:p(e,(e=>{var t;return null===(t=null==e?void 0:e.code)||void 0===t?void 0:t.lang}))})}({tween:t}),{element:l,dimensions:c}=_(a.code,h(t,(e=>e.focus)),o.minColumns||xe,o.lineNumbers||!1,o.rows,[o.parentHeight]);return!c||o.debug?r.createElement(Ee,{element:l,htmlProps:i,debug:o.debug}):r.createElement(je,{dimensions:c,stepInfo:a,config:o,progress:n,htmlProps:i})}function Ee({element:e,htmlProps:t,debug:n}){return r.createElement(Ce,{htmlProps:t,measured:!1},e)}function je({config:{minZoom:e=1,maxZoom:t=1,horizontalCenter:n=!1},dimensions:o,stepInfo:i,progress:s,htmlProps:a,config:l}){var c;return r.createElement(Ce,{htmlProps:a,measured:!0},r.createElement(de,{codeStep:i,progress:s,dimensions:o,minZoom:e,maxZoom:t,center:n}),l.showCopyButton?r.createElement(ye,{className:"ch-code-button",content:null===(c=null==i?void 0:i.code)||void 0===c?void 0:c.prev}):void 0)}function Ce({htmlProps:e,children:t,measured:n}){return r.createElement("div",Object.assign({},e,{className:`ch-code-wrapper ${(null==e?void 0:e.className)||""}`,"data-ch-measured":n,children:t}))}function Ne(){return"undefined"!=typeof window?performance.now():0}function Oe(e,t){var n=t.stiffness,r=t.damping,o=t.mass,i=t.decimals,s=t.teleport;return{X:e,k:null!=n?n:170,c:null!=r?r:26,m:null!=o?o:1,teleport:null!=s&&s,decimals:null!=i?i:2}}function ke(e,t){var n=t.from,r=t.initialSpeed;return{x0:null!=n?n:e,v0:null!=r?r:0,t0:Ne(),raf:null}}var Se=Math.sqrt,_e=Math.exp,Fe=Math.sin,Le=Math.cos;function Pe(e){var t=e.x0,n=e.v0,r=e.t0,o=e.t,i=e.k,s=e.c,a=e.m,l=e.X,c=t-l,u=(o-r)/1e3,d=s*s-4*i*a;if(d>0){var h=(-s+Se(d))/(2*a),f=(-s-Se(d))/(2*a),m=(c*h-n)/(h-f),p=(n-c*f)/(h-f);return{x:l+m*_e(f*u)+p*_e(h*u),v:m*f*_e(f*u)+p*h*_e(h*u)}}if(d<0){var v=-s/(2*a),g=Se(-d)/(2*a),b=c,y=(n-v*c)/g;return{x:l+_e(v*u)*(b*Le(g*u)+y*Fe(g*u)),v:_e(v*u)*((y*g+b*v)*Le(g*u)-(b*g-y*v)*Fe(g*u))}}var x=-s/(2*a),w=c,E=n-x*c;return{x:l+(w+E*u)*_e(x*u),v:(E+w*x+E*x*u)*_e(x*u)}}var Me=[],Ie=null;function He(e){var t=Me.push(e);return 1===t&&(Ie=requestAnimationFrame(Ae)),[Ie,t-1]}function $e(e){var t=e[0],n=e[1];t===Ie&&delete Me[n]}function Ae(){var e=Ne(),t=Me;Me=[],(0,o.unstable_batchedUpdates)((function(){return t.forEach((function(t){return t&&t(e)}))}))}var ze="undefined"!=typeof window?r.useLayoutEffect:r.useEffect;function Te(e,t){void 0===t&&(t={});var n=r.useState()[1],o=Oe(e,t),i=function(e,t){var n=r.useRef(null);return null==n.current&&(n.current={config:Oe(e,t),state:ke(e,t)}),n.current}(e,t),s=i.state,a=i.config,l=Ne(),c=s.x0,u=s.v0,d=s.t0,h=a.k,f=a.c,m=a.m,p=a.X,v=o.teleport?{x:p,v:0}:Pe({x0:c,v0:u,t0:d,t:l,k:h,c:f,m:m,X:p}),g=v.x,b=v.v,y=function(e,t,n,r){var o=r.decimals,i=r.X,s=r.k,a=r.c,l=r.m;if(Be(e,o)!==Be(i,o))return!0;var c=n+.016,u=Pe({x0:e,v0:t,t0:n,t:c,k:s,c:a,m:l,X:i});return Be(u.x,o)!==Be(i,o)}(g,b,l,o);return ze((function(){Object.assign(a,o)}),[o.X,o.k,o.c,o.m,o.teleport]),ze((function(){s.x0=g,s.v0=b,s.t0=l}),[g,b,l]),ze((function(){y&&null==s.raf?s.raf=He((function e(t){var r=s.x0,o=s.v0,i=s.t0,l=a.k,c=a.c,u=a.m,d=a.X,h=a.decimals;Be(Pe({x0:r,v0:o,t0:i,t:t,k:l,c:c,m:u,X:d}).x,h)!==Be(r,h)?(s.raf=null,n(t)):s.raf=He(e)})):y||null==s.raf||($e(s.raf),s.raf=null)})),ze((function(){return function(){null!=s.raf&&$e(s.raf)}}),[]),[Be(g,o.decimals),y]}function Be(e,t){var n=Math.pow(10,t);return Math.round(e*n)/n}const We={stiffness:120,damping:24,mass:.2,decimals:3};function Re(e){var{step:t,config:n}=e,o=s(e,["step","config"]);const{tween:i,t:a}=function(e,t=We){const[{target:n,steps:o,index:i},s]=r.useState({target:2,steps:[e,e,e],index:0});r.useEffect((()=>{o[o.length-1]!=e&&s((t=>function(e,t,n){const{steps:r,target:o,index:i}=e,s=r.slice(),a=n-i;return a<1?(s[2]=t,Object.assign(Object.assign({},e),{steps:s})):(s[0]=r[1],s[1]=r[2],s[2]=t,Object.assign(Object.assign({},e),{steps:s,target:o+1,index:i+1}))}(t,e,a)))}),[e]);const[a]=Te(n,t),l=a-i;return l<=1?{tween:{prev:o[0],next:o[1]},t:l}:{tween:{prev:o[1],next:o[2]},t:l-1}}(t,n.spring);return r.createElement(we,Object.assign({tween:i,progress:a,config:n},o))}const qe=r.forwardRef((function(e,t){var{title:n,children:o,titleBar:i,zoom:a=1,overflow:l}=e,c=s(e,["title","children","titleBar","zoom","overflow"]);const u=i||r.createElement(Ue,{title:n}),d={"--ch-frame-zoom":a,overflow:l};return r.createElement("div",Object.assign({},c,{ref:t}),r.createElement("div",{className:"ch-frame"},r.createElement("div",{className:"ch-frame-title-bar"},u),r.createElement("div",{className:"ch-frame-content"},r.createElement("div",{className:"ch-frame-zoom",style:d},o))))}));function Ue({title:e}){return r.createElement(r.Fragment,null,r.createElement("div",{className:"ch-frame-left-bar"},r.createElement(Xe,null)),r.createElement("div",{className:"ch-frame-middle-bar"},e),r.createElement("div",{className:"ch-frame-right-bar"}))}function Xe(){return r.createElement("div",{className:"ch-frame-buttons"},r.createElement("div",{className:"ch-frame-button ch-frame-button-left"}),r.createElement("div",{className:"ch-frame-button-space"}),r.createElement("div",{className:"ch-frame-button ch-frame-button-middle"}),r.createElement("div",{className:"ch-frame-button-space"}),r.createElement("div",{className:"ch-frame-button ch-frame-button-right"}))}r.forwardRef((function(e,t){var{title:n,children:o,titleBar:i,overflow:a}=e,l=s(e,["title","children","titleBar","overflow"]);const c=i||r.createElement(Ue,{title:n});return r.createElement("div",Object.assign({},l,{ref:t}),r.createElement("div",{className:"ch-simple-frame"},r.createElement("div",{className:"ch-frame-title-bar"},c),o))}));const De=r.forwardRef((function(e,t){var n,{northPanel:o,southPanel:i,terminalPanel:a,style:l,height:c,northButton:u,southButton:d,className:h,onTabClick:f}=e,m=s(e,["northPanel","southPanel","terminalPanel","style","height","northButton","southButton","className","onTabClick"]);return r.createElement("div",Object.assign({ref:t},m,{className:"ch-editor-frame",style:l}),r.createElement("div",{className:"ch-frame-title-bar"},r.createElement(Ge,{tabs:o.tabs,showFrameButtons:!0,button:u,panel:"north",onTabClick:f})),r.createElement("div",{"data-ch-panel":"north",style:o.style,children:o.children}),i&&r.createElement(r.Fragment,null,r.createElement("div",{className:"ch-frame-title-bar",style:{transform:null===(n=i.style)||void 0===n?void 0:n.transform}},r.createElement(Ge,{tabs:i.tabs,showFrameButtons:!1,button:d,topBorder:!0,panel:"south",onTabClick:f})),r.createElement("div",{"data-ch-panel":"south",children:i.children,style:i.style})))}));function Ge({tabs:e,button:t,showFrameButtons:n,topBorder:o,panel:i,onTabClick:s}){return r.createElement(r.Fragment,null,o&&r.createElement("div",{className:"ch-editor-group-border"}),n?r.createElement(Xe,null):r.createElement("div",null),e.map((({title:e,active:t,style:n})=>r.createElement("div",{key:e,title:e,"data-ch-tab":i,"data-active":t,className:"ch-editor-tab",style:n,onClick:s&&(()=>s(e))},r.createElement(Ze,{title:e})))),r.createElement("div",{style:{flex:1,minWidth:"0.8em"}}),t)}function Ze({title:e}){if(!e)return r.createElement("div",null);const t=e.lastIndexOf("/")+1,n=e.substring(t),o=e.substring(0,t);return r.createElement("div",null,r.createElement("span",{style:{opacity:.5}},o),n)}const Ve=r.createElement("span",{className:"ch-terminal-prompt"},"$");function Ke({text:e,progress:t=1,style:n}){const o=function(e,t){if(!e)return[];const n=Math.round(e.length*t),{commands:r}=function(e){const[,...t]=e.split(/^\$\s*/gm),n=t.map((e=>{const[t,...n]=e.split(/\r?\n/);return{run:t,output:n.length>0?n.join("\n"):null}})),r=n[n.length-1],o=n.length>0&&null!=r.output;return{title:o?r.run.split(/(\s+)/)[0]:"bash",isRunning:o,commands:n}}(e.slice(0,n));return r}(e,t);return r.createElement("pre",{style:n,className:"ch-terminal-content"},o.map((({run:e,output:t},n)=>r.createElement(r.Fragment,{key:n},r.createElement("div",null,Ve," ",r.createElement("span",null,e)),t&&r.createElement("div",{className:"ch-terminal-output"},t)))))}function Ye({prev:e="",prevKey:t,next:n="",nextKey:o,progress:i}){return r.createElement("div",{className:"ch-terminal"},r.createElement("div",{style:{position:"relative",transform:`translateY(-${100*i}%)`}},r.createElement(Ke,{text:e,progress:1,key:t}),r.createElement(Ke,{style:{position:"absolute"},text:n,progress:i,key:o})))}function Je({steps:e,progress:t}){const n=e.map((e=>e.text)),o=t%1,i=(s=Math.floor(t),a=0,l=e.length-1,Math.min(Math.max(s,a),l));var s,a,l;const c=i+1;return r.createElement(Ye,{prev:n[i],prevKey:i,next:n[c]||"",nextKey:c,progress:o})}function Qe({prev:e,next:t,t:n,backward:o}){const i=function({prev:e,next:t,t:n,backward:r}){return e||t?!e&&t?et*Math.min(4*n,1):e&&!t?et*Math.max(1-4*n,0):et:0}({prev:e,next:t,t:n,backward:o});return i?r.createElement("div",{className:"ch-editor-terminal",style:{height:i}},r.createElement("div",{className:"ch-editor-terminal-tab"},r.createElement("span",null,"Terminal")),r.createElement("div",{className:"ch-editor-terminal-content"},r.createElement(Je,{steps:[{text:e||""},{text:t||""}],progress:n}),")")):null}const et=150;function tt(e){return Array.isArray(e.rows)?Object.assign(Object.assign({},e),{rows:e.rows[0]}):e}function nt(e){return Array.isArray(e.rows)?Object.assign(Object.assign({},e),{rows:e.rows[1]}):e}function rt(e,t,n,o,i,s){const{prevSnapshot:a,nextSnapshot:l}=function(e,t,n){const[{prevSnapshot:o,nextSnapshot:i},s]=r.useState({prevSnapshot:null,nextSnapshot:null});return dt((()=>{(o||i)&&s({prevSnapshot:null,nextSnapshot:null})}),[t,n]),dt((()=>{if(o){if(!i){const t=e.current;s((e=>Object.assign(Object.assign({},e),{nextSnapshot:Object.assign(Object.assign({},ht(t,n)),ft(t,n))})))}}else{const n=e.current;s((e=>Object.assign(Object.assign({},e),{prevSnapshot:Object.assign(Object.assign({},ht(n,t)),ft(n,t))})))}})),{prevSnapshot:o,nextSnapshot:i}}(e,t,n);if(!a)return function(e,t,n){const o=e.northPanel,i=e.southPanel,{prevNorthFile:s,prevSouthFile:a,nextNorthFile:l,nextSouthFile:c}=at(e,t,!0);return{northContent:st(s),northPanel:{tabs:o.tabs.map((e=>({title:e,active:e===o.active,style:{}}))),style:{flexGrow:1,overflow:"hidden"},children:r.createElement(it,{codeConfig:tt(n),prevFile:s,nextFile:s,t:0,parentHeight:"0"})},southContent:st(a),southPanel:i&&{tabs:i.tabs.map((e=>({title:e,active:e===i.active,style:{}}))),style:{flexGrow:1,overflow:"hidden"},children:r.createElement(it,{codeConfig:nt(n),prevFile:a,nextFile:a,t:0,parentHeight:"0"})}}}(t,n,s);if(!l)return ot(t,n,s);if(1===o)return ot(t,n,s);const c=t.southPanel||n.southPanel,{prevNorthFile:u,prevSouthFile:d,nextNorthFile:h,nextSouthFile:f}=at(t,n,0==o||i),{northStyle:m,southStyle:p}=function(e,t,n){if(null===e.southHeight&&null===t.southHeight)return{northStyle:{minHeight:e.northHeight}};if(null!==e.southHeight&&null===t.southHeight&&t.northKey!==e.southKey)return{northStyle:{minHeight:lt(e.northHeight,t.northHeight,n)},southStyle:{minHeight:e.southHeight}};if(null!==e.southHeight&&null===t.southHeight&&e.southKey===t.northKey)return{northStyle:{minHeight:e.northHeight},southStyle:{position:"relative",minHeight:lt(e.southHeight,t.northHeight,n),transform:`translateY(${lt(0,-(e.northHeight+e.titleBarHeight),n)}px)`}};if(null===e.southHeight&&null!==t.southHeight&&e.northKey!==t.southKey)return{northStyle:{minHeight:lt(e.northHeight,t.northHeight,n)},southStyle:{position:"relative",minHeight:t.southHeight}};if(null===e.southHeight&&null!==t.southHeight&&e.northKey===t.southKey)return{northStyle:{minHeight:t.northHeight},southStyle:{position:"relative",minHeight:lt(e.northHeight,t.southHeight,n),transform:`translateY(${lt(-(t.northHeight+t.titleBarHeight),0,n)}px)`}};return{northStyle:{minHeight:lt(e.northHeight,t.northHeight,n)},southStyle:{minHeight:lt(e.southHeight,t.southHeight,n)}}}(a,l,o),{northTabs:v,southTabs:g}=function(e,t,n,r,o){if(!e.southTabs&&ut(r,e.northTabs))return{northTabs:ct(t.northTabs,t.southTabs,e.southTabs,e.northTabs,n,o),southTabs:ct(t.southTabs,t.northTabs,e.northTabs,e.southTabs,r,o)};if(!t.southTabs&&ut(r,t.northTabs))return{northTabs:ct(t.southTabs,t.northTabs,e.northTabs,e.southTabs,n,o),southTabs:ct(t.northTabs,t.southTabs,e.southTabs,e.northTabs,r,o)};return{northTabs:ct(t.northTabs,t.southTabs,e.northTabs,e.southTabs,n,o),southTabs:ct(t.southTabs,t.northTabs,e.southTabs,e.northTabs,r,o)}}(a,l,u.name,null==d?void 0:d.name,o);return{northContent:st(h),northPanel:{tabs:v,style:m,children:r.createElement(it,{codeConfig:tt(s),prevFile:u,nextFile:h,t:o,parentHeight:m.height||m.minHeight})},southContent:st(f),southPanel:c&&{tabs:g,style:p,children:r.createElement(it,{codeConfig:nt(s),prevFile:d,nextFile:f,t:o,parentHeight:(null==p?void 0:p.height)||(null==p?void 0:p.minHeight)})}}}function ot(e,t,n){var o;const i=t.northPanel,s=t.southPanel;let{prevNorthFile:a,prevSouthFile:l,nextNorthFile:c,nextSouthFile:u}=at(e,t,!1);return!s&&i.active===(null===(o=null==e?void 0:e.southPanel)||void 0===o?void 0:o.active)&&(c=u),{northContent:st(c),northPanel:{tabs:i.tabs.map((e=>({title:e,active:e===i.active,style:{}}))),style:{flexGrow:1,overflow:"hidden"},children:r.createElement(it,{codeConfig:tt(n),prevFile:c,nextFile:c,t:1,parentHeight:"1"})},southContent:st(u),southPanel:s&&{tabs:s.tabs.map((e=>({title:e,active:e===s.active,style:{}}))),style:{flexGrow:1,overflow:"hidden"},children:r.createElement(it,{codeConfig:nt(n),prevFile:u,nextFile:u,t:1,parentHeight:"1"})}}}function it({prevFile:e,nextFile:t,t:n,codeConfig:o,parentHeight:i}){var s;const a=Object.assign(Object.assign({},null==o?void 0:o.htmlProps),{style:Object.assign({height:"100%"},null===(s=null==o?void 0:o.htmlProps)||void 0===s?void 0:s.style)});return r.createElement(we,Object.assign({progress:n,tween:{prev:e,next:t},config:Object.assign(Object.assign({},o),{parentHeight:i})},a))}function st(e){return e?v(e.code):""}function at(e,t,n){var r,o;const i=e.northPanel.active,s=t.northPanel.active,a=null===(r=e.southPanel)||void 0===r?void 0:r.active,l=null===(o=t.southPanel)||void 0===o?void 0:o.active,c=e.files.find((e=>e.name===i)),u=t.files.find((e=>e.name===s)),d=a?e.files.find((e=>e.name===a)):null,h=l?t.files.find((e=>e.name===l)):null;if(!a&&i===l)return{prevNorthFile:u,nextNorthFile:u,prevSouthFile:c,nextSouthFile:h};if(!l&&s===a)return{prevNorthFile:c,nextNorthFile:c,prevSouthFile:d,nextSouthFile:u};return{prevNorthFile:i===s||n?c:u,nextNorthFile:i===s?u:n?c:u,prevSouthFile:a===l?d:n?d||h:h||d,nextSouthFile:a===l?h:n?d||h:h||d}}function lt(e,t,n){return e+(t-e)*n}function ct(e,t,n,r,o,i){const s=e?Object.keys(e).filter((e=>ut(e,n)||!n)).map((t=>{const r=n&&n[t],s=e[t],a=r?r.left+(s.left-r.left)*i:s.left,l=r?r.width+(s.width-r.width)*i:s.width;return{active:t===o,title:t,style:{position:"absolute",transform:`translateX(${a}px)`,width:l}}})):[],a=e?Object.keys(e).filter((e=>n&&!ut(e,n))).map((t=>{const n=e[t];return{active:t===o,title:t,style:{position:"absolute",transform:`translateX(${n.left}px)`,opacity:i,width:n.width}}})):[];!e||Object.keys(e).filter((e=>ut(e,r))).map((t=>{const n=r[t],i=e[t].left-n.left;return{active:t===o,title:t,style:{position:"absolute",transform:`translateX(${i}px)`}}}));return[...a,...s,...n?Object.keys(n).filter((t=>!ut(t,e))).map((e=>{const t=n[e];return{active:e===o,title:e,style:{position:"absolute",opacity:1-i,transform:`translateX(${t.left}px)`,width:t.width}}})):[]]}function ut(e,t){return t&&e&&e in t}const dt="undefined"!=typeof window?r.useLayoutEffect:r.useEffect;function ht(e,t){var n;const r=e.querySelector("[data-ch-panel='north']"),o=e.querySelector("[data-ch-panel='south']");return{titleBarHeight:e.querySelector(".ch-frame-title-bar").getBoundingClientRect().height,northHeight:r.getBoundingClientRect().height,northKey:t.northPanel.active,southHeight:(null==o?void 0:o.getBoundingClientRect().height)||null,southKey:null===(n=t.southPanel)||void 0===n?void 0:n.active}}function ft(e,t){var n;const r=Array.from(e.querySelectorAll("[data-ch-tab='north']")),o=Array.from(e.querySelectorAll("[data-ch-tab='south']"));return{northTabs:mt(r,t.northPanel.active),southTabs:mt(o,null===(n=t.southPanel)||void 0===n?void 0:n.active)}}function mt(e,t){if(!e[0])return null;const n=e[0].parentElement.getBoundingClientRect().left,r={};return e.forEach((e=>{const o=e.getAttribute("title"),i=e.getBoundingClientRect();r[o]={left:i.left-n,width:i.width,active:o===t}})),r}function pt({files:e,startingFileName:t}){const[n,o]=r.useState((()=>e.find((e=>e.name===t))));return r.createElement("div",{className:"ch-code-browser"},r.createElement(vt,{files:e,activeFile:n,setActiveFile:o}),r.createElement(yt,{file:n}))}function vt({files:e,activeFile:t,setActiveFile:n}){const o=r.useMemo((()=>function(e){let t=[];for(const n of e){const e=n.name.split("/");let r=t;for(let t=0;te.name===o));if(-1===s){const e={name:o,children:[],codeFile:void 0};i&&(e.codeFile=n),r.push(e),r=e.children}else r=r[s].children}}return t=xt(t),t}(e)),[e]);return r.createElement("div",{className:"ch-code-browser-sidebar"},r.createElement(gt,{tree:o,activeFile:t,setActiveFile:n}))}function gt({tree:e,activeFile:t,setActiveFile:n,level:o=0}){return r.createElement(r.Fragment,null,e.map((e=>r.createElement(bt,{key:e.name,node:e,activeFile:t,setActiveFile:n,level:o}))))}function bt({node:e,activeFile:t,setActiveFile:n,level:o}){const i=e.children&&e.children.length>0,s=e.codeFile===t;return i?r.createElement("div",null,r.createElement("div",{className:"ch-code-browser-sidebar-folder"},r.createElement("div",{style:{paddingLeft:1.5*o+"ch"}},e.name)),r.createElement(gt,{tree:e.children,activeFile:t,setActiveFile:n,level:o+1})):r.createElement("div",null,r.createElement("div",{className:"ch-code-browser-sidebar-file","data-selected":s,onClick:()=>n(e.codeFile)},r.createElement("div",{style:{paddingLeft:1.5*o+"ch"}},e.name)))}function yt({file:e}){return r.createElement("div",{className:"ch-code-browser-content"},r.createElement(ye,{className:"ch-code-browser-button",content:v(e.code)}),e.code.lines.map(((e,t)=>r.createElement("div",{key:t},e.tokens.map(((e,t)=>r.createElement("span",Object.assign({key:t},e.props),e.content))),r.createElement("br",null)))))}function xt(e){for(const t of e)t.children=xt(t.children);return e.sort(((e,t)=>{const n=e.children&&e.children.length>0,r=t.children&&t.children.length>0;return n&&r||!n&&!r?e.name.localeCompare(t.name):n?-1:1}))}function wt({style:e,step:t,className:n}){const[o,i]=r.useState(!1),[s,a]=r.useState(!0),l=r.useRef(null),c=t.files;return r.useEffect((()=>{l.current&&!l.current.showModal&&a(!1)}),[]),s?r.createElement(r.Fragment,null,r.createElement(Et,{className:n,style:e,onClick:()=>{l.current.showModal(),document.body.classList.add("ch-no-scroll"),i(!0)}}),r.createElement("dialog",{ref:l,className:"ch-expand-dialog",onClose:()=>{i(!1)},onClick:e=>{e.currentTarget===e.target&&(l.current.close(),document.body.classList.remove("ch-no-scroll"))}},r.createElement(jt,{onClick:()=>{l.current.close(),document.body.classList.remove("ch-no-scroll")}}),o?r.createElement("div",{className:"ch-expand-dialog-content"},r.createElement(pt,{files:c,startingFileName:t.northPanel.active})):void 0)):null}function Et({onClick:e,style:t,className:n}){return r.createElement("button",{type:"button",title:"Expand",style:t,onClick:e,className:n},r.createElement("svg",{fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4"})))}function jt({onClick:e}){return r.createElement("button",{onClick:e,className:"ch-expand-close",type:"button",title:"Close"},r.createElement("svg",{fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})))}const Ct={files:[{code:{lines:[],lang:"js"},focus:"",name:""}],northPanel:{active:"",tabs:[""],heightRatio:1}};function Nt(e){var{prev:t=Ct,next:n,t:o,backward:i,codeConfig:a,frameProps:l={}}=e,c=s(e,["prev","next","t","backward","codeConfig","frameProps"]);const u=r.createRef(),{showCopyButton:d,showExpandButton:h}=a,f=s(a,["showCopyButton","showExpandButton"]),{northPanel:m,southPanel:p,northContent:v,southContent:g}=rt(u,t,n||t,o,i,f),[b,y]=r.useState(void 0);k((()=>{var e;const t=null===(e=u.current)||void 0===e?void 0:e.getBoundingClientRect().height;y(t)}),[]);const x=Object.assign(Object.assign(Object.assign({},l),c),{style:Object.assign(Object.assign({},null==l?void 0:l.style),null==c?void 0:c.style)});b&&(x.style.height=b,x.style.maxHeight=b);const w=r.createElement(r.Fragment,null,d?r.createElement(ye,{className:"ch-editor-button",content:v}):void 0,h?r.createElement(wt,{className:"ch-editor-button",step:n||t}):void 0),E=d?r.createElement(ye,{className:"ch-editor-button",content:g}):void 0,j=r.createElement(Qe,{prev:t.terminal,next:(n||t).terminal,t:o,backward:i});return r.createElement(De,Object.assign({ref:u},x,{northPanel:m,southPanel:p,terminalPanel:j,northButton:w,southButton:E}))}const Ot={stiffness:120,damping:24,mass:.2,decimals:3};function kt(e){var{northPanel:t,southPanel:n,files:o,terminal:i,springConfig:a}=e,l=s(e,["northPanel","southPanel","files","terminal","springConfig"]);const c=r.useMemo((()=>({northPanel:t,southPanel:n,files:o,terminal:i})),[t,n,o,i]),{prev:u,next:d,t:h}=function(e,t=Ot){const[{target:n,steps:o,index:i},s]=r.useState({target:2,steps:[e,e,e],index:0});r.useEffect((()=>{o[o.length-1]!=e&&s((t=>function(e,t,n){const{steps:r,target:o,index:i}=e,s=r.slice(),a=n-i;return a<1?(s[2]=t,Object.assign(Object.assign({},e),{steps:s})):(s[0]=r[1],s[1]=r[2],s[2]=t,Object.assign(Object.assign({},e),{steps:s,target:o+1,index:i+1}))}(t,e,a)))}),[e]);const[a]=Te(n,t),l=a-i;return l<=1?{prev:o[0],next:o[1],t:l}:{prev:o[1],next:o[2],t:l-1}}(c,a);return r.createElement(Nt,Object.assign({t:h,backward:!1,prev:u,next:d},l))}function St(e){const[t,n]=r.useState(e);return r.createElement(_t,Object.assign({},t,{onTabClick:function(e){const r=Ft(t,e,null);n(Object.assign(Object.assign({},t),r))}}))}function _t(e){var t,n,{onTabClick:o}=e,i=s(e,["onTabClick"]);const a=function(e){var t,n,r,o,i,a,l,c,u;const{lineNumbers:d,showCopyButton:h,showExpandButton:f,minZoom:m,maxZoom:p}=e,v=s(e,["lineNumbers","showCopyButton","showExpandButton","minZoom","maxZoom"]),g=Object.assign(Object.assign({},e.codeConfig),{maxZoom:null==p?null===(t=e.codeConfig)||void 0===t?void 0:t.maxZoom:p,minZoom:null==m?null===(n=e.codeConfig)||void 0===n?void 0:n.minZoom:m,horizontalCenter:null!==(o=null===(r=e.codeConfig)||void 0===r?void 0:r.horizontalCenter)&&void 0!==o?o:e.horizontalCenter,lineNumbers:null==d?null===(i=e.codeConfig)||void 0===i?void 0:i.lineNumbers:d,showCopyButton:null==h?null===(a=e.codeConfig)||void 0===a?void 0:a.showCopyButton:h,showExpandButton:null==f?null===(l=e.codeConfig)||void 0===l?void 0:l.showExpandButton:f,rows:e.rows,debug:null!==(c=e.debug)&&void 0!==c?c:null===(u=e.codeConfig)||void 0===u?void 0:u.debug});return Object.assign(Object.assign({},v),{codeConfig:g})}(i),{className:l,style:c,codeConfig:u}=a,d=s(a,["className","style","codeConfig"]);if(i.southPanel||1!==i.files.length||i.files[0].name){const e=Object.assign(Object.assign({},null==d?void 0:d.frameProps),{onTabClick:o});return r.createElement("div",{className:`ch-codegroup not-prose ${l||""}`,"data-ch-theme":null===(n=i.codeConfig)||void 0===n?void 0:n.themeName,style:c},r.createElement(kt,Object.assign({},d,{frameProps:e,codeConfig:u})))}return r.createElement("div",{className:`ch-codeblock not-prose ${l||""}`,"data-ch-theme":null===(t=i.codeConfig)||void 0===t?void 0:t.themeName,style:c},r.createElement(Re,{className:"ch-code",config:u,step:d.files[0]}))}function Ft(e,t,n){const r=t||e.northPanel.active,o=e.files.map((e=>e.name===r?Object.assign(Object.assign({},e),{focus:null===n?e.focus:n}):e));let i=Object.assign({},e.northPanel),s=e.southPanel&&Object.assign({},e.southPanel);return e.northPanel.tabs.includes(r)?i.active=r:s&&(s.active=r),{files:o,northPanel:i,southPanel:s}}r.createContext({props:null,setFocus:()=>{}});function Lt({focus:e,file:t,children:n,id:o}){const{activate:i,reset:s,activatedId:a}=r.useContext(Pt),l=a===o;return r.createElement("span",{className:"ch-section-link","data-active":l,children:n,onMouseOver:()=>i({fileName:t,focus:e,id:o}),onMouseOut:s})}const Pt=r.createContext({activatedId:void 0,activate:()=>{},reset:()=>{}});function Mt({onActivation:e,onReset:t,children:n}){const[o,i]=r.useState(void 0),s=r.useCallback((t=>{i(t.id),e(t)}),[e]),a=r.useCallback((()=>{i(void 0),t()}),[t]);return r.createElement(Pt.Provider,{value:{activate:s,reset:a,activatedId:o}},n)}function It(){return r.createElement("svg",{fill:"currentColor",preserveAspectRatio:"xMidYMid meet",height:"1em",viewBox:"13 10 14 23",className:"ch-browser-button ch-browser-back-button"},r.createElement("g",null,r.createElement("path",{d:"m26.5 12.1q0 0.3-0.2 0.6l-8.8 8.7 8.8 8.8q0.2 0.2 0.2 0.5t-0.2 0.5l-1.1 1.1q-0.3 0.3-0.6 0.3t-0.5-0.3l-10.4-10.4q-0.2-0.2-0.2-0.5t0.2-0.5l10.4-10.4q0.3-0.2 0.5-0.2t0.6 0.2l1.1 1.1q0.2 0.2 0.2 0.5z"})))}function Ht(){return r.createElement("svg",{fill:"currentColor",preserveAspectRatio:"xMidYMid meet",height:"1em",viewBox:"13 10 14 23",className:"ch-browser-button ch-browser-forward-button"},r.createElement("g",null,r.createElement("path",{d:"m26.3 21.4q0 0.3-0.2 0.5l-10.4 10.4q-0.3 0.3-0.6 0.3t-0.5-0.3l-1.1-1.1q-0.2-0.2-0.2-0.5t0.2-0.5l8.8-8.8-8.8-8.7q-0.2-0.3-0.2-0.6t0.2-0.5l1.1-1.1q0.3-0.2 0.5-0.2t0.6 0.2l10.4 10.4q0.2 0.2 0.2 0.5z"})))}function $t({href:e}){return r.createElement("a",{className:"ch-browser-button ch-browser-open-button",title:"Open in new tab",href:e,target:"_blank",rel:"noopener noreferrer"},r.createElement("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"3 3 18 18",height:"1em",width:"1em",className:"ch-browser-open-icon",xmlns:"http://www.w3.org/2000/svg"},r.createElement("path",{d:"M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"})))}function At({url:e,linkUrl:t}){return r.createElement(r.Fragment,null,r.createElement(Xe,null),r.createElement(It,null),r.createElement(Ht,null),r.createElement("input",{value:e||"",readOnly:!0}),r.createElement($t,{href:t}))}function zt(e){return r.useMemo((()=>e?e.map((e=>{const{displayUrl:t,loadUrl:n}=function(e,t,n){const r="undefined"!=typeof window?window.origin:"",o=e&&!0===n?r+e:e;return{displayUrl:o,loadUrl:t||o}}(e.url,e.loadUrl,e.prependOrigin);return{zoom:e.zoom||1,displayUrl:t,loadUrl:n,children:e.children}})):[{zoom:1}]),[e])}const Tt=r.forwardRef((function(e,t){var{progress:n=0,backward:o=!1,steps:i,transition:a="none"}=e,l=s(e,["progress","backward","steps","transition"]);const c=zt(i),u=Math.round(n),{zoom:d,displayUrl:h,loadUrl:f,children:m}=c[u];return r.createElement(qe,Object.assign({},l,{zoom:d,className:`ch-mini-browser ${l.className||""}`,style:Object.assign(Object.assign({},Bt({progress:n,transition:a})),l.style),titleBar:r.createElement(At,{url:h,linkUrl:f})}),m||r.createElement("iframe",{ref:t,src:f}))}));function Bt({progress:e,transition:t}){if("slide"===t){const t=50,n=e-Math.floor(e),r=n<=.5?-t*n:t-t*n,o=2*Math.abs(n-.5);return{transform:`translateX(${r}px)`,opacity:o*o}}return{}}function Wt(e){var{url:t,loadUrl:n,prependOrigin:o,children:i,zoom:a}=e,l=s(e,["url","loadUrl","prependOrigin","children","zoom"]);const[c,u]=function({url:e,loadUrl:t,prependOrigin:n,children:o,zoom:i}){const[s,a]=r.useState({target:0,steps:[{url:e,loadUrl:t,prependOrigin:n,children:o,zoom:i}]});r.useEffect((()=>{const r=s.steps[s.steps.length-1];r.url===e&&r.loadUrl===t&&r.prependOrigin===n&&r.children===o||a((r=>({target:r.target+1,steps:[...r.steps,{url:e,loadUrl:t,prependOrigin:n,children:o,zoom:i}]})))}),[e,t,n,o,i]);const[l]=Te(s.target,{stiffness:100,decimals:3});return[s.steps,l]}({url:t,loadUrl:n,prependOrigin:o,children:i,zoom:a});return r.createElement(Tt,Object.assign({},l,{steps:c,progress:u}))}var Rt="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},qt={};Object.defineProperty(qt,"__esModule",{value:!0}),qt.getMainFile=function(e){return"vue-cli"===e?"src/main.js":"angular-cli"===e?"src/main.ts":"create-react-app-typescript"===e?"src/index.tsx":"parcel"===e?"index.html":"gatsby"===e?"src/pages/index.js":"nuxt"===e||"next"===e||"apollo"===e||"reason"===e||"sapper"===e?"package.json":"nest"===e?"src/main.ts":"static"===e?"index.html":"src/index.js"};var Ut="sandbox.config.json";var Xt=qt.getTemplate=function(e,t){var n=t[Ut]||t["/"+Ut];if(n)try{var r=JSON.parse(n.content);if(r.template)return r.template}catch(f){}var o=e.dependencies,i=void 0===o?{}:o,s=e.devDependencies,a=void 0===s?{}:s,l=Object.keys(i).concat(Object.keys(a)),c=["nuxt","nuxt-edge"];if(l.some((function(e){return c.indexOf(e)>-1})))return"nuxt";if(l.indexOf("next")>-1)return"next";var u=["apollo-server","apollo-server-express","apollo-server-hapi","apollo-server-koa","apollo-server-lambda","apollo-server-micro"];if(l.some((function(e){return u.indexOf(e)>-1})))return"apollo";if(l.indexOf("ember-cli")>-1)return"ember";if(l.indexOf("sapper")>-1)return"sapper";var d=Object.keys(t);if(d.some((function(e){return e.endsWith(".vue")})))return"vue-cli";if(d.some((function(e){return e.endsWith(".re")})))return"reason";if(l.indexOf("gatsby")>-1)return"gatsby";if(l.indexOf("parcel-bundler")>-1)return"parcel";if(l.indexOf("react-scripts")>-1)return"create-react-app";if(l.indexOf("react-scripts-ts")>-1)return"create-react-app-typescript";if(l.indexOf("@angular/core")>-1)return"angular-cli";if(l.indexOf("preact-cli")>-1)return"preact-cli";if(l.indexOf("svelte")>-1)return"svelte";if(l.indexOf("vue")>-1)return"vue-cli";var h=["@dojo/core","@dojo/framework"];return l.some((function(e){return h.indexOf(e)>-1}))?"@dojo/cli-create-app":l.indexOf("cx")>-1?"cxjs":l.indexOf("@nestjs/core")>-1||l.indexOf("@nestjs/common")>-1?"nest":void 0},Dt={exports:{}};!function(e,t){var n="__lodash_hash_undefined__",r=1,o=2,i=9007199254740991,s="[object Arguments]",a="[object Array]",l="[object AsyncFunction]",c="[object Boolean]",u="[object Date]",d="[object Error]",h="[object Function]",f="[object GeneratorFunction]",m="[object Map]",p="[object Number]",v="[object Null]",g="[object Object]",b="[object Promise]",y="[object Proxy]",x="[object RegExp]",w="[object Set]",E="[object String]",j="[object Symbol]",C="[object Undefined]",N="[object WeakMap]",O="[object ArrayBuffer]",k="[object DataView]",S=/^\[object .+?Constructor\]$/,_=/^(?:0|[1-9]\d*)$/,F={};F["[object Float32Array]"]=F["[object Float64Array]"]=F["[object Int8Array]"]=F["[object Int16Array]"]=F["[object Int32Array]"]=F["[object Uint8Array]"]=F["[object Uint8ClampedArray]"]=F["[object Uint16Array]"]=F["[object Uint32Array]"]=!0,F[s]=F[a]=F[O]=F[c]=F[k]=F[u]=F[d]=F[h]=F[m]=F[p]=F[g]=F[x]=F[w]=F[E]=F[N]=!1;var L="object"==typeof Rt&&Rt&&Rt.Object===Object&&Rt,P="object"==typeof self&&self&&self.Object===Object&&self,M=L||P||Function("return this")(),I=t&&!t.nodeType&&t,H=I&&e&&!e.nodeType&&e,$=H&&H.exports===I,A=$&&L.process,z=function(){try{return A&&A.binding&&A.binding("util")}catch(e){}}(),T=z&&z.isTypedArray;function B(e,t){for(var n=-1,r=null==e?0:e.length;++nc))return!1;var d=a.get(e);if(d&&a.get(t))return d==t;var h=-1,f=!0,m=n&o?new Oe:void 0;for(a.set(e,t),a.set(t,e);++h-1},Ce.prototype.set=function(e,t){var n=this.__data__,r=_e(n,e);return r<0?(++this.size,n.push([e,t])):n[r][1]=t,this},Ne.prototype.clear=function(){this.size=0,this.__data__={hash:new je,map:new(de||Ce),string:new je}},Ne.prototype.delete=function(e){var t=Ae(this,e).delete(e);return this.size-=t?1:0,t},Ne.prototype.get=function(e){return Ae(this,e).get(e)},Ne.prototype.has=function(e){return Ae(this,e).has(e)},Ne.prototype.set=function(e,t){var n=Ae(this,e),r=n.size;return n.set(e,t),this.size+=n.size==r?0:1,this},Oe.prototype.add=Oe.prototype.push=function(e){return this.__data__.set(e,n),this},Oe.prototype.has=function(e){return this.__data__.has(e)},ke.prototype.clear=function(){this.__data__=new Ce,this.size=0},ke.prototype.delete=function(e){var t=this.__data__,n=t.delete(e);return this.size=t.size,n},ke.prototype.get=function(e){return this.__data__.get(e)},ke.prototype.has=function(e){return this.__data__.has(e)},ke.prototype.set=function(e,t){var n=this.__data__;if(n instanceof Ce){var r=n.__data__;if(!de||r.length<199)return r.push([e,t]),this.size=++n.size,this;n=this.__data__=new Ne(r)}return n.set(e,t),this.size=n.size,this};var Te=ae?function(e){return null==e?[]:(e=Object(e),function(e,t){for(var n=-1,r=null==e?0:e.length,o=0,i=[];++n-1&&e%1==0&&e-1&&e%1==0&&e<=i}function Ve(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}function Ke(e){return null!=e&&"object"==typeof e}var Ye=T?function(e){return function(t){return e(t)}}(T):function(e){return Ke(e)&&Ze(e.length)&&!!F[Fe(e)]};function Je(e){return null!=(t=e)&&Ze(t.length)&&!Ge(t)?Se(e):Ie(e);var t}e.exports=function(e,t){return Pe(e,t)}}(Dt,Dt.exports);var Gt=Dt.exports,Zt=()=>Math.floor(1e6*Math.random()+1e6*Math.random()),Vt=class{constructor(e,t,n){this.type=e,this.handleMessage=t,this.target=n,this.outgoingMessages=new Set,this._messageListener=async e=>{var t;const{data:n}=e;if(n.$type!==this.getTypeId())return;if(this.outgoingMessages.has(n.$id))return;let r={$originId:this.internalId,$type:this.getTypeId(),$id:n.$id};try{const e=await this.handleMessage(n.$data);r.$data=e}catch(o){o.message||i.error(o),r.$error={message:null!=(t=o.message)?t:"Unknown error"}}e.source?e.source.postMessage(r,"*"):this._postMessage(r)},this.createConnection(),this.internalId=Zt(),this.isWorker="Worker"===(e=>{try{return e.constructor.name}catch(t){return""}})(n)}getTypeId(){return`p-${this.type}`}createConnection(){self.addEventListener("message",this._messageListener)}dispose(){self.removeEventListener("message",this._messageListener)}sendMessage(e){return new Promise((t=>{const n=Zt(),r={$originId:this.internalId,$type:this.getTypeId(),$data:e,$id:n};this.outgoingMessages.add(n);const o=e=>{const{data:r}=e;r.$type===this.getTypeId()&&r.$id===n&&r.$originId!==this.internalId&&(t(r.$data),self.removeEventListener("message",o))};self.addEventListener("message",o),this._postMessage(r)}))}_postMessage(e){this.isWorker||"undefined"!=typeof DedicatedWorkerGlobalScope&&this.target instanceof DedicatedWorkerGlobalScope?this.target.postMessage(e):this.target.postMessage(e,"*")}},Kt=class{constructor(e,t){this.globalListeners={},this.globalListenersCount=0,this.channelListeners={},this.channelListenersCount=0,this.channelId=Math.floor(1e6*Math.random()),this.frameWindow=e.contentWindow,this.origin=t,this.globalListeners=[],this.channelListeners=[],this.eventListener=this.eventListener.bind(this),"undefined"!=typeof window&&window.addEventListener("message",this.eventListener)}cleanup(){window.removeEventListener("message",this.eventListener),this.globalListeners={},this.channelListeners={},this.globalListenersCount=0,this.channelListenersCount=0}register(){this.frameWindow&&this.frameWindow.postMessage({type:"register-frame",origin:document.location.origin,id:this.channelId},this.origin)}dispatch(e){this.frameWindow&&this.frameWindow.postMessage({$id:this.channelId,codesandbox:!0,...e},this.origin)}globalListen(e){if("function"!=typeof e)return()=>{};const t=this.globalListenersCount;return this.globalListeners[t]=e,this.globalListenersCount++,()=>{delete this.globalListeners[t]}}channelListen(e){if("function"!=typeof e)return()=>{};const t=this.channelListenersCount;return this.channelListeners[t]=e,this.channelListenersCount++,()=>{delete this.channelListeners[t]}}eventListener(e){if(e.source!==this.frameWindow)return;const t=e.data;t.codesandbox&&(Object.values(this.globalListeners).forEach((e=>e(t))),t.$id===this.channelId&&Object.values(this.channelListeners).forEach((e=>e(t))))}};function Yt(e={},t={},n="/index.js"){return JSON.stringify({name:"sandpack-project",main:n,dependencies:e,devDependencies:t},null,2)}function Jt(e){if("SyntaxError"===e.title){const{title:t,path:n,message:r,line:o,column:i}=e;return{title:t,path:n,message:r,line:o,column:i}}const t=function(e){if(!e)return;return e.find((e=>!!e._originalFileName))}(e.payload.frames);if(!t)return{message:e.message};const n=function(e){const t=e._originalScriptCode[e._originalScriptCode.length-1].lineNumber.toString().length,n=2+t+3+e._originalColumnNumber;return e._originalScriptCode.reduce(((e,r)=>{const o=r.highlight?">":" ",i=r.lineNumber.toString().length===t?`${r.lineNumber}`:` ${r.lineNumber}`,s=r.highlight?"\n"+" ".repeat(n)+"^":"";return e+"\n"+o+" "+i+" | "+r.content+s}),"")}(t),r=(o=t)?` (${o._originalLineNumber}:${o._originalColumnNumber})`:"";var o;const i=function(e,t,n,r){return`${e}: ${t}${n}\n${r}`}(t._originalFileName,e.message,r,n);return{message:i,title:e.title,path:t._originalFileName,line:t._originalLineNumber,column:t._originalColumnNumber}}var Qt,en,tn=`https://${"0.19.0".replace(/\./g,"-")}-sandpack.codesandbox.io/`,nn=class{constructor(e,t,n={}){var r;if(this.getTranspilerContext=()=>new Promise((e=>{const t=this.listen((n=>{"transpiler-context"===n.type&&(e(n.data),t())}));this.dispatch({type:"get-transpiler-context"})})),this.options=n,this.sandboxInfo=t,this.bundlerURL=n.bundlerURL||tn,this.bundlerState=void 0,this.errors=[],this.status="initializing","string"==typeof e){this.selector=e;const t=document.querySelector(e);if(!t)throw new Error(`No element found for selector '${e}'`);this.element=t,this.iframe=document.createElement("iframe"),this.initializeElement()}else this.element=e,this.iframe=e;this.iframe.getAttribute("sandbox")||this.iframe.setAttribute("sandbox","allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts");const o=n.startRoute?new URL(n.startRoute,this.bundlerURL).toString():this.bundlerURL;null==(r=this.iframe.contentWindow)||r.location.replace(o),this.iframeProtocol=new Kt(this.iframe,this.bundlerURL),this.unsubscribeGlobalListener=this.iframeProtocol.globalListen((e=>{"initialized"===e.type&&this.iframe.contentWindow&&(this.iframeProtocol.register(),this.options.fileResolver&&(this.fileResolverProtocol=new Vt("file-resolver",(async e=>"isFile"===e.m?this.options.fileResolver.isFile(e.p):this.options.fileResolver.readFile(e.p)),this.iframe.contentWindow)),this.updatePreview(this.sandboxInfo,!0))})),this.unsubscribeChannelListener=this.iframeProtocol.channelListen((e=>{switch(e.type){case"start":this.errors=[];break;case"status":this.status=e.status;break;case"action":"show-error"===e.action&&(this.errors=[...this.errors,Jt(e)]);break;case"state":this.bundlerState=e.state}}))}cleanup(){this.unsubscribeChannelListener(),this.unsubscribeGlobalListener(),this.iframeProtocol.cleanup()}updateOptions(e){Gt(this.options,e)||(this.options=e,this.updatePreview())}updatePreview(e=this.sandboxInfo,t){var n,r,o,s;this.sandboxInfo={...this.sandboxInfo,...e};const a=this.getFiles(),l=Object.keys(a).reduce(((e,t)=>({...e,[t]:{code:a[t].code,path:t}})),{});let c=JSON.parse(Yt(this.sandboxInfo.dependencies,this.sandboxInfo.devDependencies,this.sandboxInfo.entry));try{c=JSON.parse(a["/package.json"].code)}catch(d){i.error("Could not parse package.json file: "+d.message)}const u=Object.keys(a).reduce(((e,t)=>({...e,[t]:{content:a[t].code,path:t}})),{});this.dispatch({type:"compile",codesandbox:!0,version:3,isInitializationCompile:t,modules:l,reactDevTools:this.options.reactDevTools,externalResources:this.options.externalResources||[],hasFileResolver:Boolean(this.options.fileResolver),disableDependencyPreprocessing:this.sandboxInfo.disableDependencyPreprocessing,template:this.sandboxInfo.template||Xt(c,u),showOpenInCodeSandbox:null==(n=this.options.showOpenInCodeSandbox)||n,showErrorScreen:null==(r=this.options.showErrorScreen)||r,showLoadingScreen:null==(o=this.options.showLoadingScreen)||o,skipEval:this.options.skipEval||!1,clearConsoleDisabled:!this.options.clearConsoleOnFirstCompile,logLevel:null!=(s=this.options.logLevel)?s:Qt.Info})}dispatch(e){this.iframeProtocol.dispatch(e)}listen(e){return this.iframeProtocol.channelListen(e)}getCodeSandboxURL(){const e=this.getFiles(),t=Object.keys(e).reduce(((t,n)=>({...t,[n.replace("/","")]:{content:e[n].code,isBinary:!1}})),{});return fetch("https://codesandbox.io/api/v1/sandboxes/define?json=1",{method:"POST",body:JSON.stringify({files:t}),headers:{Accept:"application/json","Content-Type":"application/json"}}).then((e=>e.json())).then((e=>({sandboxId:e.sandbox_id,editorUrl:`https://codesandbox.io/s/${e.sandbox_id}`,embedUrl:`https://codesandbox.io/embed/${e.sandbox_id}`})))}getFiles(){const{sandboxInfo:e}=this;return void 0===e.files["/package.json"]?function(e,t,n,r){const o={...e};if(!o["/package.json"]){if(!t)throw new Error("No dependencies specified, please specify either a package.json or dependencies.");if(!r)throw new Error("Missing 'entry' parameter. Either specify an entry point, or pass in a package.json with the 'main' field set.");o["/package.json"]={code:Yt(t,n,r)}}return o}(e.files,e.dependencies,e.devDependencies,e.entry):this.sandboxInfo.files}initializeElement(){if(this.iframe.style.border="0",this.iframe.style.width=this.options.width||"100%",this.iframe.style.height=this.options.height||"100%",this.iframe.style.overflow="hidden",!this.element.parentNode)throw new Error("Given element does not have a parent.");this.element.parentNode.replaceChild(this.iframe,this.element)}};function rn(e){var{className:t,files:n,presetConfig:o,show:i,children:a,style:l,frameless:c,codeConfig:u}=e,d=s(e,["className","files","presetConfig","show","children","style","frameless","codeConfig"]);const h=o?r.createElement(on,{files:n,presetConfig:o}):a;return r.createElement("div",{className:"ch-preview"+(t?" "+t:""),style:l,"data-ch-theme":null==u?void 0:u.themeName},c?h:r.createElement(Wt,Object.assign({loadUrl:i},d,{children:h})))}function on({files:e,presetConfig:t}){const n=r.useRef(null),o=r.useRef(null);return r.useEffect((()=>{o.current=new nn(n.current,Object.assign(Object.assign({},t),{files:sn(t.files,e)}),{showOpenInCodeSandbox:!1})}),[]),r.useEffect((()=>{o.current&&o.current.updatePreview(Object.assign(Object.assign({},t),{files:sn(t.files,e)}))}),[e]),r.createElement("iframe",{ref:n})}function sn(e,t){const n=Object.assign({},e);return t.forEach((e=>{n["/"+e.name]={code:e.code.lines.map((e=>e.tokens.map((e=>e.content)).join(""))).join("\n")}})),n}function an(e,t){const n=r.Children.toArray(e);return{stepsChildren:t?n.slice(0,n.length/2):n,previewChildren:t?n.slice(n.length/2):void 0}}function ln(e){var t;const n=(null===(t=e.rootBounds)||void 0===t?void 0:t.height)||0;cn(e.rootBounds,{border:`${Math.min(10,n/2)}px solid ${un.rootColor}`,overflow:"hidden",boxSizing:"border-box"}),cn(e.boundingClientRect,{border:`${Math.min(10,e.boundingClientRect.height/2)}px solid ${e.isIntersecting?un.enterColor:un.exitColor}`,overflow:"hidden",boxSizing:"border-box"}),cn(e.intersectionRect,{backgroundColor:un.interColor,zIndex:2})}function cn(e,t={}){const{width:n,left:r,height:o,top:i}=e,s=document.createElement("div");return s.style.position="fixed",s.style.width=n+"px",s.style.left=r+"px",s.style.top=i+"px",s.style.height=o+"px",s.style.pointerEvents="none",s.style.transition="opacity 2s ease-in",Object.assign(s.style,t),requestAnimationFrame((()=>requestAnimationFrame((()=>{s.style.opacity="0"})))),s.addEventListener("transitionend",(()=>{document.body.removeChild(s)})),document.body.appendChild(s),s}(en=Qt||(Qt={}))[en.None=0]="None",en[en.Error=10]="Error",en[en.Warning=20]="Warning",en[en.Info=30]="Info",en[en.Debug=40]="Debug";const un={rootColor:"#9428AB",enterColor:"#B35C00",exitColor:"#035570",interColor:"#9CAF00BB"},dn="undefined"!=typeof window?r.useLayoutEffect:r.useEffect;const hn=r.createContext(void 0),fn="undefined"!=typeof window?r.useLayoutEffect:r.useEffect;function mn({onStepChange:e,children:t,getRootMargin:n=vn,triggerPosition:o,debug:i=!1}){const[s,a]=r.useState(),l=function(){const e="object"==typeof window;function t(){return e?document.documentElement.clientHeight:void 0}const[n,o]=r.useState(t);return r.useEffect((()=>{function e(){o(t())}return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)}),[]),dn((()=>{o(t())}),[]),n}();return fn((()=>{const t=function(e,t){return new IntersectionObserver(e,{rootMargin:t,threshold:1e-6,root:null})}((t=>{(i||window.chDebugScroller)&&function(e){e.forEach(ln)}(t),t.forEach((t=>{if(t.intersectionRatio>0){const n=t.target;e(+n.stepIndex)}}))}),n(l||0,o));return a(t),()=>t.disconnect()}),[l]),r.createElement(hn.Provider,{value:s},t)}function pn(e){var{as:t="section",index:n}=e,o=s(e,["as","index"]);const i=r.useRef(null),a=r.useContext(hn);return fn((()=>(a&&a.observe(i.current),()=>a&&a.unobserve(i.current))),[a]),fn((()=>{i.current.stepIndex=n}),[n]),r.createElement(t,Object.assign(Object.assign({},o),{ref:i}))}function vn(e,t="50%"){let n=.5*e;if(t.endsWith("%")){n=e*(parseFloat(t.replace("%",""))/100)}else t.endsWith("px")&&(n=parseFloat(t.replace("px","")));return n<0&&(n=e+n),`-${n-2}px 0px -${e-n-2}px`}let gn=0;function bn({match:e}){const t=e.map((([e])=>e)),{isServer:n,matchedIndex:o}=function(e){const t="undefined"==typeof window,n=e.slice(0,-1);"default"!==e[e.length-1]&&i.warn("last media query should be 'default'");const[,o]=r.useState(0),s=t?[]:n.map((e=>window.matchMedia(e)));r.useEffect((()=>{const e=()=>o((e=>e+1));return s.forEach((t=>t.addListener(e))),()=>s.forEach((t=>t.removeListener(e)))}),[]);const a=s.findIndex((e=>e.matches));return{isServer:t,matchedIndex:a<0?e.length-1:a}}(t),s=n?"ssmq-"+gn++:"";return n?r.createElement(r.Fragment,null,r.createElement("style",{className:s,dangerouslySetInnerHTML:{__html:yn(t,s)}}),e.map((([e,t])=>r.createElement("div",{key:e,className:`${s} ${wn(e)}`},t))),r.createElement("script",{className:s,dangerouslySetInnerHTML:{__html:xn(e,s)}})):r.createElement(r.Fragment,null,r.createElement("div",null,e[o][1]))}function yn(e,t){return e.slice().reverse().map((e=>{const n=`.${t}.${wn(e)}{display:block}`,r=`.${t}:not(.${wn(e)}){display: none;}`;return"default"===e?`${n}${r}`:`@media ${e}{${n}${r}}`})).join("\n")}function xn(e,t){const n=e.map((([e])=>e)),r=n.map(wn);return`(function() {\n var qs = ${JSON.stringify(n)};\n var clss = ${JSON.stringify(r)};\n var mainCls = "${t}";\n\n var scrEls = document.getElementsByTagName("script");\n var scrEl = scrEls[scrEls.length - 1];\n var parent = scrEl.parentNode;\n\n var el = null;\n for (var i = 0; i < qs.length - 1; i++) {\n if (window.matchMedia(qs[i]).matches) {\n el = parent.querySelector(":scope > ." + mainCls + "." + clss[i]);\n break;\n }\n }\n if (!el) {\n var defaultClass = clss.pop();\n el = parent.querySelector(":scope > ." + mainCls + "." + defaultClass);\n }\n el.removeAttribute("class");\n\n parent.querySelectorAll(":scope > ." + mainCls).forEach(function (e) {\n parent.removeChild(e);\n });\n})();`}function wn(e){return"ssmq-"+e.replace(/[!\"#$%&'\(\)\*\+,\.\/:;<=>\?\@\[\\\]\^`\{\|\}~\s]/g,"").toLowerCase()}function En(){const e=r.useContext(Cn);return e?r.createElement(jn,Object.assign({},e)):null}function jn({editorStep:e,setFocus:t}){const n=s(e,["preset","presetConfig"]);return r.createElement(_t,Object.assign({},n,{onTabClick:e=>{t({fileName:e,focus:null,id:""})}}))}const Cn=r.createContext(null);function Nn(e){return r.createElement(bn,{match:[[e.codeConfig.staticMediaQuery,r.createElement(On,Object.assign({},e))],["default",r.createElement(Sn,Object.assign({},e))]]})}function On(e){var t,{children:n,hasPreviewSteps:o,editorSteps:i}=e,a=s(e,["children","hasPreviewSteps","editorSteps"]);const{stepsChildren:l,previewChildren:c}=an(n,o);return r.createElement("section",{className:"ch-scrollycoding-static","data-ch-theme":null===(t=null==a?void 0:a.codeConfig)||void 0===t?void 0:t.themeName},l.map(((e,t)=>r.createElement(kn,{key:t,editorStep:i[t],previewStep:c&&c[t],allProps:a},e))))}function kn({editorStep:e,previewStep:t,allProps:n,children:o}){const[i,s]=r.useState(Object.assign(Object.assign({},e),n)),a=({fileName:e,focus:t,id:n})=>{const r=Ft(i,e,t);s(Object.assign(Object.assign(Object.assign({},i),r),{selectedId:n}))};return r.createElement(Cn.Provider,{value:{editorStep:i,previewStep:t,allProps:n,setFocus:a}},r.createElement(Mt,{onActivation:a,onReset:()=>s(Object.assign(Object.assign({},e),n))},o))}function Sn(e){var{children:t,editorSteps:n,codeConfig:o,presetConfig:i,start:a=0,className:l,style:c,hasPreviewSteps:u}=e,d=s(e,["children","editorSteps","codeConfig","presetConfig","start","className","style","hasPreviewSteps"]);const{stepsChildren:h,previewChildren:f}=an(t,u),m=i||u,[p,v]=r.useState({stepIndex:a,step:n[a]}),g=p.step;function b(e){v({stepIndex:e,step:n[e]})}return r.createElement("section",{className:`ch-scrollycoding ${m?"ch-scrollycoding-with-preview":""} ${l||""}`,style:c,"data-ch-theme":null==o?void 0:o.themeName},r.createElement("div",{className:"ch-scrollycoding-content"},r.createElement(mn,{onStepChange:b,triggerPosition:null==o?void 0:o.triggerPosition},h.map(((e,t)=>r.createElement(pn,{as:"div",key:t,index:t,onClick:()=>b(t),className:"ch-scrollycoding-step-content","data-selected":t===p.stepIndex?"true":void 0},r.createElement(Mt,{onActivation:({fileName:e,focus:r})=>{!function(e,t,r){const o=Ft(n[e],t,r);v(Object.assign(Object.assign({},p),{stepIndex:e,step:o}))}(t,e,r)},onReset:()=>{b(t)}},e)))))),r.createElement("div",{className:"ch-scrollycoding-sticker"},r.createElement(_t,Object.assign({showExpandButton:!0},d,g,{codeConfig:o,onTabClick:function(e){const t=Ft(p.step,e,null);v(Object.assign(Object.assign({},p),{step:t}))}})),i?r.createElement(rn,{className:"ch-scrollycoding-preview",files:g.files,presetConfig:i}):u?r.createElement(rn,Object.assign({className:"ch-scrollycoding-preview"},f[p.stepIndex].props)):null))}const _n={box:function({children:e,data:t}){const n="string"==typeof t?t:void 0;return r.createElement("span",{className:"ch-code-box-annotation",style:{outlineColor:n}},e)},bg:Fn,label:function({children:e,data:t,style:n}){return r.createElement("div",{className:"ch-code-label-annotation",style:n},e,r.createElement("div",{className:"ch-code-label-annotation-text"},(null==t?void 0:t.children)||t))},link:function({children:e,isInline:t,style:n,data:o}){const i=(null==o?void 0:o.url)||o,s=null==o?void 0:o.title;return r.createElement("a",{href:i,title:s,className:t?"ch-code-inline-link":"ch-code-link",style:n},e)},mark:function(e){return e.isInline?r.createElement(Ln,Object.assign({},e)):r.createElement(Fn,Object.assign({},e))},withClass:function({children:e,data:t,style:n}){return r.createElement("span",{style:n,className:t},e)}};function Fn({children:e,data:t,style:n,lines:o}){const i=function(e){return e.map((e=>e.annotatedGroups.flatMap((e=>{var t;return null===(t=e.prev)||void 0===t?void 0:t.groups.flatMap((e=>e.tokens.map((e=>e.content))))})).join(""))).join("\n")}(o),s="ch-code-multiline-mark "+(null!=t?t:"");return r.createElement("div",{style:n,className:s},r.createElement("span",{className:"ch-code-multiline-mark-border"}),e,r.createElement(ye,{className:"ch-code-button",content:i}))}function Ln({children:e,data:t}){const n="ch-code-inline-mark "+(null!=t?t:"");return r.createElement("span",{className:n,style:{background:Pn(e)||void 0}},e)}function Pn(e){var t,n,o;try{const i=r.Children.toArray(e)[0],s=r.Children.toArray((null===(t=null==i?void 0:i.props)||void 0===t?void 0:t.children)||[])[0],a=r.Children.toArray((null===(n=null==s?void 0:s.props)||void 0===n?void 0:n.children)||[])[0],{color:l}=(null===(o=null==a?void 0:a.props)||void 0===o?void 0:o.style)||{};return l?d(l,.2):void 0}catch(i){return}}function Mn(e){var{className:t,codeConfig:n,children:o,code:i}=e,a=s(e,["className","codeConfig","children","code"]);const{lines:l}=i,c=l.flatMap((e=>e.tokens));return r.createElement("span",Object.assign({"data-ch-theme":n.themeName,className:"ch-inline-code not-prose"+(t?" "+t:"")},a),r.createElement("code",null,c.map(((e,t)=>r.createElement("span",Object.assign({key:t},e.props),e.content)))))}},8453:(e,t,n)=>{n.d(t,{RP:()=>i,xA:()=>a});var r=n(6540);const o=r.createContext({});function i(e){const t=r.useContext(o);return r.useMemo((()=>"function"==typeof e?e(t):{...t,...e}),[t,e])}const s={};function a({components:e,children:t,disableParentContext:n}){let a;return a=n?"function"==typeof e?e({}):e||s:i(e),r.createElement(o.Provider,{value:a},t)}}}]); \ No newline at end of file diff --git a/assets/js/7b760bf1.7f16ae29.js b/assets/js/7b760bf1.7f16ae29.js deleted file mode 100644 index bae8616eff..0000000000 --- a/assets/js/7b760bf1.7f16ae29.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[3250],{7533:(e,n,t)=>{t.d(n,{A:()=>r});var o=t(6540),s=t(1122),i=t(6025),a=t(4848);const r=e=>{let{alt:n,sources:t,style:r}=e;const[l,c]=(0,o.useState)(!1),d=e=>{"Escape"===e.key&&c(!1)};(0,o.useEffect)((()=>(l?document.addEventListener("keydown",d):document.removeEventListener("keydown",d),()=>{document.removeEventListener("keydown",d)})),[l]);return(0,a.jsx)("div",{className:"zoomable-image "+(l?"fullscreen":""),onClick:()=>{c(!l)},style:{width:"50%",margin:"0 auto",display:"flex",justifyContent:"center",...r},children:(0,a.jsx)(s.A,{className:"zoomable-image-inner",alt:n,sources:{light:(0,i.Ay)(t.light),dark:(0,i.Ay)(t.dark)}})})}},6670:(e,n,t)=>{t.r(n),t.d(n,{CH:()=>g,assets:()=>h,chCodeConfig:()=>p,contentTitle:()=>c,default:()=>m,frontMatter:()=>l,metadata:()=>d,toc:()=>u});t(6540);var o=t(4848),s=t(8453),i=t(4754),a=(t(1122),t(6025),t(7533)),r=t(7293);const l={},c="\ud83d\udce6 Install Langflow",d={id:"getting-started/install-langflow",title:"\ud83d\udce6 Install Langflow",description:"Langflow requires Python version 3.10 or greater and",source:"@site/docs/getting-started/install-langflow.mdx",sourceDirName:"getting-started",slug:"/getting-started/install-langflow",permalink:"/getting-started/install-langflow",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"docs",previous:{title:"\ud83d\udc4b Welcome to Langflow",permalink:"/"},next:{title:"\u26a1\ufe0f Quickstart",permalink:"/getting-started/quickstart"}},h={},g={annotations:i.hk,Code:i.Cy},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},u=[{value:"Having a problem?",id:"having-a-problem",level:2},{value:"\u26d3\ufe0f Run Langflow",id:"\ufe0f-run-langflow",level:2},{value:"HuggingFace Spaces",id:"huggingface-spaces",level:2}];function f(e){const n=Object.assign({h1:"h1",p:"p",strong:"strong",a:"a",code:"code",h2:"h2",ol:"ol",li:"li",ul:"ul"},(0,s.RP)(),e.components);return g||x("CH",!1),g.Code||x("CH.Code",!0),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n","\n","\n",(0,o.jsx)(n.h1,{id:"-install-langflow",children:"\ud83d\udce6 Install Langflow"}),"\n",(0,o.jsx)(r.A,{type:"info",children:(0,o.jsxs)(n.p,{children:["Langflow ",(0,o.jsx)(n.strong,{children:"requires"})," Python version 3.10 or greater and\n",(0,o.jsx)(n.a,{href:"https://pypi.org/project/pip/",children:"pip"})," or\n",(0,o.jsx)(n.a,{href:"https://pipx.pypa.io/stable/installation/",children:"pipx"})," to be installed on your\nsystem."]})}),"\n",(0,o.jsx)(n.p,{children:"Install Langflow with pip:"}),"\n",(0,o.jsx)(g.Code,{codeConfig:p,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"python ",props:{style:{color:"#FFA657"}}},{content:"-m ",props:{style:{color:"#79C0FF"}}},{content:"pip install langflow ",props:{style:{color:"#A5D6FF"}}},{content:"-U",props:{style:{color:"#79C0FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,o.jsx)(n.p,{children:"Install Langflow with pipx:"}),"\n",(0,o.jsx)(g.Code,{codeConfig:p,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"pipx ",props:{style:{color:"#FFA657"}}},{content:"install langflow ",props:{style:{color:"#A5D6FF"}}},{content:"--python ",props:{style:{color:"#79C0FF"}}},{content:"python3.",props:{style:{color:"#A5D6FF"}}},{content:"10 --fetch-missing-python",props:{style:{color:"#79C0FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,o.jsxs)(n.p,{children:["Pipx can fetch the missing Python version for you with ",(0,o.jsx)(n.code,{children:"--fetch-missing-python"}),", but you can also install the Python version manually. Use ",(0,o.jsx)(n.code,{children:"--force-reinstall"})," to ensure you have the latest version of Langflow and its dependencies."]}),"\n",(0,o.jsx)(n.h2,{id:"having-a-problem",children:"Having a problem?"}),"\n",(0,o.jsxs)(n.p,{children:["If you encounter a problem, see ",(0,o.jsx)(n.a,{href:"/getting-started/possible-installation-issues",children:"Common Installation Issues"}),"."]}),"\n",(0,o.jsx)(n.p,{children:"To get help in the Langflow CLI:"}),"\n",(0,o.jsx)(g.Code,{codeConfig:p,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"python ",props:{style:{color:"#FFA657"}}},{content:"-m ",props:{style:{color:"#79C0FF"}}},{content:"langflow ",props:{style:{color:"#A5D6FF"}}},{content:"--help",props:{style:{color:"#79C0FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,o.jsx)(n.h2,{id:"\ufe0f-run-langflow",children:"\u26d3\ufe0f Run Langflow"}),"\n",(0,o.jsxs)(n.ol,{children:["\n",(0,o.jsx)(n.li,{children:"To run Langflow, enter the following command."}),"\n"]}),"\n",(0,o.jsx)(g.Code,{codeConfig:p,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"python ",props:{style:{color:"#FFA657"}}},{content:"-m ",props:{style:{color:"#79C0FF"}}},{content:"langflow run",props:{style:{color:"#A5D6FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,o.jsxs)(n.ol,{start:"2",children:["\n",(0,o.jsxs)(n.li,{children:["Confirm that a local Langflow instance starts by visiting ",(0,o.jsx)(n.code,{children:"http://127.0.0.1:7860"})," in a Chromium-based browser."]}),"\n"]}),"\n",(0,o.jsx)(a.A,{alt:"Instructions for duplicating Langflow space on HuggingFace",sources:{light:"img/welcome-to-langflow.png",dark:"img/welcome-to-langflow.png"},style:{width:"80%",maxWidth:"800px",margin:"0 auto"}}),"\n",(0,o.jsxs)(n.ol,{start:"3",children:["\n",(0,o.jsxs)(n.li,{children:["Continue on to the ",(0,o.jsx)(n.a,{href:"./quickstart",children:"Quickstart"}),"."]}),"\n"]}),"\n",(0,o.jsx)(n.h2,{id:"huggingface-spaces",children:"HuggingFace Spaces"}),"\n",(0,o.jsx)(n.p,{children:"HuggingFace provides a great alternative for running Langflow in their Spaces environment. This means you can run Langflow in the cloud without any local installation required. Here's how you can get Langflow up and running on HuggingFace Spaces:"}),"\n",(0,o.jsxs)(n.ol,{children:["\n",(0,o.jsxs)(n.li,{children:["\n",(0,o.jsxs)(n.p,{children:[(0,o.jsx)(n.strong,{children:"Access Langflow Space"}),": Open a Chromium-based browser and navigate to the ",(0,o.jsx)(n.a,{href:"https://huggingface.co/spaces/Langflow/Langflow?duplicate=true",children:"Langflow Space"}),". This link directs you to a pre-configured environment for Langflow."]}),"\n"]}),"\n",(0,o.jsxs)(n.li,{children:["\n",(0,o.jsxs)(n.p,{children:[(0,o.jsx)(n.strong,{children:"Duplicate the Space"}),": You'll encounter an option to duplicate the Langflow space. This step involves a few simple decisions:"]}),"\n",(0,o.jsxs)(n.ul,{children:["\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"Naming Your Space"}),": Assign a unique name to your new Space."]}),"\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"Visibility Settings"}),": Choose between Public or Private visibility for your Space."]}),"\n",(0,o.jsxs)(n.li,{children:["After setting these parameters, click on ",(0,o.jsx)(n.strong,{children:"Duplicate Space"})," to initiate the setup."]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,o.jsx)(a.A,{alt:"Instructions for duplicating Langflow space on HuggingFace",sources:{light:"img/duplicate-space.png",dark:"img/duplicate-space.png"},style:{width:"80%",maxWidth:"800px",margin:"0 auto"}}),"\n",(0,o.jsxs)(n.ol,{start:"3",children:["\n",(0,o.jsxs)(n.li,{children:["\n",(0,o.jsxs)(n.p,{children:[(0,o.jsx)(n.strong,{children:"Complete Installation"}),": The duplication and setup process begins immediately after you click ",(0,o.jsx)(n.strong,{children:"Duplicate Space"}),". Once completed, you will be automatically redirected to the main page of your new Space."]}),"\n"]}),"\n",(0,o.jsxs)(n.li,{children:["\n",(0,o.jsxs)(n.p,{children:[(0,o.jsx)(n.strong,{children:"Start Exploring Langflow"}),": With the setup complete, Langflow is now ready for use in your Space and you can start exploring its features and capabilities right away!"]}),"\n"]}),"\n"]})]})}const m=function(e={}){const{wrapper:n}=Object.assign({},(0,s.RP)(),e.components);return n?(0,o.jsx)(n,Object.assign({},e,{children:(0,o.jsx)(f,e)})):f(e)};function x(e,n){throw new Error("Expected "+(n?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/assets/js/7b760bf1.b789cf41.js b/assets/js/7b760bf1.b789cf41.js new file mode 100644 index 0000000000..33e2fbedc0 --- /dev/null +++ b/assets/js/7b760bf1.b789cf41.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[3250],{7293:(n,e,t)=>{t.d(e,{A:()=>S});var o=t(6540),i=t(4848);function s(n){const{mdxAdmonitionTitle:e,rest:t}=function(n){const e=o.Children.toArray(n),t=e.find((n=>o.isValidElement(n)&&"mdxAdmonitionTitle"===n.type)),s=e.filter((n=>n!==t)),a=t?.props.children;return{mdxAdmonitionTitle:a,rest:s.length>0?(0,i.jsx)(i.Fragment,{children:s}):null}}(n.children),s=n.title??e;return{...n,...s&&{title:s},children:t}}var a=t(8215),l=t(1312),r=t(7559);const c={admonition:"admonition_xJq3",admonitionHeading:"admonitionHeading_Gvgb",admonitionIcon:"admonitionIcon_Rf37",admonitionContent:"admonitionContent_BuS1"};function d(n){let{type:e,className:t,children:o}=n;return(0,i.jsx)("div",{className:(0,a.A)(r.G.common.admonition,r.G.common.admonitionType(e),c.admonition,t),children:o})}function h(n){let{icon:e,title:t}=n;return(0,i.jsxs)("div",{className:c.admonitionHeading,children:[(0,i.jsx)("span",{className:c.admonitionIcon,children:e}),t]})}function u(n){let{children:e}=n;return e?(0,i.jsx)("div",{className:c.admonitionContent,children:e}):null}function g(n){const{type:e,icon:t,title:o,children:s,className:a}=n;return(0,i.jsxs)(d,{type:e,className:a,children:[o||t?(0,i.jsx)(h,{title:o,icon:t}):null,(0,i.jsx)(u,{children:s})]})}function p(n){return(0,i.jsx)("svg",{viewBox:"0 0 14 16",...n,children:(0,i.jsx)("path",{fillRule:"evenodd",d:"M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"})})}const f={icon:(0,i.jsx)(p,{}),title:(0,i.jsx)(l.A,{id:"theme.admonition.note",description:"The default label used for the Note admonition (:::note)",children:"note"})};function m(n){return(0,i.jsx)(g,{...f,...n,className:(0,a.A)("alert alert--secondary",n.className),children:n.children})}function x(n){return(0,i.jsx)("svg",{viewBox:"0 0 12 16",...n,children:(0,i.jsx)("path",{fillRule:"evenodd",d:"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"})})}const j={icon:(0,i.jsx)(x,{}),title:(0,i.jsx)(l.A,{id:"theme.admonition.tip",description:"The default label used for the Tip admonition (:::tip)",children:"tip"})};function y(n){return(0,i.jsx)(g,{...j,...n,className:(0,a.A)("alert alert--success",n.className),children:n.children})}function v(n){return(0,i.jsx)("svg",{viewBox:"0 0 14 16",...n,children:(0,i.jsx)("path",{fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"})})}const w={icon:(0,i.jsx)(v,{}),title:(0,i.jsx)(l.A,{id:"theme.admonition.info",description:"The default label used for the Info admonition (:::info)",children:"info"})};function b(n){return(0,i.jsx)(g,{...w,...n,className:(0,a.A)("alert alert--info",n.className),children:n.children})}function C(n){return(0,i.jsx)("svg",{viewBox:"0 0 16 16",...n,children:(0,i.jsx)("path",{fillRule:"evenodd",d:"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"})})}const F={icon:(0,i.jsx)(C,{}),title:(0,i.jsx)(l.A,{id:"theme.admonition.warning",description:"The default label used for the Warning admonition (:::warning)",children:"warning"})};function k(n){return(0,i.jsx)("svg",{viewBox:"0 0 12 16",...n,children:(0,i.jsx)("path",{fillRule:"evenodd",d:"M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"})})}const A={icon:(0,i.jsx)(k,{}),title:(0,i.jsx)(l.A,{id:"theme.admonition.danger",description:"The default label used for the Danger admonition (:::danger)",children:"danger"})};const L={icon:(0,i.jsx)(C,{}),title:(0,i.jsx)(l.A,{id:"theme.admonition.caution",description:"The default label used for the Caution admonition (:::caution)",children:"caution"})};const N={...{note:m,tip:y,info:b,warning:function(n){return(0,i.jsx)(g,{...F,...n,className:(0,a.A)("alert alert--warning",n.className),children:n.children})},danger:function(n){return(0,i.jsx)(g,{...A,...n,className:(0,a.A)("alert alert--danger",n.className),children:n.children})}},...{secondary:n=>(0,i.jsx)(m,{title:"secondary",...n}),important:n=>(0,i.jsx)(b,{title:"important",...n}),success:n=>(0,i.jsx)(y,{title:"success",...n}),caution:function(n){return(0,i.jsx)(g,{...L,...n,className:(0,a.A)("alert alert--warning",n.className),children:n.children})}}};var H=t(6763);function S(n){const e=s(n),t=(o=e.type,N[o]||(H.warn(`No admonition component found for admonition type "${o}". Using Info as fallback.`),N.info));var o;return(0,i.jsx)(t,{...e})}},7533:(n,e,t)=>{t.d(e,{A:()=>l});var o=t(6540),i=t(1122),s=t(6025),a=t(4848);const l=n=>{let{alt:e,sources:t,style:l}=n;const[r,c]=(0,o.useState)(!1),d=n=>{"Escape"===n.key&&c(!1)};(0,o.useEffect)((()=>(r?document.addEventListener("keydown",d):document.removeEventListener("keydown",d),()=>{document.removeEventListener("keydown",d)})),[r]);return(0,a.jsx)("div",{className:"zoomable-image "+(r?"fullscreen":""),onClick:()=>{c(!r)},style:{width:"50%",margin:"0 auto",display:"flex",justifyContent:"center",...l},children:(0,a.jsx)(i.A,{className:"zoomable-image-inner",alt:e,sources:{light:(0,s.Ay)(t.light),dark:(0,s.Ay)(t.dark)}})})}},6670:(n,e,t)=>{t.r(e),t.d(e,{CH:()=>u,assets:()=>h,chCodeConfig:()=>g,contentTitle:()=>c,default:()=>m,frontMatter:()=>r,metadata:()=>d,toc:()=>p});t(6540);var o=t(4848),i=t(8453),s=t(4754),a=(t(1122),t(6025),t(7533)),l=t(7293);const r={},c="\ud83d\udce6 Install Langflow",d={id:"getting-started/install-langflow",title:"\ud83d\udce6 Install Langflow",description:"Langflow requires Python version 3.10 or greater and",source:"@site/docs/getting-started/install-langflow.mdx",sourceDirName:"getting-started",slug:"/getting-started/install-langflow",permalink:"/getting-started/install-langflow",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"docs",previous:{title:"\ud83d\udc4b Welcome to Langflow",permalink:"/"},next:{title:"\u26a1\ufe0f Quickstart",permalink:"/getting-started/quickstart"}},h={},u={annotations:s.hk,Code:s.Cy},g={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},p=[{value:"Having a problem?",id:"having-a-problem",level:2},{value:"\u26d3\ufe0f Run Langflow",id:"\ufe0f-run-langflow",level:2},{value:"HuggingFace Spaces",id:"huggingface-spaces",level:2}];function f(n){const e=Object.assign({h1:"h1",p:"p",strong:"strong",a:"a",code:"code",h2:"h2",ol:"ol",li:"li",ul:"ul"},(0,i.RP)(),n.components);return u||x("CH",!1),u.Code||x("CH.Code",!0),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n","\n","\n",(0,o.jsx)(e.h1,{id:"-install-langflow",children:"\ud83d\udce6 Install Langflow"}),"\n",(0,o.jsx)(l.A,{type:"info",children:(0,o.jsxs)(e.p,{children:["Langflow ",(0,o.jsx)(e.strong,{children:"requires"})," Python version 3.10 or greater and\n",(0,o.jsx)(e.a,{href:"https://pypi.org/project/pip/",children:"pip"})," or\n",(0,o.jsx)(e.a,{href:"https://pipx.pypa.io/stable/installation/",children:"pipx"})," to be installed on your\nsystem."]})}),"\n",(0,o.jsx)(e.p,{children:"Install Langflow with pip:"}),"\n",(0,o.jsx)(u.Code,{codeConfig:g,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"python ",props:{style:{color:"#FFA657"}}},{content:"-m ",props:{style:{color:"#79C0FF"}}},{content:"pip install langflow ",props:{style:{color:"#A5D6FF"}}},{content:"-U",props:{style:{color:"#79C0FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,o.jsx)(e.p,{children:"Install Langflow with pipx:"}),"\n",(0,o.jsx)(u.Code,{codeConfig:g,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"pipx ",props:{style:{color:"#FFA657"}}},{content:"install langflow ",props:{style:{color:"#A5D6FF"}}},{content:"--python ",props:{style:{color:"#79C0FF"}}},{content:"python3.",props:{style:{color:"#A5D6FF"}}},{content:"10 --fetch-missing-python",props:{style:{color:"#79C0FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,o.jsxs)(e.p,{children:["Pipx can fetch the missing Python version for you with ",(0,o.jsx)(e.code,{children:"--fetch-missing-python"}),", but you can also install the Python version manually. Use ",(0,o.jsx)(e.code,{children:"--force-reinstall"})," to ensure you have the latest version of Langflow and its dependencies."]}),"\n",(0,o.jsx)(e.h2,{id:"having-a-problem",children:"Having a problem?"}),"\n",(0,o.jsxs)(e.p,{children:["If you encounter a problem, see ",(0,o.jsx)(e.a,{href:"/getting-started/possible-installation-issues",children:"Common Installation Issues"}),"."]}),"\n",(0,o.jsx)(e.p,{children:"To get help in the Langflow CLI:"}),"\n",(0,o.jsx)(u.Code,{codeConfig:g,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"python ",props:{style:{color:"#FFA657"}}},{content:"-m ",props:{style:{color:"#79C0FF"}}},{content:"langflow ",props:{style:{color:"#A5D6FF"}}},{content:"--help",props:{style:{color:"#79C0FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,o.jsx)(e.h2,{id:"\ufe0f-run-langflow",children:"\u26d3\ufe0f Run Langflow"}),"\n",(0,o.jsxs)(e.ol,{children:["\n",(0,o.jsx)(e.li,{children:"To run Langflow, enter the following command."}),"\n"]}),"\n",(0,o.jsx)(u.Code,{codeConfig:g,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"python ",props:{style:{color:"#FFA657"}}},{content:"-m ",props:{style:{color:"#79C0FF"}}},{content:"langflow run",props:{style:{color:"#A5D6FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,o.jsxs)(e.ol,{start:"2",children:["\n",(0,o.jsxs)(e.li,{children:["Confirm that a local Langflow instance starts by visiting ",(0,o.jsx)(e.code,{children:"http://127.0.0.1:7860"})," in a Chromium-based browser."]}),"\n"]}),"\n",(0,o.jsx)(a.A,{alt:"Instructions for duplicating Langflow space on HuggingFace",sources:{light:"img/welcome-to-langflow.png",dark:"img/welcome-to-langflow.png"},style:{width:"80%",maxWidth:"800px",margin:"0 auto"}}),"\n",(0,o.jsxs)(e.ol,{start:"3",children:["\n",(0,o.jsxs)(e.li,{children:["Continue on to the ",(0,o.jsx)(e.a,{href:"./quickstart",children:"Quickstart"}),"."]}),"\n"]}),"\n",(0,o.jsx)(e.h2,{id:"huggingface-spaces",children:"HuggingFace Spaces"}),"\n",(0,o.jsx)(e.p,{children:"HuggingFace provides a great alternative for running Langflow in their Spaces environment. This means you can run Langflow in the cloud without any local installation required. Here's how you can get Langflow up and running on HuggingFace Spaces:"}),"\n",(0,o.jsxs)(e.ol,{children:["\n",(0,o.jsxs)(e.li,{children:["\n",(0,o.jsxs)(e.p,{children:[(0,o.jsx)(e.strong,{children:"Access Langflow Space"}),": Open a Chromium-based browser and navigate to the ",(0,o.jsx)(e.a,{href:"https://huggingface.co/spaces/Langflow/Langflow?duplicate=true",children:"Langflow Space"}),". This link directs you to a pre-configured environment for Langflow."]}),"\n"]}),"\n",(0,o.jsxs)(e.li,{children:["\n",(0,o.jsxs)(e.p,{children:[(0,o.jsx)(e.strong,{children:"Duplicate the Space"}),": You'll encounter an option to duplicate the Langflow space. This step involves a few simple decisions:"]}),"\n",(0,o.jsxs)(e.ul,{children:["\n",(0,o.jsxs)(e.li,{children:[(0,o.jsx)(e.strong,{children:"Naming Your Space"}),": Assign a unique name to your new Space."]}),"\n",(0,o.jsxs)(e.li,{children:[(0,o.jsx)(e.strong,{children:"Visibility Settings"}),": Choose between Public or Private visibility for your Space."]}),"\n",(0,o.jsxs)(e.li,{children:["After setting these parameters, click on ",(0,o.jsx)(e.strong,{children:"Duplicate Space"})," to initiate the setup."]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,o.jsx)(a.A,{alt:"Instructions for duplicating Langflow space on HuggingFace",sources:{light:"img/duplicate-space.png",dark:"img/duplicate-space.png"},style:{width:"80%",maxWidth:"800px",margin:"0 auto"}}),"\n",(0,o.jsxs)(e.ol,{start:"3",children:["\n",(0,o.jsxs)(e.li,{children:["\n",(0,o.jsxs)(e.p,{children:[(0,o.jsx)(e.strong,{children:"Complete Installation"}),": The duplication and setup process begins immediately after you click ",(0,o.jsx)(e.strong,{children:"Duplicate Space"}),". Once completed, you will be automatically redirected to the main page of your new Space."]}),"\n"]}),"\n",(0,o.jsxs)(e.li,{children:["\n",(0,o.jsxs)(e.p,{children:[(0,o.jsx)(e.strong,{children:"Start Exploring Langflow"}),": With the setup complete, Langflow is now ready for use in your Space and you can start exploring its features and capabilities right away!"]}),"\n"]}),"\n"]})]})}const m=function(n={}){const{wrapper:e}=Object.assign({},(0,i.RP)(),n.components);return e?(0,o.jsx)(e,Object.assign({},n,{children:(0,o.jsx)(f,n)})):f(n)};function x(n,e){throw new Error("Expected "+(e?"component":"object")+" `"+n+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/assets/js/83d5bde4.372c8fad.js b/assets/js/83d5bde4.372c8fad.js new file mode 100644 index 0000000000..639a08cac1 --- /dev/null +++ b/assets/js/83d5bde4.372c8fad.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[7368],{7533:(e,t,n)=>{n.d(t,{A:()=>i});var s=n(6540),o=n(1122),a=n(6025),r=n(4848);const i=e=>{let{alt:t,sources:n,style:i}=e;const[c,l]=(0,s.useState)(!1),d=e=>{"Escape"===e.key&&l(!1)};(0,s.useEffect)((()=>(c?document.addEventListener("keydown",d):document.removeEventListener("keydown",d),()=>{document.removeEventListener("keydown",d)})),[c]);return(0,r.jsx)("div",{className:"zoomable-image "+(c?"fullscreen":""),onClick:()=>{l(!c)},style:{width:"50%",margin:"0 auto",display:"flex",justifyContent:"center",...i},children:(0,r.jsx)(o.A,{className:"zoomable-image-inner",alt:t,sources:{light:(0,a.Ay)(n.light),dark:(0,a.Ay)(n.dark)}})})}},1441:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>m,contentTitle:()=>l,default:()=>p,frontMatter:()=>c,metadata:()=>d,toc:()=>u});n(6540);var s=n(4848),o=n(8453),a=(n(1122),n(6025),n(7533),n(3554)),r=n.n(a),i=n(7293);const c={},l="Chat Memory",d={id:"examples/chat-memory",title:"Chat Memory",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/examples/chat-memory.mdx",sourceDirName:"examples",slug:"/examples/chat-memory",permalink:"/examples/chat-memory",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{}},m={},u=[];function h(e){const t=Object.assign({h1:"h1",p:"p",strong:"strong"},(0,o.RP)(),e.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.h1,{id:"chat-memory",children:"Chat Memory"}),"\n",(0,s.jsx)(i.A,{type:"warning",title:"warning",children:(0,s.jsx)(t.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,s.jsxs)(t.p,{children:["The ",(0,s.jsx)(t.strong,{children:"Chat Memory"})," component restores previous messages given a Session ID, which can be any string."]}),"\n",(0,s.jsxs)(t.p,{children:["This component is available under the ",(0,s.jsx)(t.strong,{children:"Helpers"})," tab of the Langflow sidebar."]}),"\n",(0,s.jsx)("div",{style:{marginBottom:"20px",display:"flex",justifyContent:"center"},children:(0,s.jsx)(r(),{playing:!0,controls:!0,url:"/videos/chat_memory.mp4"})})]})}const p=function(e={}){const{wrapper:t}=Object.assign({},(0,o.RP)(),e.components);return t?(0,s.jsx)(t,Object.assign({},e,{children:(0,s.jsx)(h,e)})):h(e)}},8453:(e,t,n)=>{n.d(t,{RP:()=>a,xA:()=>i});var s=n(6540);const o=s.createContext({});function a(e){const t=s.useContext(o);return s.useMemo((()=>"function"==typeof e?e(t):{...t,...e}),[t,e])}const r={};function i({components:e,children:t,disableParentContext:n}){let i;return i=n?"function"==typeof e?e({}):e||r:a(e),s.createElement(o.Provider,{value:i},t)}}}]); \ No newline at end of file diff --git a/assets/js/83d5bde4.9cb9edb7.js b/assets/js/83d5bde4.9cb9edb7.js deleted file mode 100644 index aed542a578..0000000000 --- a/assets/js/83d5bde4.9cb9edb7.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[7368],{7293:(n,e,t)=>{t.d(e,{A:()=>H});var i=t(6540),o=t(4848);function s(n){const{mdxAdmonitionTitle:e,rest:t}=function(n){const e=i.Children.toArray(n),t=e.find((n=>i.isValidElement(n)&&"mdxAdmonitionTitle"===n.type)),s=e.filter((n=>n!==t)),a=t?.props.children;return{mdxAdmonitionTitle:a,rest:s.length>0?(0,o.jsx)(o.Fragment,{children:s}):null}}(n.children),s=n.title??e;return{...n,...s&&{title:s},children:t}}var a=t(8215),r=t(1312),c=t(7559);const l={admonition:"admonition_xJq3",admonitionHeading:"admonitionHeading_Gvgb",admonitionIcon:"admonitionIcon_Rf37",admonitionContent:"admonitionContent_BuS1"};function d(n){let{type:e,className:t,children:i}=n;return(0,o.jsx)("div",{className:(0,a.A)(c.G.common.admonition,c.G.common.admonitionType(e),l.admonition,t),children:i})}function m(n){let{icon:e,title:t}=n;return(0,o.jsxs)("div",{className:l.admonitionHeading,children:[(0,o.jsx)("span",{className:l.admonitionIcon,children:e}),t]})}function h(n){let{children:e}=n;return e?(0,o.jsx)("div",{className:l.admonitionContent,children:e}):null}function u(n){const{type:e,icon:t,title:i,children:s,className:a}=n;return(0,o.jsxs)(d,{type:e,className:a,children:[i||t?(0,o.jsx)(m,{title:i,icon:t}):null,(0,o.jsx)(h,{children:s})]})}function f(n){return(0,o.jsx)("svg",{viewBox:"0 0 14 16",...n,children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"})})}const x={icon:(0,o.jsx)(f,{}),title:(0,o.jsx)(r.A,{id:"theme.admonition.note",description:"The default label used for the Note admonition (:::note)",children:"note"})};function p(n){return(0,o.jsx)(u,{...x,...n,className:(0,a.A)("alert alert--secondary",n.className),children:n.children})}function j(n){return(0,o.jsx)("svg",{viewBox:"0 0 12 16",...n,children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"})})}const g={icon:(0,o.jsx)(j,{}),title:(0,o.jsx)(r.A,{id:"theme.admonition.tip",description:"The default label used for the Tip admonition (:::tip)",children:"tip"})};function v(n){return(0,o.jsx)(u,{...g,...n,className:(0,a.A)("alert alert--success",n.className),children:n.children})}function y(n){return(0,o.jsx)("svg",{viewBox:"0 0 14 16",...n,children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"})})}const w={icon:(0,o.jsx)(y,{}),title:(0,o.jsx)(r.A,{id:"theme.admonition.info",description:"The default label used for the Info admonition (:::info)",children:"info"})};function A(n){return(0,o.jsx)(u,{...w,...n,className:(0,a.A)("alert alert--info",n.className),children:n.children})}function b(n){return(0,o.jsx)("svg",{viewBox:"0 0 16 16",...n,children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"})})}const N={icon:(0,o.jsx)(b,{}),title:(0,o.jsx)(r.A,{id:"theme.admonition.warning",description:"The default label used for the Warning admonition (:::warning)",children:"warning"})};function C(n){return(0,o.jsx)("svg",{viewBox:"0 0 12 16",...n,children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"})})}const z={icon:(0,o.jsx)(C,{}),title:(0,o.jsx)(r.A,{id:"theme.admonition.danger",description:"The default label used for the Danger admonition (:::danger)",children:"danger"})};const M={icon:(0,o.jsx)(b,{}),title:(0,o.jsx)(r.A,{id:"theme.admonition.caution",description:"The default label used for the Caution admonition (:::caution)",children:"caution"})};const T={...{note:p,tip:v,info:A,warning:function(n){return(0,o.jsx)(u,{...N,...n,className:(0,a.A)("alert alert--warning",n.className),children:n.children})},danger:function(n){return(0,o.jsx)(u,{...z,...n,className:(0,a.A)("alert alert--danger",n.className),children:n.children})}},...{secondary:n=>(0,o.jsx)(p,{title:"secondary",...n}),important:n=>(0,o.jsx)(A,{title:"important",...n}),success:n=>(0,o.jsx)(v,{title:"success",...n}),caution:function(n){return(0,o.jsx)(u,{...M,...n,className:(0,a.A)("alert alert--warning",n.className),children:n.children})}}};var k=t(6763);function H(n){const e=s(n),t=(i=e.type,T[i]||(k.warn(`No admonition component found for admonition type "${i}". Using Info as fallback.`),T.info));var i;return(0,o.jsx)(t,{...e})}},7533:(n,e,t)=>{t.d(e,{A:()=>r});var i=t(6540),o=t(1122),s=t(6025),a=t(4848);const r=n=>{let{alt:e,sources:t,style:r}=n;const[c,l]=(0,i.useState)(!1),d=n=>{"Escape"===n.key&&l(!1)};(0,i.useEffect)((()=>(c?document.addEventListener("keydown",d):document.removeEventListener("keydown",d),()=>{document.removeEventListener("keydown",d)})),[c]);return(0,a.jsx)("div",{className:"zoomable-image "+(c?"fullscreen":""),onClick:()=>{l(!c)},style:{width:"50%",margin:"0 auto",display:"flex",justifyContent:"center",...r},children:(0,a.jsx)(o.A,{className:"zoomable-image-inner",alt:e,sources:{light:(0,s.Ay)(t.light),dark:(0,s.Ay)(t.dark)}})})}},1441:(n,e,t)=>{t.r(e),t.d(e,{assets:()=>m,contentTitle:()=>l,default:()=>f,frontMatter:()=>c,metadata:()=>d,toc:()=>h});t(6540);var i=t(4848),o=t(8453),s=(t(1122),t(6025),t(7533),t(3554)),a=t.n(s),r=t(7293);const c={},l="Chat Memory",d={id:"examples/chat-memory",title:"Chat Memory",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/examples/chat-memory.mdx",sourceDirName:"examples",slug:"/examples/chat-memory",permalink:"/examples/chat-memory",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{}},m={},h=[];function u(n){const e=Object.assign({h1:"h1",p:"p",strong:"strong"},(0,o.RP)(),n.components);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(e.h1,{id:"chat-memory",children:"Chat Memory"}),"\n",(0,i.jsx)(r.A,{type:"warning",title:"warning",children:(0,i.jsx)(e.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,i.jsxs)(e.p,{children:["The ",(0,i.jsx)(e.strong,{children:"Chat Memory"})," component restores previous messages given a Session ID, which can be any string."]}),"\n",(0,i.jsxs)(e.p,{children:["This component is available under the ",(0,i.jsx)(e.strong,{children:"Helpers"})," tab of the Langflow sidebar."]}),"\n",(0,i.jsx)("div",{style:{marginBottom:"20px",display:"flex",justifyContent:"center"},children:(0,i.jsx)(a(),{playing:!0,controls:!0,url:"/videos/chat_memory.mp4"})})]})}const f=function(n={}){const{wrapper:e}=Object.assign({},(0,o.RP)(),n.components);return e?(0,i.jsx)(e,Object.assign({},n,{children:(0,i.jsx)(u,n)})):u(n)}},8453:(n,e,t)=>{t.d(e,{RP:()=>s,xA:()=>r});var i=t(6540);const o=i.createContext({});function s(n){const e=i.useContext(o);return i.useMemo((()=>"function"==typeof n?n(e):{...e,...n}),[e,n])}const a={};function r({components:n,children:e,disableParentContext:t}){let r;return r=t?"function"==typeof n?n({}):n||a:s(n),i.createElement(o.Provider,{value:r},e)}}}]); \ No newline at end of file diff --git a/assets/js/88c438de.1ab4900a.js b/assets/js/88c438de.1ab4900a.js deleted file mode 100644 index 43ebd519e7..0000000000 --- a/assets/js/88c438de.1ab4900a.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[8914],{7533:(e,t,n)=>{n.d(t,{A:()=>r});var s=n(6540),o=n(1122),i=n(6025),a=n(4848);const r=e=>{let{alt:t,sources:n,style:r}=e;const[d,c]=(0,s.useState)(!1),l=e=>{"Escape"===e.key&&c(!1)};(0,s.useEffect)((()=>(d?document.addEventListener("keydown",l):document.removeEventListener("keydown",l),()=>{document.removeEventListener("keydown",l)})),[d]);return(0,a.jsx)("div",{className:"zoomable-image "+(d?"fullscreen":""),onClick:()=>{c(!d)},style:{width:"50%",margin:"0 auto",display:"flex",justifyContent:"center",...r},children:(0,a.jsx)(o.A,{className:"zoomable-image-inner",alt:t,sources:{light:(0,i.Ay)(n.light),dark:(0,i.Ay)(n.dark)}})})}},3158:(e,t,n)=>{n.r(t),n.d(t,{CH:()=>u,assets:()=>p,chCodeConfig:()=>m,contentTitle:()=>l,default:()=>j,frontMatter:()=>c,metadata:()=>h,toc:()=>x});n(6540);var s=n(4848),o=n(8453),i=n(4754),a=n(7293),r=n(7533),d=n(6025);const c={},l="Inputs and Outputs",h={id:"components/inputs-and-outputs",title:"Inputs and Outputs",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/components/inputs-and-outputs.mdx",sourceDirName:"components",slug:"/components/inputs-and-outputs",permalink:"/components/inputs-and-outputs",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"docs",previous:{title:"Chat Widget",permalink:"/administration/chat-widget"},next:{title:"Text and Data",permalink:"/components/text-and-record"}},p={},u={annotations:i.hk,Code:i.Cy},m={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},x=[{value:"Inputs",id:"inputs",level:2},{value:"Chat Input",id:"chat-input",level:3},{value:"Text Input",id:"text-input",level:3},{value:"Outputs",id:"outputs",level:2},{value:"Chat Output",id:"chat-output",level:3},{value:"Text Output",id:"text-output",level:3},{value:"Prompts",id:"prompts",level:2},{value:"Prompt",id:"prompt",level:3},{value:"PromptTemplate",id:"prompttemplate",level:3}];function g(e){const t=Object.assign({h1:"h1",p:"p",h2:"h2",code:"code",a:"a",h3:"h3",strong:"strong",ul:"ul",li:"li"},(0,o.RP)(),e.components);return u||f("CH",!1),u.Code||f("CH.Code",!0),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n","\n","\n",(0,s.jsx)(t.h1,{id:"inputs-and-outputs",children:"Inputs and Outputs"}),"\n",(0,s.jsx)(a.A,{type:"warning",title:"warning",children:(0,s.jsx)(t.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,s.jsx)(t.p,{children:"Inputs and Outputs are a category of components that are used to define where data comes in and out of your flow.\nThey also dynamically change the Playground and can be renamed to facilitate building and maintaining your flows."}),"\n",(0,s.jsx)(t.h2,{id:"inputs",children:"Inputs"}),"\n",(0,s.jsx)(t.p,{children:"Inputs are components used to define where data enters your flow. They can receive data from the user, a database, or any other source that can be converted to Text or Data."}),"\n",(0,s.jsx)(t.p,{children:"The difference between Chat Input and other Input components is the output format, the number of configurable fields, and the way they are displayed in the Playground."}),"\n",(0,s.jsxs)(t.p,{children:["Chat Input components can output ",(0,s.jsx)(t.code,{children:"Text"})," or ",(0,s.jsx)(t.code,{children:"Data"}),". When you want to pass the sender name or sender to the next component, use the ",(0,s.jsx)(t.code,{children:"Data"})," output. To pass only the message, use the ",(0,s.jsx)(t.code,{children:"Text"})," output, useful when saving the message to a database or memory system like Zep."]}),"\n",(0,s.jsxs)(t.p,{children:["You can find out more about Chat Input and other Inputs ",(0,s.jsx)(t.a,{href:"#chat-input",children:"here"}),"."]}),"\n",(0,s.jsx)(t.h3,{id:"chat-input",children:"Chat Input"}),"\n",(0,s.jsx)(t.p,{children:"This component collects user input from the chat."}),"\n",(0,s.jsx)(r.A,{alt:"Docusaurus themed image",sources:{light:"img/chat-input-expanded.png",dark:"img/chat-input-expanded.png"},style:{width:"40%",margin:"20px auto"}}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.strong,{children:"Parameters"})}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:[(0,s.jsx)(t.strong,{children:"Sender Type:"})," Specifies the sender type. Defaults to ",(0,s.jsx)(t.code,{children:"User"}),". Options are ",(0,s.jsx)(t.code,{children:"Machine"})," and ",(0,s.jsx)(t.code,{children:"User"}),"."]}),"\n",(0,s.jsxs)(t.li,{children:[(0,s.jsx)(t.strong,{children:"Sender Name:"})," Specifies the name of the sender. Defaults to ",(0,s.jsx)(t.code,{children:"User"}),"."]}),"\n",(0,s.jsxs)(t.li,{children:[(0,s.jsx)(t.strong,{children:"Message:"})," Specifies the message text. It is a multiline text input."]}),"\n",(0,s.jsxs)(t.li,{children:[(0,s.jsx)(t.strong,{children:"Session ID:"})," Specifies the session ID of the chat history. If provided, the message will be saved in the Message History."]}),"\n"]}),"\n",(0,s.jsx)(a.A,{type:"note",title:"Note",children:(0,s.jsx)("p",{children:(0,s.jsxs)(t.p,{children:["If ",(0,s.jsx)(t.code,{children:"As Data"})," is ",(0,s.jsx)(t.code,{children:"true"})," and the ",(0,s.jsx)(t.code,{children:"Message"})," is a ",(0,s.jsx)(t.code,{children:"Data"}),", the data of the ",(0,s.jsx)(t.code,{children:"Data"}),"\nwill be updated with the ",(0,s.jsx)(t.code,{children:"Sender"}),", ",(0,s.jsx)(t.code,{children:"Sender Name"}),", and ",(0,s.jsx)(t.code,{children:"Session ID"}),"."]})})}),"\n",(0,s.jsx)(t.p,{children:"One significant capability of the Chat Input component is its ability to transform the Playground into a chat window. This feature is particularly valuable for scenarios requiring user input to initiate or influence the flow."}),"\n",(0,s.jsx)(r.A,{alt:"Docusaurus themed image",sources:{light:(0,d.Ay)("img/playground-chat.png"),dark:(0,d.Ay)("img/playground-chat.png")},style:{width:"100%",maxWidth:"800px",margin:"0 auto"}}),"\n",(0,s.jsx)(t.h3,{id:"text-input",children:"Text Input"}),"\n",(0,s.jsxs)(t.p,{children:["The ",(0,s.jsx)(t.strong,{children:"Text Input"})," component adds an ",(0,s.jsx)(t.strong,{children:"Input"})," field on the Playground. This enables you to define parameters while running and testing your flow."]}),"\n",(0,s.jsx)(r.A,{alt:"Docusaurus themed image",sources:{light:"img/text-input-expanded.png",dark:"img/text-input-expanded.png"},style:{width:"50%",margin:"20px auto"}}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.strong,{children:"Parameters"})}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:[(0,s.jsx)(t.strong,{children:"Value:"})," Specifies the text input value. This is where the user inputs text data that will be passed to the next component in the sequence. If no value is provided, it defaults to an empty string."]}),"\n",(0,s.jsxs)(t.li,{children:[(0,s.jsx)(t.strong,{children:"Data Template:"})," Specifies how a ",(0,s.jsx)(t.code,{children:"Data"})," should be converted into ",(0,s.jsx)(t.code,{children:"Text"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(t.p,{children:["The ",(0,s.jsx)(t.strong,{children:"Data Template"})," field is used to specify how a ",(0,s.jsx)(t.code,{children:"Data"})," should be converted into ",(0,s.jsx)(t.code,{children:"Text"}),". This is particularly useful when you want to extract specific information from a ",(0,s.jsx)(t.code,{children:"Data"})," and pass it as text to the next component in the sequence."]}),"\n",(0,s.jsxs)(t.p,{children:["For example, if you have a ",(0,s.jsx)(t.code,{children:"Data"})," with the following structure:"]}),"\n",(0,s.jsx)(u.Code,{codeConfig:m,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"{",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "name"',props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"John Doe"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "age"',props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"30",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "email"',props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"johndoe@email.com"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"}",props:{style:{color:"#C9D1D9"}}}]}],lang:"json"},annotations:[]}]}),"\n",(0,s.jsxs)(t.p,{children:["A template with ",(0,s.jsx)(t.code,{children:"Name: {name}, Age: {age}"})," will convert the ",(0,s.jsx)(t.code,{children:"Data"})," into a text string of ",(0,s.jsx)(t.code,{children:"Name: John Doe, Age: 30"}),"."]}),"\n",(0,s.jsxs)(t.p,{children:["If you pass more than one ",(0,s.jsx)(t.code,{children:"Data"}),", the text will be concatenated with a new line separator."]}),"\n",(0,s.jsx)(t.h2,{id:"outputs",children:"Outputs"}),"\n",(0,s.jsx)(t.p,{children:"Outputs are components that are used to define where data comes out of your flow. They can be used to send data to the user, to the Playground, or to define how the data will be displayed in the Playground."}),"\n",(0,s.jsx)(t.p,{children:"The Chat Output works similarly to the Chat Input but does not have a field that allows for written input. It is used as an Output definition and can be used to send data to the user."}),"\n",(0,s.jsxs)(t.p,{children:["You can find out more about it and the other Outputs ",(0,s.jsx)(t.a,{href:"#chat-output",children:"here"}),"."]}),"\n",(0,s.jsx)(t.h3,{id:"chat-output",children:"Chat Output"}),"\n",(0,s.jsx)(t.p,{children:"This component sends a message to the chat."}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.strong,{children:"Parameters"})}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"Sender Type:"})," Specifies the sender type. Default is ",(0,s.jsx)(t.code,{children:'"Machine"'}),". Options are ",(0,s.jsx)(t.code,{children:'"Machine"'})," and ",(0,s.jsx)(t.code,{children:'"User"'}),"."]}),"\n"]}),"\n",(0,s.jsxs)(t.li,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"Sender Name:"})," Specifies the sender's name. Default is ",(0,s.jsx)(t.code,{children:'"AI"'}),"."]}),"\n"]}),"\n",(0,s.jsxs)(t.li,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"Session ID:"})," Specifies the session ID of the chat history. If provided, messages are saved in the Message History."]}),"\n"]}),"\n",(0,s.jsxs)(t.li,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"Message:"})," Specifies the text of the message."]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(a.A,{type:"note",title:"Note",children:(0,s.jsx)("p",{children:(0,s.jsxs)(t.p,{children:["If ",(0,s.jsx)(t.code,{children:"As Data"})," is ",(0,s.jsx)(t.code,{children:"true"})," and the ",(0,s.jsx)(t.code,{children:"Message"})," is a ",(0,s.jsx)(t.code,{children:"Data"}),", the data in the ",(0,s.jsx)(t.code,{children:"Data"}),"\nis updated with the ",(0,s.jsx)(t.code,{children:"Sender"}),", ",(0,s.jsx)(t.code,{children:"Sender Name"}),", and ",(0,s.jsx)(t.code,{children:"Session ID"}),"."]})})}),"\n",(0,s.jsx)(t.h3,{id:"text-output",children:"Text Output"}),"\n",(0,s.jsx)(t.p,{children:"This component displays text data to the user. It is useful when you want to show text without sending it to the chat."}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.strong,{children:"Parameters"})}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:[(0,s.jsx)(t.strong,{children:"Value:"})," Specifies the text data to be displayed. Defaults to an empty string."]}),"\n"]}),"\n",(0,s.jsxs)(t.p,{children:["The ",(0,s.jsx)(t.code,{children:"TextOutput"})," component provides a simple way to display text data. It allows textual data to be visible in the chat window during your interaction flow."]}),"\n",(0,s.jsx)(t.h2,{id:"prompts",children:"Prompts"}),"\n",(0,s.jsx)(t.p,{children:"A prompt is the input provided to a language model, consisting of multiple components and can be parameterized using prompt templates. A prompt template offers a reproducible method for generating prompts, enabling easy customization through input variables."}),"\n",(0,s.jsx)(t.h3,{id:"prompt",children:"Prompt"}),"\n",(0,s.jsx)(t.p,{children:"This component creates a prompt template with dynamic variables. This is useful for structuring prompts and passing dynamic data to a language model."}),"\n",(0,s.jsx)(r.A,{alt:"Docusaurus themed image",sources:{light:"img/prompt-with-template.png",dark:"img/prompt-with-template.png"},style:{width:"50%",margin:"20px auto"}}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.strong,{children:"Parameters"})}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:[(0,s.jsx)(t.strong,{children:"Template:"})," The template for the prompt. This field allows you to create other fields dynamically by using curly brackets ",(0,s.jsx)(t.code,{children:"{}"}),". For example, if you have a template like ",(0,s.jsx)(t.code,{children:"Hello {name}, how are you?"}),", a new field called ",(0,s.jsx)(t.code,{children:"name"})," will be created. Prompt variables can be created with any name inside curly brackets, e.g. ",(0,s.jsx)(t.code,{children:"{variable_name}"}),"."]}),"\n"]}),"\n",(0,s.jsx)(t.h3,{id:"prompttemplate",children:"PromptTemplate"}),"\n",(0,s.jsxs)(t.p,{children:["The ",(0,s.jsx)(t.code,{children:"PromptTemplate"})," component enables users to create prompts and define variables that control how the model is instructed. Users can input a set of variables which the template uses to generate the prompt when a conversation starts."]}),"\n",(0,s.jsxs)(t.p,{children:["After defining a variable in the prompt template, it acts as its own component input. See ",(0,s.jsx)(t.a,{href:"../administration/prompt-customization",children:"Prompt Customization"})," for more details."]}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:[(0,s.jsx)(t.strong,{children:"template:"})," The template used to format an individual request."]}),"\n"]})]})}const j=function(e={}){const{wrapper:t}=Object.assign({},(0,o.RP)(),e.components);return t?(0,s.jsx)(t,Object.assign({},e,{children:(0,s.jsx)(g,e)})):g(e)};function f(e,t){throw new Error("Expected "+(t?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/assets/js/88c438de.593335e7.js b/assets/js/88c438de.593335e7.js new file mode 100644 index 0000000000..9e3e0fd315 --- /dev/null +++ b/assets/js/88c438de.593335e7.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[8914],{7293:(e,t,n)=>{n.d(t,{A:()=>S});var i=n(6540),s=n(4848);function o(e){const{mdxAdmonitionTitle:t,rest:n}=function(e){const t=i.Children.toArray(e),n=t.find((e=>i.isValidElement(e)&&"mdxAdmonitionTitle"===e.type)),o=t.filter((e=>e!==n)),a=n?.props.children;return{mdxAdmonitionTitle:a,rest:o.length>0?(0,s.jsx)(s.Fragment,{children:o}):null}}(e.children),o=e.title??t;return{...e,...o&&{title:o},children:n}}var a=n(8215),r=n(1312),d=n(7559);const c={admonition:"admonition_xJq3",admonitionHeading:"admonitionHeading_Gvgb",admonitionIcon:"admonitionIcon_Rf37",admonitionContent:"admonitionContent_BuS1"};function l(e){let{type:t,className:n,children:i}=e;return(0,s.jsx)("div",{className:(0,a.A)(d.G.common.admonition,d.G.common.admonitionType(t),c.admonition,n),children:i})}function h(e){let{icon:t,title:n}=e;return(0,s.jsxs)("div",{className:c.admonitionHeading,children:[(0,s.jsx)("span",{className:c.admonitionIcon,children:t}),n]})}function u(e){let{children:t}=e;return t?(0,s.jsx)("div",{className:c.admonitionContent,children:t}):null}function p(e){const{type:t,icon:n,title:i,children:o,className:a}=e;return(0,s.jsxs)(l,{type:t,className:a,children:[i||n?(0,s.jsx)(h,{title:i,icon:n}):null,(0,s.jsx)(u,{children:o})]})}function m(e){return(0,s.jsx)("svg",{viewBox:"0 0 14 16",...e,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"})})}const x={icon:(0,s.jsx)(m,{}),title:(0,s.jsx)(r.A,{id:"theme.admonition.note",description:"The default label used for the Note admonition (:::note)",children:"note"})};function j(e){return(0,s.jsx)(p,{...x,...e,className:(0,a.A)("alert alert--secondary",e.className),children:e.children})}function g(e){return(0,s.jsx)("svg",{viewBox:"0 0 12 16",...e,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"})})}const f={icon:(0,s.jsx)(g,{}),title:(0,s.jsx)(r.A,{id:"theme.admonition.tip",description:"The default label used for the Tip admonition (:::tip)",children:"tip"})};function y(e){return(0,s.jsx)(p,{...f,...e,className:(0,a.A)("alert alert--success",e.className),children:e.children})}function v(e){return(0,s.jsx)("svg",{viewBox:"0 0 14 16",...e,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"})})}const w={icon:(0,s.jsx)(v,{}),title:(0,s.jsx)(r.A,{id:"theme.admonition.info",description:"The default label used for the Info admonition (:::info)",children:"info"})};function b(e){return(0,s.jsx)(p,{...w,...e,className:(0,a.A)("alert alert--info",e.className),children:e.children})}function T(e){return(0,s.jsx)("svg",{viewBox:"0 0 16 16",...e,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"})})}const D={icon:(0,s.jsx)(T,{}),title:(0,s.jsx)(r.A,{id:"theme.admonition.warning",description:"The default label used for the Warning admonition (:::warning)",children:"warning"})};function k(e){return(0,s.jsx)("svg",{viewBox:"0 0 12 16",...e,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"})})}const C={icon:(0,s.jsx)(k,{}),title:(0,s.jsx)(r.A,{id:"theme.admonition.danger",description:"The default label used for the Danger admonition (:::danger)",children:"danger"})};const I={icon:(0,s.jsx)(T,{}),title:(0,s.jsx)(r.A,{id:"theme.admonition.caution",description:"The default label used for the Caution admonition (:::caution)",children:"caution"})};const A={...{note:j,tip:y,info:b,warning:function(e){return(0,s.jsx)(p,{...D,...e,className:(0,a.A)("alert alert--warning",e.className),children:e.children})},danger:function(e){return(0,s.jsx)(p,{...C,...e,className:(0,a.A)("alert alert--danger",e.className),children:e.children})}},...{secondary:e=>(0,s.jsx)(j,{title:"secondary",...e}),important:e=>(0,s.jsx)(b,{title:"important",...e}),success:e=>(0,s.jsx)(y,{title:"success",...e}),caution:function(e){return(0,s.jsx)(p,{...I,...e,className:(0,a.A)("alert alert--warning",e.className),children:e.children})}}};var N=n(6763);function S(e){const t=o(e),n=(i=t.type,A[i]||(N.warn(`No admonition component found for admonition type "${i}". Using Info as fallback.`),A.info));var i;return(0,s.jsx)(n,{...t})}},7533:(e,t,n)=>{n.d(t,{A:()=>r});var i=n(6540),s=n(1122),o=n(6025),a=n(4848);const r=e=>{let{alt:t,sources:n,style:r}=e;const[d,c]=(0,i.useState)(!1),l=e=>{"Escape"===e.key&&c(!1)};(0,i.useEffect)((()=>(d?document.addEventListener("keydown",l):document.removeEventListener("keydown",l),()=>{document.removeEventListener("keydown",l)})),[d]);return(0,a.jsx)("div",{className:"zoomable-image "+(d?"fullscreen":""),onClick:()=>{c(!d)},style:{width:"50%",margin:"0 auto",display:"flex",justifyContent:"center",...r},children:(0,a.jsx)(s.A,{className:"zoomable-image-inner",alt:t,sources:{light:(0,o.Ay)(n.light),dark:(0,o.Ay)(n.dark)}})})}},3158:(e,t,n)=>{n.r(t),n.d(t,{CH:()=>p,assets:()=>u,chCodeConfig:()=>m,contentTitle:()=>l,default:()=>g,frontMatter:()=>c,metadata:()=>h,toc:()=>x});n(6540);var i=n(4848),s=n(8453),o=n(4754),a=n(7293),r=n(7533),d=n(6025);const c={},l="Inputs and Outputs",h={id:"components/inputs-and-outputs",title:"Inputs and Outputs",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/components/inputs-and-outputs.mdx",sourceDirName:"components",slug:"/components/inputs-and-outputs",permalink:"/components/inputs-and-outputs",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"docs",previous:{title:"Chat Widget",permalink:"/administration/chat-widget"},next:{title:"Text and Data",permalink:"/components/text-and-record"}},u={},p={annotations:o.hk,Code:o.Cy},m={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},x=[{value:"Inputs",id:"inputs",level:2},{value:"Chat Input",id:"chat-input",level:3},{value:"Text Input",id:"text-input",level:3},{value:"Outputs",id:"outputs",level:2},{value:"Chat Output",id:"chat-output",level:3},{value:"Text Output",id:"text-output",level:3},{value:"Prompts",id:"prompts",level:2},{value:"Prompt",id:"prompt",level:3},{value:"PromptTemplate",id:"prompttemplate",level:3}];function j(e){const t=Object.assign({h1:"h1",p:"p",h2:"h2",code:"code",a:"a",h3:"h3",strong:"strong",ul:"ul",li:"li"},(0,s.RP)(),e.components);return p||f("CH",!1),p.Code||f("CH.Code",!0),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n","\n","\n",(0,i.jsx)(t.h1,{id:"inputs-and-outputs",children:"Inputs and Outputs"}),"\n",(0,i.jsx)(a.A,{type:"warning",title:"warning",children:(0,i.jsx)(t.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,i.jsx)(t.p,{children:"Inputs and Outputs are a category of components that are used to define where data comes in and out of your flow.\nThey also dynamically change the Playground and can be renamed to facilitate building and maintaining your flows."}),"\n",(0,i.jsx)(t.h2,{id:"inputs",children:"Inputs"}),"\n",(0,i.jsx)(t.p,{children:"Inputs are components used to define where data enters your flow. They can receive data from the user, a database, or any other source that can be converted to Text or Data."}),"\n",(0,i.jsx)(t.p,{children:"The difference between Chat Input and other Input components is the output format, the number of configurable fields, and the way they are displayed in the Playground."}),"\n",(0,i.jsxs)(t.p,{children:["Chat Input components can output ",(0,i.jsx)(t.code,{children:"Text"})," or ",(0,i.jsx)(t.code,{children:"Data"}),". When you want to pass the sender name or sender to the next component, use the ",(0,i.jsx)(t.code,{children:"Data"})," output. To pass only the message, use the ",(0,i.jsx)(t.code,{children:"Text"})," output, useful when saving the message to a database or memory system like Zep."]}),"\n",(0,i.jsxs)(t.p,{children:["You can find out more about Chat Input and other Inputs ",(0,i.jsx)(t.a,{href:"#chat-input",children:"here"}),"."]}),"\n",(0,i.jsx)(t.h3,{id:"chat-input",children:"Chat Input"}),"\n",(0,i.jsx)(t.p,{children:"This component collects user input from the chat."}),"\n",(0,i.jsx)(r.A,{alt:"Docusaurus themed image",sources:{light:"img/chat-input-expanded.png",dark:"img/chat-input-expanded.png"},style:{width:"40%",margin:"20px auto"}}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.strong,{children:"Parameters"})}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:[(0,i.jsx)(t.strong,{children:"Sender Type:"})," Specifies the sender type. Defaults to ",(0,i.jsx)(t.code,{children:"User"}),". Options are ",(0,i.jsx)(t.code,{children:"Machine"})," and ",(0,i.jsx)(t.code,{children:"User"}),"."]}),"\n",(0,i.jsxs)(t.li,{children:[(0,i.jsx)(t.strong,{children:"Sender Name:"})," Specifies the name of the sender. Defaults to ",(0,i.jsx)(t.code,{children:"User"}),"."]}),"\n",(0,i.jsxs)(t.li,{children:[(0,i.jsx)(t.strong,{children:"Message:"})," Specifies the message text. It is a multiline text input."]}),"\n",(0,i.jsxs)(t.li,{children:[(0,i.jsx)(t.strong,{children:"Session ID:"})," Specifies the session ID of the chat history. If provided, the message will be saved in the Message History."]}),"\n"]}),"\n",(0,i.jsx)(a.A,{type:"note",title:"Note",children:(0,i.jsx)("p",{children:(0,i.jsxs)(t.p,{children:["If ",(0,i.jsx)(t.code,{children:"As Data"})," is ",(0,i.jsx)(t.code,{children:"true"})," and the ",(0,i.jsx)(t.code,{children:"Message"})," is a ",(0,i.jsx)(t.code,{children:"Data"}),", the data of the ",(0,i.jsx)(t.code,{children:"Data"}),"\nwill be updated with the ",(0,i.jsx)(t.code,{children:"Sender"}),", ",(0,i.jsx)(t.code,{children:"Sender Name"}),", and ",(0,i.jsx)(t.code,{children:"Session ID"}),"."]})})}),"\n",(0,i.jsx)(t.p,{children:"One significant capability of the Chat Input component is its ability to transform the Playground into a chat window. This feature is particularly valuable for scenarios requiring user input to initiate or influence the flow."}),"\n",(0,i.jsx)(r.A,{alt:"Docusaurus themed image",sources:{light:(0,d.Ay)("img/playground-chat.png"),dark:(0,d.Ay)("img/playground-chat.png")},style:{width:"100%",maxWidth:"800px",margin:"0 auto"}}),"\n",(0,i.jsx)(t.h3,{id:"text-input",children:"Text Input"}),"\n",(0,i.jsxs)(t.p,{children:["The ",(0,i.jsx)(t.strong,{children:"Text Input"})," component adds an ",(0,i.jsx)(t.strong,{children:"Input"})," field on the Playground. This enables you to define parameters while running and testing your flow."]}),"\n",(0,i.jsx)(r.A,{alt:"Docusaurus themed image",sources:{light:"img/text-input-expanded.png",dark:"img/text-input-expanded.png"},style:{width:"50%",margin:"20px auto"}}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.strong,{children:"Parameters"})}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:[(0,i.jsx)(t.strong,{children:"Value:"})," Specifies the text input value. This is where the user inputs text data that will be passed to the next component in the sequence. If no value is provided, it defaults to an empty string."]}),"\n",(0,i.jsxs)(t.li,{children:[(0,i.jsx)(t.strong,{children:"Data Template:"})," Specifies how a ",(0,i.jsx)(t.code,{children:"Data"})," should be converted into ",(0,i.jsx)(t.code,{children:"Text"}),"."]}),"\n"]}),"\n",(0,i.jsxs)(t.p,{children:["The ",(0,i.jsx)(t.strong,{children:"Data Template"})," field is used to specify how a ",(0,i.jsx)(t.code,{children:"Data"})," should be converted into ",(0,i.jsx)(t.code,{children:"Text"}),". This is particularly useful when you want to extract specific information from a ",(0,i.jsx)(t.code,{children:"Data"})," and pass it as text to the next component in the sequence."]}),"\n",(0,i.jsxs)(t.p,{children:["For example, if you have a ",(0,i.jsx)(t.code,{children:"Data"})," with the following structure:"]}),"\n",(0,i.jsx)(p.Code,{codeConfig:m,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"{",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "name"',props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"John Doe"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "age"',props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"30",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "email"',props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"johndoe@email.com"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"}",props:{style:{color:"#C9D1D9"}}}]}],lang:"json"},annotations:[]}]}),"\n",(0,i.jsxs)(t.p,{children:["A template with ",(0,i.jsx)(t.code,{children:"Name: {name}, Age: {age}"})," will convert the ",(0,i.jsx)(t.code,{children:"Data"})," into a text string of ",(0,i.jsx)(t.code,{children:"Name: John Doe, Age: 30"}),"."]}),"\n",(0,i.jsxs)(t.p,{children:["If you pass more than one ",(0,i.jsx)(t.code,{children:"Data"}),", the text will be concatenated with a new line separator."]}),"\n",(0,i.jsx)(t.h2,{id:"outputs",children:"Outputs"}),"\n",(0,i.jsx)(t.p,{children:"Outputs are components that are used to define where data comes out of your flow. They can be used to send data to the user, to the Playground, or to define how the data will be displayed in the Playground."}),"\n",(0,i.jsx)(t.p,{children:"The Chat Output works similarly to the Chat Input but does not have a field that allows for written input. It is used as an Output definition and can be used to send data to the user."}),"\n",(0,i.jsxs)(t.p,{children:["You can find out more about it and the other Outputs ",(0,i.jsx)(t.a,{href:"#chat-output",children:"here"}),"."]}),"\n",(0,i.jsx)(t.h3,{id:"chat-output",children:"Chat Output"}),"\n",(0,i.jsx)(t.p,{children:"This component sends a message to the chat."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.strong,{children:"Parameters"})}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\n",(0,i.jsxs)(t.p,{children:[(0,i.jsx)(t.strong,{children:"Sender Type:"})," Specifies the sender type. Default is ",(0,i.jsx)(t.code,{children:'"Machine"'}),". Options are ",(0,i.jsx)(t.code,{children:'"Machine"'})," and ",(0,i.jsx)(t.code,{children:'"User"'}),"."]}),"\n"]}),"\n",(0,i.jsxs)(t.li,{children:["\n",(0,i.jsxs)(t.p,{children:[(0,i.jsx)(t.strong,{children:"Sender Name:"})," Specifies the sender's name. Default is ",(0,i.jsx)(t.code,{children:'"AI"'}),"."]}),"\n"]}),"\n",(0,i.jsxs)(t.li,{children:["\n",(0,i.jsxs)(t.p,{children:[(0,i.jsx)(t.strong,{children:"Session ID:"})," Specifies the session ID of the chat history. If provided, messages are saved in the Message History."]}),"\n"]}),"\n",(0,i.jsxs)(t.li,{children:["\n",(0,i.jsxs)(t.p,{children:[(0,i.jsx)(t.strong,{children:"Message:"})," Specifies the text of the message."]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(a.A,{type:"note",title:"Note",children:(0,i.jsx)("p",{children:(0,i.jsxs)(t.p,{children:["If ",(0,i.jsx)(t.code,{children:"As Data"})," is ",(0,i.jsx)(t.code,{children:"true"})," and the ",(0,i.jsx)(t.code,{children:"Message"})," is a ",(0,i.jsx)(t.code,{children:"Data"}),", the data in the ",(0,i.jsx)(t.code,{children:"Data"}),"\nis updated with the ",(0,i.jsx)(t.code,{children:"Sender"}),", ",(0,i.jsx)(t.code,{children:"Sender Name"}),", and ",(0,i.jsx)(t.code,{children:"Session ID"}),"."]})})}),"\n",(0,i.jsx)(t.h3,{id:"text-output",children:"Text Output"}),"\n",(0,i.jsx)(t.p,{children:"This component displays text data to the user. It is useful when you want to show text without sending it to the chat."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.strong,{children:"Parameters"})}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:[(0,i.jsx)(t.strong,{children:"Value:"})," Specifies the text data to be displayed. Defaults to an empty string."]}),"\n"]}),"\n",(0,i.jsxs)(t.p,{children:["The ",(0,i.jsx)(t.code,{children:"TextOutput"})," component provides a simple way to display text data. It allows textual data to be visible in the chat window during your interaction flow."]}),"\n",(0,i.jsx)(t.h2,{id:"prompts",children:"Prompts"}),"\n",(0,i.jsx)(t.p,{children:"A prompt is the input provided to a language model, consisting of multiple components and can be parameterized using prompt templates. A prompt template offers a reproducible method for generating prompts, enabling easy customization through input variables."}),"\n",(0,i.jsx)(t.h3,{id:"prompt",children:"Prompt"}),"\n",(0,i.jsx)(t.p,{children:"This component creates a prompt template with dynamic variables. This is useful for structuring prompts and passing dynamic data to a language model."}),"\n",(0,i.jsx)(r.A,{alt:"Docusaurus themed image",sources:{light:"img/prompt-with-template.png",dark:"img/prompt-with-template.png"},style:{width:"50%",margin:"20px auto"}}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.strong,{children:"Parameters"})}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:[(0,i.jsx)(t.strong,{children:"Template:"})," The template for the prompt. This field allows you to create other fields dynamically by using curly brackets ",(0,i.jsx)(t.code,{children:"{}"}),". For example, if you have a template like ",(0,i.jsx)(t.code,{children:"Hello {name}, how are you?"}),", a new field called ",(0,i.jsx)(t.code,{children:"name"})," will be created. Prompt variables can be created with any name inside curly brackets, e.g. ",(0,i.jsx)(t.code,{children:"{variable_name}"}),"."]}),"\n"]}),"\n",(0,i.jsx)(t.h3,{id:"prompttemplate",children:"PromptTemplate"}),"\n",(0,i.jsxs)(t.p,{children:["The ",(0,i.jsx)(t.code,{children:"PromptTemplate"})," component enables users to create prompts and define variables that control how the model is instructed. Users can input a set of variables which the template uses to generate the prompt when a conversation starts."]}),"\n",(0,i.jsxs)(t.p,{children:["After defining a variable in the prompt template, it acts as its own component input. See ",(0,i.jsx)(t.a,{href:"../administration/prompt-customization",children:"Prompt Customization"})," for more details."]}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:[(0,i.jsx)(t.strong,{children:"template:"})," The template used to format an individual request."]}),"\n"]})]})}const g=function(e={}){const{wrapper:t}=Object.assign({},(0,s.RP)(),e.components);return t?(0,i.jsx)(t,Object.assign({},e,{children:(0,i.jsx)(j,e)})):j(e)};function f(e,t){throw new Error("Expected "+(t?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/assets/js/8ab63353.2cee38f6.js b/assets/js/8ab63353.2cee38f6.js new file mode 100644 index 0000000000..ecca79150a --- /dev/null +++ b/assets/js/8ab63353.2cee38f6.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[5916],{7293:(e,n,t)=>{t.d(n,{A:()=>L});var o=t(6540),s=t(4848);function r(e){const{mdxAdmonitionTitle:n,rest:t}=function(e){const n=o.Children.toArray(e),t=n.find((e=>o.isValidElement(e)&&"mdxAdmonitionTitle"===e.type)),r=n.filter((e=>e!==t)),i=t?.props.children;return{mdxAdmonitionTitle:i,rest:r.length>0?(0,s.jsx)(s.Fragment,{children:r}):null}}(e.children),r=e.title??n;return{...e,...r&&{title:r},children:t}}var i=t(8215),l=t(1312),c=t(7559);const d={admonition:"admonition_xJq3",admonitionHeading:"admonitionHeading_Gvgb",admonitionIcon:"admonitionIcon_Rf37",admonitionContent:"admonitionContent_BuS1"};function a(e){let{type:n,className:t,children:o}=e;return(0,s.jsx)("div",{className:(0,i.A)(c.G.common.admonition,c.G.common.admonitionType(n),d.admonition,t),children:o})}function h(e){let{icon:n,title:t}=e;return(0,s.jsxs)("div",{className:d.admonitionHeading,children:[(0,s.jsx)("span",{className:d.admonitionIcon,children:n}),t]})}function p(e){let{children:n}=e;return n?(0,s.jsx)("div",{className:d.admonitionContent,children:n}):null}function u(e){const{type:n,icon:t,title:o,children:r,className:i}=e;return(0,s.jsxs)(a,{type:n,className:i,children:[o||t?(0,s.jsx)(h,{title:o,icon:t}):null,(0,s.jsx)(p,{children:r})]})}function g(e){return(0,s.jsx)("svg",{viewBox:"0 0 14 16",...e,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"})})}const m={icon:(0,s.jsx)(g,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.note",description:"The default label used for the Note admonition (:::note)",children:"note"})};function x(e){return(0,s.jsx)(u,{...m,...e,className:(0,i.A)("alert alert--secondary",e.className),children:e.children})}function j(e){return(0,s.jsx)("svg",{viewBox:"0 0 12 16",...e,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"})})}const f={icon:(0,s.jsx)(j,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.tip",description:"The default label used for the Tip admonition (:::tip)",children:"tip"})};function y(e){return(0,s.jsx)(u,{...f,...e,className:(0,i.A)("alert alert--success",e.className),children:e.children})}function b(e){return(0,s.jsx)("svg",{viewBox:"0 0 14 16",...e,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"})})}const v={icon:(0,s.jsx)(b,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.info",description:"The default label used for the Info admonition (:::info)",children:"info"})};function C(e){return(0,s.jsx)(u,{...v,...e,className:(0,i.A)("alert alert--info",e.className),children:e.children})}function k(e){return(0,s.jsx)("svg",{viewBox:"0 0 16 16",...e,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"})})}const _={icon:(0,s.jsx)(k,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.warning",description:"The default label used for the Warning admonition (:::warning)",children:"warning"})};function A(e){return(0,s.jsx)("svg",{viewBox:"0 0 12 16",...e,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"})})}const T={icon:(0,s.jsx)(A,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.danger",description:"The default label used for the Danger admonition (:::danger)",children:"danger"})};const D={icon:(0,s.jsx)(k,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.caution",description:"The default label used for the Caution admonition (:::caution)",children:"caution"})};const w={...{note:x,tip:y,info:C,warning:function(e){return(0,s.jsx)(u,{..._,...e,className:(0,i.A)("alert alert--warning",e.className),children:e.children})},danger:function(e){return(0,s.jsx)(u,{...T,...e,className:(0,i.A)("alert alert--danger",e.className),children:e.children})}},...{secondary:e=>(0,s.jsx)(x,{title:"secondary",...e}),important:e=>(0,s.jsx)(C,{title:"important",...e}),success:e=>(0,s.jsx)(y,{title:"success",...e}),caution:function(e){return(0,s.jsx)(u,{...D,...e,className:(0,i.A)("alert alert--warning",e.className),children:e.children})}}};var F=t(6763);function L(e){const n=r(e),t=(o=n.type,w[o]||(F.warn(`No admonition component found for admonition type "${o}". Using Info as fallback.`),w.info));var o;return(0,s.jsx)(t,{...n})}},5364:(e,n,t)=>{t.r(n),t.d(n,{CH:()=>h,assets:()=>a,chCodeConfig:()=>p,contentTitle:()=>c,default:()=>m,frontMatter:()=>l,metadata:()=>d,toc:()=>u});t(6540);var o=t(4848),s=t(8453),r=t(4754),i=t(7293);const l={},c="Large Language Models (LLMs)",d={id:"components/model_specs",title:"Large Language Models (LLMs)",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/components/model_specs.mdx",sourceDirName:"components",slug:"/components/model_specs",permalink:"/components/model_specs",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{}},a={},h={annotations:r.hk,Code:r.Cy},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},u=[{value:"Anthropic",id:"anthropic",level:2},{value:"ChatAnthropic",id:"chatanthropic",level:2},{value:"CTransformers",id:"ctransformers",level:2},{value:"ChatOpenAI Component",id:"chatopenai-component",level:2},{value:"Cohere Component",id:"cohere-component",level:2},{value:"HuggingFaceHub Component",id:"huggingfacehub-component",level:2},{value:"LlamaCpp Component",id:"llamacpp-component",level:2},{value:"VertexAI Component",id:"vertexai-component",level:2}];function g(e){const n=Object.assign({h1:"h1",p:"p",hr:"hr",h2:"h2",a:"a",ul:"ul",li:"li",strong:"strong",code:"code"},(0,s.RP)(),e.components);return h||x("CH",!1),h.Code||x("CH.Code",!0),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n","\n","\n",(0,o.jsx)(n.h1,{id:"large-language-models-llms",children:"Large Language Models (LLMs)"}),"\n",(0,o.jsx)(i.A,{type:"warning",title:"warning",children:(0,o.jsx)(n.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,o.jsx)(n.p,{children:"A Large Language Model (LLM) is a foundational component of Langflow. It provides a uniform interface for interacting with LLMs from various providers, including OpenAI, Cohere, and HuggingFace. Langflow extensively uses LLMs across its chains and agents, employing them to generate text based on specific prompts or inputs."}),"\n",(0,o.jsx)(n.hr,{}),"\n",(0,o.jsx)(n.h2,{id:"anthropic",children:"Anthropic"}),"\n",(0,o.jsxs)(n.p,{children:["This is a wrapper for Anthropic's large language models. Learn more at ",(0,o.jsx)(n.a,{href:"https://www.anthropic.com",children:"Anthropic"}),"."]}),"\n",(0,o.jsxs)(n.ul,{children:["\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"anthropic_api_key:"})," This key authenticates and authorizes access to the Anthropic API."]}),"\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"anthropic_api_url:"})," This URL connects to the Anthropic API."]}),"\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"temperature:"})," This parameter adjusts the randomness level in text generation. Set this to a non-negative number."]}),"\n"]}),"\n",(0,o.jsx)(n.hr,{}),"\n",(0,o.jsx)(n.h2,{id:"chatanthropic",children:"ChatAnthropic"}),"\n",(0,o.jsxs)(n.p,{children:["This is a wrapper for Anthropic's large language model designed for chat-based interactions. Learn more at ",(0,o.jsx)(n.a,{href:"https://www.anthropic.com",children:"Anthropic"}),"."]}),"\n",(0,o.jsxs)(n.ul,{children:["\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"anthropic_api_key:"})," This key authenticates and authorizes access to the Anthropic API."]}),"\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"anthropic_api_url:"})," This URL connects to the Anthropic API."]}),"\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"temperature:"})," This parameter adjusts the randomness level in text generation. Set this to a non-negative number."]}),"\n"]}),"\n",(0,o.jsx)(n.hr,{}),"\n",(0,o.jsx)(n.h2,{id:"ctransformers",children:"CTransformers"}),"\n",(0,o.jsxs)(n.p,{children:[(0,o.jsx)(n.code,{children:"CTransformers"})," provides access to Transformer models implemented in C/C++ using the ",(0,o.jsx)(n.a,{href:"https://github.com/ggerganov/ggml",children:"GGML"})," library."]}),"\n",(0,o.jsx)(i.A,{type:"info",children:(0,o.jsxs)(n.p,{children:["Ensure the ",(0,o.jsx)(n.code,{children:"ctransformers"})," Python package is installed. Discover more about\ninstallation, supported models, and usage\n",(0,o.jsx)(n.a,{href:"https://github.com/marella/ctransformers",children:"here"}),"."]})}),"\n",(0,o.jsxs)(n.ul,{children:["\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"config:"})," This configuration is for the Transformer models. Check the default settings and possible configurations at ",(0,o.jsx)(n.a,{href:"https://github.com/marella/ctransformers#config",children:"config"}),"."]}),"\n"]}),"\n",(0,o.jsx)(h.Code,{codeConfig:p,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"{",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "top_k"',props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"40",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "top_p"',props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"0.95",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "temperature"',props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"0.8",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "repetition_penalty"',props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"1.1",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "last_n_tokens"',props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"64",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "seed"',props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"-1",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "max_new_tokens"',props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"256",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "stop"',props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"null",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "stream"',props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"false",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "reset"',props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"true",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "batch_size"',props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"8",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "threads"',props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"-1",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "context_length"',props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"-1",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "gpu_layers"',props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"0",props:{style:{color:"#79C0FF"}}}]},{tokens:[{content:"}",props:{style:{color:"#C9D1D9"}}}]}],lang:"json"},annotations:[]}]}),"\n",(0,o.jsxs)(n.ul,{children:["\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"model"}),": The file path, directory, or Hugging Face Hub model repository name."]}),"\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"model_file"}),": The specific model file name within the repository or directory."]}),"\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"model_type"}),": The type of transformer model used. For further information, visit ",(0,o.jsx)(n.a,{href:"https://github.com/marella/ctransformers",children:"ctransformers"}),"."]}),"\n"]}),"\n",(0,o.jsx)(n.h2,{id:"chatopenai-component",children:"ChatOpenAI Component"}),"\n",(0,o.jsxs)(n.p,{children:["This component interfaces with ",(0,o.jsx)(n.a,{href:"https://openai.com",children:"OpenAI's"})," large language models, supporting a variety of tasks such as chatbots, generative question-answering, and summarization."]}),"\n",(0,o.jsxs)(n.ul,{children:["\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"max_tokens"}),": The maximum number of tokens to generate for each completion. Set to ",(0,o.jsx)(n.code,{children:"-1"})," to generate as many tokens as possible, based on the model's context size. The default is ",(0,o.jsx)(n.code,{children:"256"}),"."]}),"\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"model_kwargs"}),": A dictionary containing any additional model parameters for undefined calls."]}),"\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"model_name"}),": Specifies the OpenAI chat model in use."]}),"\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"openai_api_base"}),": The base URL for accessing the OpenAI API."]}),"\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"openai_api_key"}),": The API key required for authentication with the OpenAI API."]}),"\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"temperature"}),": Adjusts the randomness level of the text generation. This should be a non-negative number, defaulting to ",(0,o.jsx)(n.code,{children:"0.7"}),"."]}),"\n"]}),"\n",(0,o.jsx)(n.h2,{id:"cohere-component",children:"Cohere Component"}),"\n",(0,o.jsxs)(n.p,{children:["A wrapper for accessing ",(0,o.jsx)(n.a,{href:"https://cohere.com",children:"Cohere's"})," large language models."]}),"\n",(0,o.jsxs)(n.ul,{children:["\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"cohere_api_key"}),": The API key needed for Cohere service authentication."]}),"\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"max_tokens"}),": The limit on the number of tokens to generate per request, defaulting to ",(0,o.jsx)(n.code,{children:"256"}),"."]}),"\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"temperature"}),": Adjusts the randomness level in text generations. This should be a non-negative number, defaulting to ",(0,o.jsx)(n.code,{children:"0.75"}),"."]}),"\n"]}),"\n",(0,o.jsx)(n.h2,{id:"huggingfacehub-component",children:"HuggingFaceHub Component"}),"\n",(0,o.jsxs)(n.p,{children:["A component facilitating access to models hosted on the ",(0,o.jsx)(n.a,{href:"https://www.huggingface.co/models",children:"HuggingFace Hub"}),"."]}),"\n",(0,o.jsxs)(n.ul,{children:["\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"huggingfacehub_api_token"}),": The token required for API authentication."]}),"\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"model_kwargs"}),": Parameters passed to the model."]}),"\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"repo_id"}),": Specifies the model repository, defaulting to ",(0,o.jsx)(n.code,{children:"gpt2"}),"."]}),"\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"task"}),": The specific task to execute with the model, returning either ",(0,o.jsx)(n.code,{children:"generated_text"})," or ",(0,o.jsx)(n.code,{children:"summary_text"}),"."]}),"\n"]}),"\n",(0,o.jsx)(n.h2,{id:"llamacpp-component",children:"LlamaCpp Component"}),"\n",(0,o.jsxs)(n.p,{children:["This component provides access to ",(0,o.jsx)(n.code,{children:"llama.cpp"})," models, ensuring high performance and flexibility."]}),"\n",(0,o.jsxs)(n.ul,{children:["\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"echo"}),": Whether to echo the input prompt, defaulting to ",(0,o.jsx)(n.code,{children:"False"}),"."]}),"\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"f16_kv"}),": Indicates if half-precision should be used for the key/value cache, defaulting to ",(0,o.jsx)(n.code,{children:"True"}),"."]}),"\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"last_n_tokens_size"}),": The lookback size for applying repeat penalties, defaulting to ",(0,o.jsx)(n.code,{children:"64"}),"."]}),"\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"logits_all"}),": Whether to return logits for all tokens or just the last one, defaulting to ",(0,o.jsx)(n.code,{children:"False"}),"."]}),"\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"logprobs"}),": The number of log probabilities to return. If set to None, no probabilities are returned."]}),"\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"lora_base"}),": The path to the base Llama LoRA model."]}),"\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"lora_path"}),": The specific path to the Llama LoRA model. If set to None, no LoRA model is loaded."]}),"\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"max_tokens"}),": The maximum number of tokens to generate in one session, defaulting to ",(0,o.jsx)(n.code,{children:"256"}),"."]}),"\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"model_path"}),": The file path to the Llama model."]}),"\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"n_batch"}),": The number of tokens processed in parallel, defaulting to ",(0,o.jsx)(n.code,{children:"8"}),"."]}),"\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"n_ctx"}),": The context window size for tokens, defaulting to ",(0,o.jsx)(n.code,{children:"512"}),"."]}),"\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"repeat_penalty"}),": The penalty applied to repeated tokens, defaulting to ",(0,o.jsx)(n.code,{children:"1.1"}),"."]}),"\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"seed"}),": The seed for random number generation. If set to ",(0,o.jsx)(n.code,{children:"-1"}),", a random seed is used."]}),"\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"stop"}),": A list of stop strings that terminate generation when encountered."]}),"\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"streaming"}),": Indicates whether to stream results token by token, defaulting to ",(0,o.jsx)(n.code,{children:"True"}),"."]}),"\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"suffix"}),": A suffix appended to generated text. If None, no suffix is appended."]}),"\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"tags"}),": Tags added to the execution trace for monitoring."]}),"\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"temperature"}),": The sampling temperature, defaulting to ",(0,o.jsx)(n.code,{children:"0.8"}),"."]}),"\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"top_k"}),": The top-k sampling setting, defaulting to ",(0,o.jsx)(n.code,{children:"40"}),"."]}),"\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"top_p"}),": The cumulative probability threshold for top-p sampling, defaulting to ",(0,o.jsx)(n.code,{children:"0.95"}),"."]}),"\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"use_mlock"}),": Forces the system to retain the model in RAM, defaulting to ",(0,o.jsx)(n.code,{children:"False"}),"."]}),"\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"use_mmap"}),": Indicates whether to maintain the model loaded in RAM, defaulting to ",(0,o.jsx)(n.code,{children:"True"}),"."]}),"\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"verbose"}),": Controls the verbosity of output details. When enabled, it provides insights into internal states to aid debugging and understanding, defaulting to ",(0,o.jsx)(n.code,{children:"False"}),"."]}),"\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"vocab_only"}),": Loads only the vocabulary without model weights, defaulting to ",(0,o.jsx)(n.code,{children:"False"}),"."]}),"\n"]}),"\n",(0,o.jsx)(n.h2,{id:"vertexai-component",children:"VertexAI Component"}),"\n",(0,o.jsxs)(n.p,{children:["This component integrates with ",(0,o.jsx)(n.a,{href:"https://cloud.google.com/vertex-ai",children:"Google Vertex AI"})," large language models to enhance AI capabilities."]}),"\n",(0,o.jsxs)(n.ul,{children:["\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"credentials"}),": Custom"]}),"\n"]}),"\n",(0,o.jsx)(n.p,{children:"credentials used for API interactions."}),"\n",(0,o.jsxs)(n.ul,{children:["\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"location"}),": The default location for API calls, defaulting to ",(0,o.jsx)(n.code,{children:"us-central1"}),"."]}),"\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"max_output_tokens"}),": Limits the output tokens per prompt, defaulting to ",(0,o.jsx)(n.code,{children:"128"}),"."]}),"\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"model_name"}),": The name of the Vertex AI model in use, defaulting to ",(0,o.jsx)(n.code,{children:"text-bison"}),"."]}),"\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"project"}),": The default Google Cloud Platform project for API calls."]}),"\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"request_parallelism"}),": The level of request parallelism for VertexAI model interactions, defaulting to ",(0,o.jsx)(n.code,{children:"5"}),"."]}),"\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"temperature"}),": Adjusts the randomness level in text generations, defaulting to ",(0,o.jsx)(n.code,{children:"0"}),"."]}),"\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"top_k"}),": The setting for selecting the top-k tokens for outputs."]}),"\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"top_p"}),": The threshold for summing probabilities of the most likely tokens, defaulting to ",(0,o.jsx)(n.code,{children:"0.95"}),"."]}),"\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"tuned_model_name"}),": Specifies a tuned model name, which overrides the default model name if provided."]}),"\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.strong,{children:"verbose"}),": Controls the output verbosity to assist in debugging and understanding the operational details, defaulting to ",(0,o.jsx)(n.code,{children:"False"}),"."]}),"\n"]}),"\n",(0,o.jsx)(n.hr,{})]})}const m=function(e={}){const{wrapper:n}=Object.assign({},(0,s.RP)(),e.components);return n?(0,o.jsx)(n,Object.assign({},e,{children:(0,o.jsx)(g,e)})):g(e)};function x(e,n){throw new Error("Expected "+(n?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/assets/js/8ab63353.6e690e13.js b/assets/js/8ab63353.6e690e13.js deleted file mode 100644 index 7a95435523..0000000000 --- a/assets/js/8ab63353.6e690e13.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[5916],{5364:(e,n,o)=>{o.r(n),o.d(n,{CH:()=>h,assets:()=>a,chCodeConfig:()=>p,contentTitle:()=>c,default:()=>x,frontMatter:()=>l,metadata:()=>d,toc:()=>g});o(6540);var t=o(4848),s=o(8453),r=o(4754),i=o(7293);const l={},c="Large Language Models (LLMs)",d={id:"components/model_specs",title:"Large Language Models (LLMs)",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/components/model_specs.mdx",sourceDirName:"components",slug:"/components/model_specs",permalink:"/components/model_specs",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{}},a={},h={annotations:r.hk,Code:r.Cy},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},g=[{value:"Anthropic",id:"anthropic",level:2},{value:"ChatAnthropic",id:"chatanthropic",level:2},{value:"CTransformers",id:"ctransformers",level:2},{value:"ChatOpenAI Component",id:"chatopenai-component",level:2},{value:"Cohere Component",id:"cohere-component",level:2},{value:"HuggingFaceHub Component",id:"huggingfacehub-component",level:2},{value:"LlamaCpp Component",id:"llamacpp-component",level:2},{value:"VertexAI Component",id:"vertexai-component",level:2}];function u(e){const n=Object.assign({h1:"h1",p:"p",hr:"hr",h2:"h2",a:"a",ul:"ul",li:"li",strong:"strong",code:"code"},(0,s.RP)(),e.components);return h||m("CH",!1),h.Code||m("CH.Code",!0),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n","\n","\n",(0,t.jsx)(n.h1,{id:"large-language-models-llms",children:"Large Language Models (LLMs)"}),"\n",(0,t.jsx)(i.A,{type:"warning",title:"warning",children:(0,t.jsx)(n.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,t.jsx)(n.p,{children:"A Large Language Model (LLM) is a foundational component of Langflow. It provides a uniform interface for interacting with LLMs from various providers, including OpenAI, Cohere, and HuggingFace. Langflow extensively uses LLMs across its chains and agents, employing them to generate text based on specific prompts or inputs."}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h2,{id:"anthropic",children:"Anthropic"}),"\n",(0,t.jsxs)(n.p,{children:["This is a wrapper for Anthropic's large language models. Learn more at ",(0,t.jsx)(n.a,{href:"https://www.anthropic.com",children:"Anthropic"}),"."]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"anthropic_api_key:"})," This key authenticates and authorizes access to the Anthropic API."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"anthropic_api_url:"})," This URL connects to the Anthropic API."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"temperature:"})," This parameter adjusts the randomness level in text generation. Set this to a non-negative number."]}),"\n"]}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h2,{id:"chatanthropic",children:"ChatAnthropic"}),"\n",(0,t.jsxs)(n.p,{children:["This is a wrapper for Anthropic's large language model designed for chat-based interactions. Learn more at ",(0,t.jsx)(n.a,{href:"https://www.anthropic.com",children:"Anthropic"}),"."]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"anthropic_api_key:"})," This key authenticates and authorizes access to the Anthropic API."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"anthropic_api_url:"})," This URL connects to the Anthropic API."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"temperature:"})," This parameter adjusts the randomness level in text generation. Set this to a non-negative number."]}),"\n"]}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h2,{id:"ctransformers",children:"CTransformers"}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.code,{children:"CTransformers"})," provides access to Transformer models implemented in C/C++ using the ",(0,t.jsx)(n.a,{href:"https://github.com/ggerganov/ggml",children:"GGML"})," library."]}),"\n",(0,t.jsx)(i.A,{type:"info",children:(0,t.jsxs)(n.p,{children:["Ensure the ",(0,t.jsx)(n.code,{children:"ctransformers"})," Python package is installed. Discover more about\ninstallation, supported models, and usage\n",(0,t.jsx)(n.a,{href:"https://github.com/marella/ctransformers",children:"here"}),"."]})}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"config:"})," This configuration is for the Transformer models. Check the default settings and possible configurations at ",(0,t.jsx)(n.a,{href:"https://github.com/marella/ctransformers#config",children:"config"}),"."]}),"\n"]}),"\n",(0,t.jsx)(h.Code,{codeConfig:p,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"{",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "top_k"',props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"40",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "top_p"',props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"0.95",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "temperature"',props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"0.8",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "repetition_penalty"',props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"1.1",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "last_n_tokens"',props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"64",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "seed"',props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"-1",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "max_new_tokens"',props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"256",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "stop"',props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"null",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "stream"',props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"false",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "reset"',props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"true",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "batch_size"',props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"8",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "threads"',props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"-1",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "context_length"',props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"-1",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "gpu_layers"',props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"0",props:{style:{color:"#79C0FF"}}}]},{tokens:[{content:"}",props:{style:{color:"#C9D1D9"}}}]}],lang:"json"},annotations:[]}]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"model"}),": The file path, directory, or Hugging Face Hub model repository name."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"model_file"}),": The specific model file name within the repository or directory."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"model_type"}),": The type of transformer model used. For further information, visit ",(0,t.jsx)(n.a,{href:"https://github.com/marella/ctransformers",children:"ctransformers"}),"."]}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"chatopenai-component",children:"ChatOpenAI Component"}),"\n",(0,t.jsxs)(n.p,{children:["This component interfaces with ",(0,t.jsx)(n.a,{href:"https://openai.com",children:"OpenAI's"})," large language models, supporting a variety of tasks such as chatbots, generative question-answering, and summarization."]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"max_tokens"}),": The maximum number of tokens to generate for each completion. Set to ",(0,t.jsx)(n.code,{children:"-1"})," to generate as many tokens as possible, based on the model's context size. The default is ",(0,t.jsx)(n.code,{children:"256"}),"."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"model_kwargs"}),": A dictionary containing any additional model parameters for undefined calls."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"model_name"}),": Specifies the OpenAI chat model in use."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"openai_api_base"}),": The base URL for accessing the OpenAI API."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"openai_api_key"}),": The API key required for authentication with the OpenAI API."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"temperature"}),": Adjusts the randomness level of the text generation. This should be a non-negative number, defaulting to ",(0,t.jsx)(n.code,{children:"0.7"}),"."]}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"cohere-component",children:"Cohere Component"}),"\n",(0,t.jsxs)(n.p,{children:["A wrapper for accessing ",(0,t.jsx)(n.a,{href:"https://cohere.com",children:"Cohere's"})," large language models."]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"cohere_api_key"}),": The API key needed for Cohere service authentication."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"max_tokens"}),": The limit on the number of tokens to generate per request, defaulting to ",(0,t.jsx)(n.code,{children:"256"}),"."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"temperature"}),": Adjusts the randomness level in text generations. This should be a non-negative number, defaulting to ",(0,t.jsx)(n.code,{children:"0.75"}),"."]}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"huggingfacehub-component",children:"HuggingFaceHub Component"}),"\n",(0,t.jsxs)(n.p,{children:["A component facilitating access to models hosted on the ",(0,t.jsx)(n.a,{href:"https://www.huggingface.co/models",children:"HuggingFace Hub"}),"."]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"huggingfacehub_api_token"}),": The token required for API authentication."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"model_kwargs"}),": Parameters passed to the model."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"repo_id"}),": Specifies the model repository, defaulting to ",(0,t.jsx)(n.code,{children:"gpt2"}),"."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"task"}),": The specific task to execute with the model, returning either ",(0,t.jsx)(n.code,{children:"generated_text"})," or ",(0,t.jsx)(n.code,{children:"summary_text"}),"."]}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"llamacpp-component",children:"LlamaCpp Component"}),"\n",(0,t.jsxs)(n.p,{children:["This component provides access to ",(0,t.jsx)(n.code,{children:"llama.cpp"})," models, ensuring high performance and flexibility."]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"echo"}),": Whether to echo the input prompt, defaulting to ",(0,t.jsx)(n.code,{children:"False"}),"."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"f16_kv"}),": Indicates if half-precision should be used for the key/value cache, defaulting to ",(0,t.jsx)(n.code,{children:"True"}),"."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"last_n_tokens_size"}),": The lookback size for applying repeat penalties, defaulting to ",(0,t.jsx)(n.code,{children:"64"}),"."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"logits_all"}),": Whether to return logits for all tokens or just the last one, defaulting to ",(0,t.jsx)(n.code,{children:"False"}),"."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"logprobs"}),": The number of log probabilities to return. If set to None, no probabilities are returned."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"lora_base"}),": The path to the base Llama LoRA model."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"lora_path"}),": The specific path to the Llama LoRA model. If set to None, no LoRA model is loaded."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"max_tokens"}),": The maximum number of tokens to generate in one session, defaulting to ",(0,t.jsx)(n.code,{children:"256"}),"."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"model_path"}),": The file path to the Llama model."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"n_batch"}),": The number of tokens processed in parallel, defaulting to ",(0,t.jsx)(n.code,{children:"8"}),"."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"n_ctx"}),": The context window size for tokens, defaulting to ",(0,t.jsx)(n.code,{children:"512"}),"."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"repeat_penalty"}),": The penalty applied to repeated tokens, defaulting to ",(0,t.jsx)(n.code,{children:"1.1"}),"."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"seed"}),": The seed for random number generation. If set to ",(0,t.jsx)(n.code,{children:"-1"}),", a random seed is used."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"stop"}),": A list of stop strings that terminate generation when encountered."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"streaming"}),": Indicates whether to stream results token by token, defaulting to ",(0,t.jsx)(n.code,{children:"True"}),"."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"suffix"}),": A suffix appended to generated text. If None, no suffix is appended."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"tags"}),": Tags added to the execution trace for monitoring."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"temperature"}),": The sampling temperature, defaulting to ",(0,t.jsx)(n.code,{children:"0.8"}),"."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"top_k"}),": The top-k sampling setting, defaulting to ",(0,t.jsx)(n.code,{children:"40"}),"."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"top_p"}),": The cumulative probability threshold for top-p sampling, defaulting to ",(0,t.jsx)(n.code,{children:"0.95"}),"."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"use_mlock"}),": Forces the system to retain the model in RAM, defaulting to ",(0,t.jsx)(n.code,{children:"False"}),"."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"use_mmap"}),": Indicates whether to maintain the model loaded in RAM, defaulting to ",(0,t.jsx)(n.code,{children:"True"}),"."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"verbose"}),": Controls the verbosity of output details. When enabled, it provides insights into internal states to aid debugging and understanding, defaulting to ",(0,t.jsx)(n.code,{children:"False"}),"."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"vocab_only"}),": Loads only the vocabulary without model weights, defaulting to ",(0,t.jsx)(n.code,{children:"False"}),"."]}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"vertexai-component",children:"VertexAI Component"}),"\n",(0,t.jsxs)(n.p,{children:["This component integrates with ",(0,t.jsx)(n.a,{href:"https://cloud.google.com/vertex-ai",children:"Google Vertex AI"})," large language models to enhance AI capabilities."]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"credentials"}),": Custom"]}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"credentials used for API interactions."}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"location"}),": The default location for API calls, defaulting to ",(0,t.jsx)(n.code,{children:"us-central1"}),"."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"max_output_tokens"}),": Limits the output tokens per prompt, defaulting to ",(0,t.jsx)(n.code,{children:"128"}),"."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"model_name"}),": The name of the Vertex AI model in use, defaulting to ",(0,t.jsx)(n.code,{children:"text-bison"}),"."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"project"}),": The default Google Cloud Platform project for API calls."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"request_parallelism"}),": The level of request parallelism for VertexAI model interactions, defaulting to ",(0,t.jsx)(n.code,{children:"5"}),"."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"temperature"}),": Adjusts the randomness level in text generations, defaulting to ",(0,t.jsx)(n.code,{children:"0"}),"."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"top_k"}),": The setting for selecting the top-k tokens for outputs."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"top_p"}),": The threshold for summing probabilities of the most likely tokens, defaulting to ",(0,t.jsx)(n.code,{children:"0.95"}),"."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"tuned_model_name"}),": Specifies a tuned model name, which overrides the default model name if provided."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"verbose"}),": Controls the output verbosity to assist in debugging and understanding the operational details, defaulting to ",(0,t.jsx)(n.code,{children:"False"}),"."]}),"\n"]}),"\n",(0,t.jsx)(n.hr,{})]})}const x=function(e={}){const{wrapper:n}=Object.assign({},(0,s.RP)(),e.components);return n?(0,t.jsx)(n,Object.assign({},e,{children:(0,t.jsx)(u,e)})):u(e)};function m(e,n){throw new Error("Expected "+(n?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/assets/js/8e3f8f79.389a16c0.js b/assets/js/8e3f8f79.389a16c0.js deleted file mode 100644 index 143279e33f..0000000000 --- a/assets/js/8e3f8f79.389a16c0.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[2143],{2531:(o,n,e)=>{e.r(n),e.d(n,{CH:()=>d,assets:()=>a,chCodeConfig:()=>p,contentTitle:()=>c,default:()=>u,frontMatter:()=>r,metadata:()=>i,toc:()=>g});e(6540);var t=e(4848),l=e(8453),s=e(4754);e(7293);const r={},c="\u2757\ufe0f Common Installation Issues",i={id:"getting-started/possible-installation-issues",title:"\u2757\ufe0f Common Installation Issues",description:"This is a list of possible issues that you may encounter when installing Langflow and how to solve them.",source:"@site/docs/getting-started/possible-installation-issues.mdx",sourceDirName:"getting-started",slug:"/getting-started/possible-installation-issues",permalink:"/getting-started/possible-installation-issues",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"docs",previous:{title:"\ud83c\udfa8 Langflow Workspace",permalink:"/getting-started/workspace"},next:{title:"\ud83d\udcda New to LLMs?",permalink:"/getting-started/new-to-llms"}},a={},d={annotations:s.hk,InlineCode:s.R0,Code:s.Cy},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},g=[{value:"No module named 'langflow.__main__'",id:"no-module-named-langflow__main__",level:2},{value:"Something went wrong running migrations. Please, run 'langflow migration --fix'",id:"something-went-wrong-running-migrations-please-run-langflow-migration---fix",level:2}];function h(o){const n=Object.assign({h1:"h1",p:"p",h2:"h2",ol:"ol",li:"li",code:"code",ul:"ul",strong:"strong"},(0,l.RP)(),o.components);return d||f("CH",!1),d.Code||f("CH.Code",!0),d.InlineCode||f("CH.InlineCode",!0),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n","\n","\n",(0,t.jsx)(n.h1,{id:"\ufe0f-common-installation-issues",children:"\u2757\ufe0f Common Installation Issues"}),"\n",(0,t.jsx)(n.p,{children:"This is a list of possible issues that you may encounter when installing Langflow and how to solve them."}),"\n",(0,t.jsx)(n.h2,{id:"no-module-named-langflow__main__",children:(0,t.jsx)(d.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"No ",props:{style:{color:"#C9D1D9"}}},{content:"module ",props:{style:{color:"#FF7B72"}}},{content:"named ",props:{style:{color:"#FFA657"}}},{content:"'langflow.__main__'",props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:"No module named 'langflow.__main__'"})}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:["Run ",(0,t.jsx)(d.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"python ",props:{style:{color:"#C9D1D9"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"m langflow run",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"python -m langflow run"})," instead of ",(0,t.jsx)(d.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"langflow run",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"langflow run"}),"."]}),"\n",(0,t.jsxs)(n.li,{children:["If that doesn't work, reinstall Langflow with ",(0,t.jsx)(d.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"_python ",props:{style:{color:"#C9D1D9"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"m pip install langflow ",props:{style:{color:"#C9D1D9"}}},{content:"--",props:{style:{color:"#FF7B72"}}},{content:"pre ",props:{style:{color:"#C9D1D9"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"U",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"_python -m pip install langflow --pre -U"}),"."]}),"\n",(0,t.jsxs)(n.li,{children:["If that doesn't work, reinstall Langflow and its dependencies with ",(0,t.jsx)(d.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"python ",props:{style:{color:"#C9D1D9"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"m pip install langflow ",props:{style:{color:"#C9D1D9"}}},{content:"--",props:{style:{color:"#FF7B72"}}},{content:"pre ",props:{style:{color:"#C9D1D9"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"U ",props:{style:{color:"#79C0FF"}}},{content:"--",props:{style:{color:"#FF7B72"}}},{content:"force",props:{style:{color:"#C9D1D9"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"reinstall",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"python -m pip install langflow --pre -U --force-reinstall"}),"."]}),"\n"]}),"\n",(0,t.jsxs)(n.p,{children:["When you try to run Langflow using the command ",(0,t.jsx)(n.code,{children:"langflow run"}),", you may encounter the following error:"]}),"\n",(0,t.jsx)(d.Code,{codeConfig:p,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:">",props:{style:{color:"#FF7B72"}}},{content:" langflow run",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"Traceback",props:{style:{color:"#FFA657"}}},{content:" (most ",props:{style:{color:"#C9D1D9"}}},{content:"recent call last",props:{style:{color:"#A5D6FF"}}},{content:"):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" File ",props:{style:{color:"#FFA657"}}},{content:'".../langflow", line 5, in ',props:{style:{color:"#A5D6FF"}}},{content:"<",props:{style:{color:"#FF7B72"}}},{content:"modul",props:{style:{color:"#A5D6FF"}}},{content:"e",props:{style:{color:"#C9D1D9"}}},{content:">",props:{style:{color:"#FF7B72"}}}]},{tokens:[{content:" from ",props:{style:{color:"#FFA657"}}},{content:"langflow.__main__ import main",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"ModuleNotFoundError: ",props:{style:{color:"#FFA657"}}},{content:"No module named 'langflow.__main__'",props:{style:{color:"#A5D6FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,t.jsx)(n.p,{children:"There are two possible reasons for this error:"}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:["You've installed Langflow using ",(0,t.jsx)(d.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"pip install langflow",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"pip install langflow"})," but you already had a previous version of Langflow installed in your system.\nIn this case, you might be running the wrong executable.\nTo solve this issue, run the correct executable by running ",(0,t.jsx)(d.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"python ",props:{style:{color:"#C9D1D9"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"m langflow run",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"python -m langflow run"})," instead of ",(0,t.jsx)(d.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"langflow run",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"langflow run"}),".\nIf that doesn't work, try uninstalling and reinstalling Langflow with ",(0,t.jsx)(d.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"python ",props:{style:{color:"#C9D1D9"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"m pip install langflow ",props:{style:{color:"#C9D1D9"}}},{content:"--",props:{style:{color:"#FF7B72"}}},{content:"pre ",props:{style:{color:"#C9D1D9"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"U",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"python -m pip install langflow --pre -U"}),"."]}),"\n",(0,t.jsxs)(n.li,{children:["Some version conflicts might have occurred during the installation process.\nRun ",(0,t.jsx)(d.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"python ",props:{style:{color:"#C9D1D9"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"m pip install langflow ",props:{style:{color:"#C9D1D9"}}},{content:"--",props:{style:{color:"#FF7B72"}}},{content:"pre ",props:{style:{color:"#C9D1D9"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"U ",props:{style:{color:"#79C0FF"}}},{content:"--",props:{style:{color:"#FF7B72"}}},{content:"force",props:{style:{color:"#C9D1D9"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"reinstall",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"python -m pip install langflow --pre -U --force-reinstall"})," to reinstall Langflow and its dependencies."]}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"something-went-wrong-running-migrations-please-run-langflow-migration---fix",children:(0,t.jsx)(d.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"Something went wrong running migrations. Please, run ",props:{style:{color:"#C9D1D9"}}},{content:"'langflow migration --fix'",props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:"Something went wrong running migrations. Please, run 'langflow migration --fix'"})}),"\n",(0,t.jsx)(n.p,{children:"Clear the cache by deleting the contents of the cache folder."}),"\n",(0,t.jsx)(n.p,{children:"This folder can be found at:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Linux or WSL2 on Windows"}),": ",(0,t.jsx)(n.code,{children:"home//.cache/langflow/"})]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"MacOS"}),": ",(0,t.jsx)(n.code,{children:"/Users//Library/Caches/langflow/"})]}),"\n"]}),"\n",(0,t.jsxs)(n.p,{children:["This error can occur during Langflow upgrades when the new version can't override ",(0,t.jsx)(n.code,{children:"langflow-pre.db"})," in ",(0,t.jsx)(n.code,{children:".cache/langflow/"}),". Clearing the cache removes this file but will also erase your settings."]}),"\n",(0,t.jsx)(n.p,{children:"If you wish to retain your files, back them up before clearing the folder."})]})}const u=function(o={}){const{wrapper:n}=Object.assign({},(0,l.RP)(),o.components);return n?(0,t.jsx)(n,Object.assign({},o,{children:(0,t.jsx)(h,o)})):h(o)};function f(o,n){throw new Error("Expected "+(n?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/assets/js/8e3f8f79.c72fac85.js b/assets/js/8e3f8f79.c72fac85.js new file mode 100644 index 0000000000..316f9d6c18 --- /dev/null +++ b/assets/js/8e3f8f79.c72fac85.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[2143],{7293:(n,o,e)=>{e.d(o,{A:()=>I});var t=e(6540),l=e(4848);function s(n){const{mdxAdmonitionTitle:o,rest:e}=function(n){const o=t.Children.toArray(n),e=o.find((n=>t.isValidElement(n)&&"mdxAdmonitionTitle"===n.type)),s=o.filter((n=>n!==e)),i=e?.props.children;return{mdxAdmonitionTitle:i,rest:s.length>0?(0,l.jsx)(l.Fragment,{children:s}):null}}(n.children),s=n.title??o;return{...n,...s&&{title:s},children:e}}var i=e(8215),r=e(1312),c=e(7559);const a={admonition:"admonition_xJq3",admonitionHeading:"admonitionHeading_Gvgb",admonitionIcon:"admonitionIcon_Rf37",admonitionContent:"admonitionContent_BuS1"};function d(n){let{type:o,className:e,children:t}=n;return(0,l.jsx)("div",{className:(0,i.A)(c.G.common.admonition,c.G.common.admonitionType(o),a.admonition,e),children:t})}function p(n){let{icon:o,title:e}=n;return(0,l.jsxs)("div",{className:a.admonitionHeading,children:[(0,l.jsx)("span",{className:a.admonitionIcon,children:o}),e]})}function h(n){let{children:o}=n;return o?(0,l.jsx)("div",{className:a.admonitionContent,children:o}):null}function u(n){const{type:o,icon:e,title:t,children:s,className:i}=n;return(0,l.jsxs)(d,{type:o,className:i,children:[t||e?(0,l.jsx)(p,{title:t,icon:e}):null,(0,l.jsx)(h,{children:s})]})}function g(n){return(0,l.jsx)("svg",{viewBox:"0 0 14 16",...n,children:(0,l.jsx)("path",{fillRule:"evenodd",d:"M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"})})}const f={icon:(0,l.jsx)(g,{}),title:(0,l.jsx)(r.A,{id:"theme.admonition.note",description:"The default label used for the Note admonition (:::note)",children:"note"})};function m(n){return(0,l.jsx)(u,{...f,...n,className:(0,i.A)("alert alert--secondary",n.className),children:n.children})}function y(n){return(0,l.jsx)("svg",{viewBox:"0 0 12 16",...n,children:(0,l.jsx)("path",{fillRule:"evenodd",d:"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"})})}const x={icon:(0,l.jsx)(y,{}),title:(0,l.jsx)(r.A,{id:"theme.admonition.tip",description:"The default label used for the Tip admonition (:::tip)",children:"tip"})};function w(n){return(0,l.jsx)(u,{...x,...n,className:(0,i.A)("alert alert--success",n.className),children:n.children})}function j(n){return(0,l.jsx)("svg",{viewBox:"0 0 14 16",...n,children:(0,l.jsx)("path",{fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"})})}const C={icon:(0,l.jsx)(j,{}),title:(0,l.jsx)(r.A,{id:"theme.admonition.info",description:"The default label used for the Info admonition (:::info)",children:"info"})};function F(n){return(0,l.jsx)(u,{...C,...n,className:(0,i.A)("alert alert--info",n.className),children:n.children})}function D(n){return(0,l.jsx)("svg",{viewBox:"0 0 16 16",...n,children:(0,l.jsx)("path",{fillRule:"evenodd",d:"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"})})}const v={icon:(0,l.jsx)(D,{}),title:(0,l.jsx)(r.A,{id:"theme.admonition.warning",description:"The default label used for the Warning admonition (:::warning)",children:"warning"})};function b(n){return(0,l.jsx)("svg",{viewBox:"0 0 12 16",...n,children:(0,l.jsx)("path",{fillRule:"evenodd",d:"M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"})})}const k={icon:(0,l.jsx)(b,{}),title:(0,l.jsx)(r.A,{id:"theme.admonition.danger",description:"The default label used for the Danger admonition (:::danger)",children:"danger"})};const B={icon:(0,l.jsx)(D,{}),title:(0,l.jsx)(r.A,{id:"theme.admonition.caution",description:"The default label used for the Caution admonition (:::caution)",children:"caution"})};const _={...{note:m,tip:w,info:F,warning:function(n){return(0,l.jsx)(u,{...v,...n,className:(0,i.A)("alert alert--warning",n.className),children:n.children})},danger:function(n){return(0,l.jsx)(u,{...k,...n,className:(0,i.A)("alert alert--danger",n.className),children:n.children})}},...{secondary:n=>(0,l.jsx)(m,{title:"secondary",...n}),important:n=>(0,l.jsx)(F,{title:"important",...n}),success:n=>(0,l.jsx)(w,{title:"success",...n}),caution:function(n){return(0,l.jsx)(u,{...B,...n,className:(0,i.A)("alert alert--warning",n.className),children:n.children})}}};var A=e(6763);function I(n){const o=s(n),e=(t=o.type,_[t]||(A.warn(`No admonition component found for admonition type "${t}". Using Info as fallback.`),_.info));var t;return(0,l.jsx)(e,{...o})}},2531:(n,o,e)=>{e.r(o),e.d(o,{CH:()=>d,assets:()=>a,chCodeConfig:()=>p,contentTitle:()=>r,default:()=>g,frontMatter:()=>i,metadata:()=>c,toc:()=>h});e(6540);var t=e(4848),l=e(8453),s=e(4754);e(7293);const i={},r="\u2757\ufe0f Common Installation Issues",c={id:"getting-started/possible-installation-issues",title:"\u2757\ufe0f Common Installation Issues",description:"This is a list of possible issues that you may encounter when installing Langflow and how to solve them.",source:"@site/docs/getting-started/possible-installation-issues.mdx",sourceDirName:"getting-started",slug:"/getting-started/possible-installation-issues",permalink:"/getting-started/possible-installation-issues",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"docs",previous:{title:"\ud83c\udfa8 Langflow Workspace",permalink:"/getting-started/workspace"},next:{title:"\ud83d\udcda New to LLMs?",permalink:"/getting-started/new-to-llms"}},a={},d={annotations:s.hk,InlineCode:s.R0,Code:s.Cy},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},h=[{value:"No module named 'langflow.__main__'",id:"no-module-named-langflow__main__",level:2},{value:"Something went wrong running migrations. Please, run 'langflow migration --fix'",id:"something-went-wrong-running-migrations-please-run-langflow-migration---fix",level:2}];function u(n){const o=Object.assign({h1:"h1",p:"p",h2:"h2",ol:"ol",li:"li",code:"code",ul:"ul",strong:"strong"},(0,l.RP)(),n.components);return d||f("CH",!1),d.Code||f("CH.Code",!0),d.InlineCode||f("CH.InlineCode",!0),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n","\n","\n",(0,t.jsx)(o.h1,{id:"\ufe0f-common-installation-issues",children:"\u2757\ufe0f Common Installation Issues"}),"\n",(0,t.jsx)(o.p,{children:"This is a list of possible issues that you may encounter when installing Langflow and how to solve them."}),"\n",(0,t.jsx)(o.h2,{id:"no-module-named-langflow__main__",children:(0,t.jsx)(d.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"No ",props:{style:{color:"#C9D1D9"}}},{content:"module ",props:{style:{color:"#FF7B72"}}},{content:"named ",props:{style:{color:"#FFA657"}}},{content:"'langflow.__main__'",props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:"No module named 'langflow.__main__'"})}),"\n",(0,t.jsxs)(o.ol,{children:["\n",(0,t.jsxs)(o.li,{children:["Run ",(0,t.jsx)(d.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"python ",props:{style:{color:"#C9D1D9"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"m langflow run",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"python -m langflow run"})," instead of ",(0,t.jsx)(d.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"langflow run",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"langflow run"}),"."]}),"\n",(0,t.jsxs)(o.li,{children:["If that doesn't work, reinstall Langflow with ",(0,t.jsx)(d.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"_python ",props:{style:{color:"#C9D1D9"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"m pip install langflow ",props:{style:{color:"#C9D1D9"}}},{content:"--",props:{style:{color:"#FF7B72"}}},{content:"pre ",props:{style:{color:"#C9D1D9"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"U",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"_python -m pip install langflow --pre -U"}),"."]}),"\n",(0,t.jsxs)(o.li,{children:["If that doesn't work, reinstall Langflow and its dependencies with ",(0,t.jsx)(d.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"python ",props:{style:{color:"#C9D1D9"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"m pip install langflow ",props:{style:{color:"#C9D1D9"}}},{content:"--",props:{style:{color:"#FF7B72"}}},{content:"pre ",props:{style:{color:"#C9D1D9"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"U ",props:{style:{color:"#79C0FF"}}},{content:"--",props:{style:{color:"#FF7B72"}}},{content:"force",props:{style:{color:"#C9D1D9"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"reinstall",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"python -m pip install langflow --pre -U --force-reinstall"}),"."]}),"\n"]}),"\n",(0,t.jsxs)(o.p,{children:["When you try to run Langflow using the command ",(0,t.jsx)(o.code,{children:"langflow run"}),", you may encounter the following error:"]}),"\n",(0,t.jsx)(d.Code,{codeConfig:p,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:">",props:{style:{color:"#FF7B72"}}},{content:" langflow run",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"Traceback",props:{style:{color:"#FFA657"}}},{content:" (most ",props:{style:{color:"#C9D1D9"}}},{content:"recent call last",props:{style:{color:"#A5D6FF"}}},{content:"):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" File ",props:{style:{color:"#FFA657"}}},{content:'".../langflow", line 5, in ',props:{style:{color:"#A5D6FF"}}},{content:"<",props:{style:{color:"#FF7B72"}}},{content:"modul",props:{style:{color:"#A5D6FF"}}},{content:"e",props:{style:{color:"#C9D1D9"}}},{content:">",props:{style:{color:"#FF7B72"}}}]},{tokens:[{content:" from ",props:{style:{color:"#FFA657"}}},{content:"langflow.__main__ import main",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"ModuleNotFoundError: ",props:{style:{color:"#FFA657"}}},{content:"No module named 'langflow.__main__'",props:{style:{color:"#A5D6FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,t.jsx)(o.p,{children:"There are two possible reasons for this error:"}),"\n",(0,t.jsxs)(o.ol,{children:["\n",(0,t.jsxs)(o.li,{children:["You've installed Langflow using ",(0,t.jsx)(d.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"pip install langflow",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"pip install langflow"})," but you already had a previous version of Langflow installed in your system.\nIn this case, you might be running the wrong executable.\nTo solve this issue, run the correct executable by running ",(0,t.jsx)(d.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"python ",props:{style:{color:"#C9D1D9"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"m langflow run",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"python -m langflow run"})," instead of ",(0,t.jsx)(d.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"langflow run",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"langflow run"}),".\nIf that doesn't work, try uninstalling and reinstalling Langflow with ",(0,t.jsx)(d.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"python ",props:{style:{color:"#C9D1D9"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"m pip install langflow ",props:{style:{color:"#C9D1D9"}}},{content:"--",props:{style:{color:"#FF7B72"}}},{content:"pre ",props:{style:{color:"#C9D1D9"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"U",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"python -m pip install langflow --pre -U"}),"."]}),"\n",(0,t.jsxs)(o.li,{children:["Some version conflicts might have occurred during the installation process.\nRun ",(0,t.jsx)(d.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"python ",props:{style:{color:"#C9D1D9"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"m pip install langflow ",props:{style:{color:"#C9D1D9"}}},{content:"--",props:{style:{color:"#FF7B72"}}},{content:"pre ",props:{style:{color:"#C9D1D9"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"U ",props:{style:{color:"#79C0FF"}}},{content:"--",props:{style:{color:"#FF7B72"}}},{content:"force",props:{style:{color:"#C9D1D9"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"reinstall",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"python -m pip install langflow --pre -U --force-reinstall"})," to reinstall Langflow and its dependencies."]}),"\n"]}),"\n",(0,t.jsx)(o.h2,{id:"something-went-wrong-running-migrations-please-run-langflow-migration---fix",children:(0,t.jsx)(d.InlineCode,{codeConfig:p,code:{lines:[{tokens:[{content:"Something went wrong running migrations. Please, run ",props:{style:{color:"#C9D1D9"}}},{content:"'langflow migration --fix'",props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:"Something went wrong running migrations. Please, run 'langflow migration --fix'"})}),"\n",(0,t.jsx)(o.p,{children:"Clear the cache by deleting the contents of the cache folder."}),"\n",(0,t.jsx)(o.p,{children:"This folder can be found at:"}),"\n",(0,t.jsxs)(o.ul,{children:["\n",(0,t.jsxs)(o.li,{children:[(0,t.jsx)(o.strong,{children:"Linux or WSL2 on Windows"}),": ",(0,t.jsx)(o.code,{children:"home//.cache/langflow/"})]}),"\n",(0,t.jsxs)(o.li,{children:[(0,t.jsx)(o.strong,{children:"MacOS"}),": ",(0,t.jsx)(o.code,{children:"/Users//Library/Caches/langflow/"})]}),"\n"]}),"\n",(0,t.jsxs)(o.p,{children:["This error can occur during Langflow upgrades when the new version can't override ",(0,t.jsx)(o.code,{children:"langflow-pre.db"})," in ",(0,t.jsx)(o.code,{children:".cache/langflow/"}),". Clearing the cache removes this file but will also erase your settings."]}),"\n",(0,t.jsx)(o.p,{children:"If you wish to retain your files, back them up before clearing the folder."})]})}const g=function(n={}){const{wrapper:o}=Object.assign({},(0,l.RP)(),n.components);return o?(0,t.jsx)(o,Object.assign({},n,{children:(0,t.jsx)(u,n)})):u(n)};function f(n,o){throw new Error("Expected "+(o?"component":"object")+" `"+n+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/assets/js/8eb611e5.076aa1ce.js b/assets/js/8eb611e5.076aa1ce.js new file mode 100644 index 0000000000..d3df8bb3ea --- /dev/null +++ b/assets/js/8eb611e5.076aa1ce.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[310],{7533:(e,s,t)=>{t.d(s,{A:()=>r});var n=t(6540),o=t(1122),a=t(6025),i=t(4848);const r=e=>{let{alt:s,sources:t,style:r}=e;const[l,c]=(0,n.useState)(!1),d=e=>{"Escape"===e.key&&c(!1)};(0,n.useEffect)((()=>(l?document.addEventListener("keydown",d):document.removeEventListener("keydown",d),()=>{document.removeEventListener("keydown",d)})),[l]);return(0,i.jsx)("div",{className:"zoomable-image "+(l?"fullscreen":""),onClick:()=>{c(!l)},style:{width:"50%",margin:"0 auto",display:"flex",justifyContent:"center",...r},children:(0,i.jsx)(o.A,{className:"zoomable-image-inner",alt:s,sources:{light:(0,a.Ay)(t.light),dark:(0,a.Ay)(t.dark)}})})}},1968:(e,s,t)=>{t.r(s),t.d(s,{assets:()=>p,contentTitle:()=>c,default:()=>f,frontMatter:()=>l,metadata:()=>d,toc:()=>u});t(6540);var n=t(4848),o=t(8453),a=(t(1122),t(6025),t(7533),t(3554)),i=t.n(a),r=t(7293);const l={},c="Pass",d={id:"examples/pass",title:"Pass",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/examples/pass.mdx",sourceDirName:"examples",slug:"/examples/pass",permalink:"/examples/pass",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{}},p={},u=[];function m(e){const s=Object.assign({h1:"h1",p:"p",strong:"strong"},(0,o.RP)(),e.components);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.h1,{id:"pass",children:"Pass"}),"\n",(0,n.jsx)(r.A,{type:"warning",title:"warning",children:(0,n.jsx)(s.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,n.jsx)(s.p,{children:"Sometimes all you need to do is\u2026 nothing!"}),"\n",(0,n.jsxs)(s.p,{children:["The ",(0,n.jsx)(s.strong,{children:"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!"]}),"\n",(0,n.jsx)("div",{style:{marginBottom:"20px",display:"flex",justifyContent:"center"},children:(0,n.jsx)(i(),{playing:!0,controls:!0,url:"/videos/pass.mp4"})})]})}const f=function(e={}){const{wrapper:s}=Object.assign({},(0,o.RP)(),e.components);return s?(0,n.jsx)(s,Object.assign({},e,{children:(0,n.jsx)(m,e)})):m(e)}},8453:(e,s,t)=>{t.d(s,{RP:()=>a,xA:()=>r});var n=t(6540);const o=n.createContext({});function a(e){const s=n.useContext(o);return n.useMemo((()=>"function"==typeof e?e(s):{...s,...e}),[s,e])}const i={};function r({components:e,children:s,disableParentContext:t}){let r;return r=t?"function"==typeof e?e({}):e||i:a(e),n.createElement(o.Provider,{value:r},s)}}}]); \ No newline at end of file diff --git a/assets/js/8eb611e5.abf9898b.js b/assets/js/8eb611e5.abf9898b.js deleted file mode 100644 index c2e85b051d..0000000000 --- a/assets/js/8eb611e5.abf9898b.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[310],{7293:(n,e,t)=>{t.d(e,{A:()=>H});var i=t(6540),o=t(4848);function s(n){const{mdxAdmonitionTitle:e,rest:t}=function(n){const e=i.Children.toArray(n),t=e.find((n=>i.isValidElement(n)&&"mdxAdmonitionTitle"===n.type)),s=e.filter((n=>n!==t)),a=t?.props.children;return{mdxAdmonitionTitle:a,rest:s.length>0?(0,o.jsx)(o.Fragment,{children:s}):null}}(n.children),s=n.title??e;return{...n,...s&&{title:s},children:t}}var a=t(8215),c=t(1312),r=t(7559);const l={admonition:"admonition_xJq3",admonitionHeading:"admonitionHeading_Gvgb",admonitionIcon:"admonitionIcon_Rf37",admonitionContent:"admonitionContent_BuS1"};function d(n){let{type:e,className:t,children:i}=n;return(0,o.jsx)("div",{className:(0,a.A)(r.G.common.admonition,r.G.common.admonitionType(e),l.admonition,t),children:i})}function u(n){let{icon:e,title:t}=n;return(0,o.jsxs)("div",{className:l.admonitionHeading,children:[(0,o.jsx)("span",{className:l.admonitionIcon,children:e}),t]})}function m(n){let{children:e}=n;return e?(0,o.jsx)("div",{className:l.admonitionContent,children:e}):null}function h(n){const{type:e,icon:t,title:i,children:s,className:a}=n;return(0,o.jsxs)(d,{type:e,className:a,children:[i||t?(0,o.jsx)(u,{title:i,icon:t}):null,(0,o.jsx)(m,{children:s})]})}function f(n){return(0,o.jsx)("svg",{viewBox:"0 0 14 16",...n,children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"})})}const p={icon:(0,o.jsx)(f,{}),title:(0,o.jsx)(c.A,{id:"theme.admonition.note",description:"The default label used for the Note admonition (:::note)",children:"note"})};function x(n){return(0,o.jsx)(h,{...p,...n,className:(0,a.A)("alert alert--secondary",n.className),children:n.children})}function j(n){return(0,o.jsx)("svg",{viewBox:"0 0 12 16",...n,children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"})})}const g={icon:(0,o.jsx)(j,{}),title:(0,o.jsx)(c.A,{id:"theme.admonition.tip",description:"The default label used for the Tip admonition (:::tip)",children:"tip"})};function v(n){return(0,o.jsx)(h,{...g,...n,className:(0,a.A)("alert alert--success",n.className),children:n.children})}function y(n){return(0,o.jsx)("svg",{viewBox:"0 0 14 16",...n,children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"})})}const w={icon:(0,o.jsx)(y,{}),title:(0,o.jsx)(c.A,{id:"theme.admonition.info",description:"The default label used for the Info admonition (:::info)",children:"info"})};function A(n){return(0,o.jsx)(h,{...w,...n,className:(0,a.A)("alert alert--info",n.className),children:n.children})}function N(n){return(0,o.jsx)("svg",{viewBox:"0 0 16 16",...n,children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"})})}const b={icon:(0,o.jsx)(N,{}),title:(0,o.jsx)(c.A,{id:"theme.admonition.warning",description:"The default label used for the Warning admonition (:::warning)",children:"warning"})};function C(n){return(0,o.jsx)("svg",{viewBox:"0 0 12 16",...n,children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"})})}const z={icon:(0,o.jsx)(C,{}),title:(0,o.jsx)(c.A,{id:"theme.admonition.danger",description:"The default label used for the Danger admonition (:::danger)",children:"danger"})};const T={icon:(0,o.jsx)(N,{}),title:(0,o.jsx)(c.A,{id:"theme.admonition.caution",description:"The default label used for the Caution admonition (:::caution)",children:"caution"})};const k={...{note:x,tip:v,info:A,warning:function(n){return(0,o.jsx)(h,{...b,...n,className:(0,a.A)("alert alert--warning",n.className),children:n.children})},danger:function(n){return(0,o.jsx)(h,{...z,...n,className:(0,a.A)("alert alert--danger",n.className),children:n.children})}},...{secondary:n=>(0,o.jsx)(x,{title:"secondary",...n}),important:n=>(0,o.jsx)(A,{title:"important",...n}),success:n=>(0,o.jsx)(v,{title:"success",...n}),caution:function(n){return(0,o.jsx)(h,{...T,...n,className:(0,a.A)("alert alert--warning",n.className),children:n.children})}}};var M=t(6763);function H(n){const e=s(n),t=(i=e.type,k[i]||(M.warn(`No admonition component found for admonition type "${i}". Using Info as fallback.`),k.info));var i;return(0,o.jsx)(t,{...e})}},7533:(n,e,t)=>{t.d(e,{A:()=>c});var i=t(6540),o=t(1122),s=t(6025),a=t(4848);const c=n=>{let{alt:e,sources:t,style:c}=n;const[r,l]=(0,i.useState)(!1),d=n=>{"Escape"===n.key&&l(!1)};(0,i.useEffect)((()=>(r?document.addEventListener("keydown",d):document.removeEventListener("keydown",d),()=>{document.removeEventListener("keydown",d)})),[r]);return(0,a.jsx)("div",{className:"zoomable-image "+(r?"fullscreen":""),onClick:()=>{l(!r)},style:{width:"50%",margin:"0 auto",display:"flex",justifyContent:"center",...c},children:(0,a.jsx)(o.A,{className:"zoomable-image-inner",alt:e,sources:{light:(0,s.Ay)(t.light),dark:(0,s.Ay)(t.dark)}})})}},1968:(n,e,t)=>{t.r(e),t.d(e,{assets:()=>u,contentTitle:()=>l,default:()=>f,frontMatter:()=>r,metadata:()=>d,toc:()=>m});t(6540);var i=t(4848),o=t(8453),s=(t(1122),t(6025),t(7533),t(3554)),a=t.n(s),c=t(7293);const r={},l="Pass",d={id:"examples/pass",title:"Pass",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/examples/pass.mdx",sourceDirName:"examples",slug:"/examples/pass",permalink:"/examples/pass",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{}},u={},m=[];function h(n){const e=Object.assign({h1:"h1",p:"p",strong:"strong"},(0,o.RP)(),n.components);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(e.h1,{id:"pass",children:"Pass"}),"\n",(0,i.jsx)(c.A,{type:"warning",title:"warning",children:(0,i.jsx)(e.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,i.jsx)(e.p,{children:"Sometimes all you need to do is\u2026 nothing!"}),"\n",(0,i.jsxs)(e.p,{children:["The ",(0,i.jsx)(e.strong,{children:"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!"]}),"\n",(0,i.jsx)("div",{style:{marginBottom:"20px",display:"flex",justifyContent:"center"},children:(0,i.jsx)(a(),{playing:!0,controls:!0,url:"/videos/pass.mp4"})})]})}const f=function(n={}){const{wrapper:e}=Object.assign({},(0,o.RP)(),n.components);return e?(0,i.jsx)(e,Object.assign({},n,{children:(0,i.jsx)(h,n)})):h(n)}},8453:(n,e,t)=>{t.d(e,{RP:()=>s,xA:()=>c});var i=t(6540);const o=i.createContext({});function s(n){const e=i.useContext(o);return i.useMemo((()=>"function"==typeof n?n(e):{...e,...n}),[e,n])}const a={};function c({components:n,children:e,disableParentContext:t}){let c;return c=t?"function"==typeof n?n({}):n||a:s(n),i.createElement(o.Provider,{value:c},e)}}}]); \ No newline at end of file diff --git a/assets/js/900.f808a411.js b/assets/js/900.f808a411.js new file mode 100644 index 0000000000..2577e0f92d --- /dev/null +++ b/assets/js/900.f808a411.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[900],{4754:(e,t,n)=>{n.d(t,{Cy:()=>St,Fk:()=>On,R0:()=>Mn,W_:()=>Pt,Wu:()=>En,hk:()=>_n});var r=n(6540),o=n(961),i=n(6763);function s(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o/^#([A-Fa-f0-9]{3,4}){1,2}$/.test(e),l=(e,t)=>e.match(new RegExp(`.{${t}}`,"g")),c=e=>parseInt(e.repeat(2/e.length),16);function u(e,t){return void 0!==e?e/255:"number"!=typeof t||t<0||t>1?1:t}function d(e,t){if(!e)return e;const{r:n,g:r,b:o,a:i}=function(e){if(!e)return;if(!a(e))throw new Error("Invalid color string, must be a valid hex color");const t=Math.floor((e.length-1)/3),n=l(e.slice(1),t),[r,o,i,s]=n.map(c);return{r:r,g:o,b:i,a:u(s,1)}}(e);return function(e){if(!e)return;const{r:t,g:n,b:r,a:o}=e,i=Math.round(255*o);return`#${t.toString(16).padStart(2,"0")}${n.toString(16).padStart(2,"0")}${r.toString(16).padStart(2,"0")}${i.toString(16).padStart(2,"0")}`}({r:n,g:r,b:o,a:i*t})}function h(e,t){return{prev:t(e.prev,"prev"),next:t(e.next,"next")}}function f(e,t){return{prev:void 0===(null==e?void 0:e.prev)?t:e.prev,next:void 0===(null==e?void 0:e.next)?t:e.next}}function p(e,t,n){return h(f(e,t),n)}function m(e,t){return t(e.prev)||t(e.next)}function v(e){return e.lines.map((e=>e.tokens.map((e=>e.content)).join(""))).join("\n")}function g(e){return e.split(/,(?![^\[]*\])/g)}function b(e){return e.reduce(((e,t)=>Object.assign(e,t)),{})}function y(e){const t=e.match(/(\d+)\[(.+)\]/);if(t){const[,e,n]=t,r=n.split(",").map(x),o=Number(e);return{[o]:r}}return b(j(e).map((e=>({[e]:!0}))))}function x(e){const[t,n]=e.split(":");if(!C(t))throw new N(t);const r=Number(t);if(r<1)throw new O;if(n){if(!C(n))throw new N(n);return{start:r,end:+n}}return{start:r,end:r}}function w(e){if(!e)throw new Error("Focus cannot be empty");try{return function(e){const t={};let n=-1,r=null==e?0:e.length;for(;++ne-1))]]}return j(e).map((e=>[e-1,!0]))}function j(e){const[t,n]=e.split(":");if(!C(t))throw new N(t);const r=Number(t);if(r<1)throw new O;if(n){if(!C(n))throw new N(n);const e=[];for(let t=r;t<=+n;t++)e.push(t);return e}return[r]}function C(e){e=e.toString();var t=Math.abs(e),n=parseInt(e,10);return!isNaN(t)&&n===t&&t.toString()===e}class O extends Error{constructor(){super("Invalid line or column number in focus string"),Object.setPrototypeOf(this,new.target.prototype)}}class N extends Error{constructor(e){super(`Invalid number "${e}" in focus string`),this.number=e,Object.setPrototypeOf(this,new.target.prototype)}}const k="undefined"!=typeof window?r.useLayoutEffect:r.useEffect;const S=200;function _(e,t,n,o,i,s){const[a,l]=r.useState(null),[c,u]=r.useState(0),d=function(){const[e,t]=r.useState(void 0);return r.useEffect((()=>{function e(){t(window.innerWidth)}return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)}),[]),e}(),h=r.useRef(null),{prevLongestLine:f,nextLongestLine:p,element:m}=r.useMemo((()=>{const n=P(e.prev,t.prev),s=P(e.next,t.next),a=(e.prev||e.next).trimEnd().split(F),l=Math.max(a.length,10);if(i){const e="focus"===i?function(e,t){const[n,r]=function(e,t){if(e){const t=w(e),n=Object.keys(t).map((e=>parseInt(e,10)));return[Math.min(...n),Math.max(...n)]}return[0,t.length-1]}(e.prev,t);return r-n+1}(t,a):i;let r=a.length;for(;re;)a.pop(),r--;n&&!a.includes(n)&&(a[a.length-1]=n)}let c=!1;const u=r.createElement("code",{className:"ch-code-scroll-parent"},r.createElement("br",null),a.map(((e,t)=>{const i=c||e!==n?void 0:h;return c=c||null!=i,r.createElement("div",{ref:i,key:t},o?r.createElement("span",{className:"ch-code-line-number"},"_",l):void 0,r.createElement("div",{style:{display:"inline-block",marginLeft:16}},r.createElement("span",null,e)))})),r.createElement("br",null));return{prevLongestLine:n,nextLongestLine:s,element:u}}),[e]),v=[...s,d,f,p,n,c];return k((()=>{var e;if(h.current){const t=h.current,r=null==t?void 0:t.parentElement,o=r.parentElement,{width:i}=o.getBoundingClientRect();if(!i&&0===c){const e=new ResizeObserver((([t])=>{const{width:n}=t.contentRect;n&&(e.disconnect(),u(1))}));return e.observe(o),()=>e.disconnect()}const s=null==t?void 0:t.querySelector(":scope > div"),a=null==t?void 0:t.querySelector(":scope > span"),d=a?function(e){const t=getComputedStyle(e);return parseFloat(t.width)}(a):0,m=L(s),g=m/f.length||1,b=p.length*g,y=null!==(e=M(s))&&void 0!==e?e:20,x={containerWidth:L(o.parentElement),containerHeight:M(o.parentElement),contentWidth:L(r.parentElement),contentHeight:M(r.parentElement),lineWidths:[m||b||S,b||m||S],lineWidth:[Math.max(m||b||S,g*n),Math.max(b||m||S,g*n)],lineHeight:y,colWidth:g,lineNumberWidth:d,deps:v};l(x)}return()=>{}}),v),!a||function(e,t){for(let n=0;nparseInt(e,10)))}return[...t.keys()]}(t,n);let o="";return n.forEach(((e,t)=>{r.includes(t)&&e.length>o.length&&(o=e)})),o}function L(e){const t=getComputedStyle(e);return parseFloat(t.width)-parseFloat(t.paddingLeft)-parseFloat(t.paddingRight)}function M(e){if(!e)return null;const t=getComputedStyle(e);return parseFloat(t.height)-parseFloat(t.paddingTop)-parseFloat(t.paddingBottom)}function I(){}function $(e,t,n,r,o){for(var i=0,s=t.length,a=0,l=0;ie.length?n:e})),c.value=e.join(d)}else c.value=e.join(n.slice(a,a+c.count));a+=c.count,c.added||(l+=c.count)}}var h=t[s-1];return s>1&&"string"==typeof h.value&&(h.added||h.removed)&&e.equals("",h.value)&&(t[s-2].value+=h.value,t.pop()),t}I.prototype={diff:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n.callback;"function"==typeof n&&(r=n,n={}),this.options=n;var o=this;function i(e){return r?(setTimeout((function(){r(void 0,e)}),0),!0):e}e=this.castInput(e),t=this.castInput(t),e=this.removeEmpty(this.tokenize(e));var s=(t=this.removeEmpty(this.tokenize(t))).length,a=e.length,l=1,c=s+a,u=[{newPos:-1,components:[]}],d=this.extractCommon(u[0],t,e,0);if(u[0].newPos+1>=s&&d+1>=a)return i([{value:this.join(t),count:t.length}]);function h(){for(var n=-1*l;n<=l;n+=2){var r=void 0,c=u[n-1],d=u[n+1],h=(d?d.newPos:0)-n;c&&(u[n-1]=void 0);var f=c&&c.newPos+1=s&&h+1>=a)return i($(o,r.components,t,e,o.useLongestToken));u[n]=r}else u[n]=void 0}var m;l++}if(r)!function e(){setTimeout((function(){if(l>c)return r();h()||e()}),0)}();else for(;l<=c;){var f=h();if(f)return f}},pushComponent:function(e,t,n){var r=e[e.length-1];r&&r.added===t&&r.removed===n?e[e.length-1]={count:r.count+1,added:t,removed:n}:e.push({count:1,added:t,removed:n})},extractCommon:function(e,t,n,r){for(var o=t.length,i=n.length,s=e.newPos,a=s-r,l=0;s+1{if(e.added)for(let t=0;tvoid 0===e.next?Object.assign(Object.assign({},t.prev[e.prev]),{lineNumber:{prev:e.prev+1},move:"exit",enterIndex:null,exitIndex:r++}):void 0===e.prev?Object.assign(Object.assign({},t.next[e.next]),{lineNumber:{next:e.next+1},move:"enter",enterIndex:n++,exitIndex:null}):Object.assign(Object.assign({},t.prev[e.prev]),{lineNumber:{prev:e.prev+1,next:e.next+1},move:"stay",enterIndex:null,exitIndex:null}))),enterCount:n,exitCount:r}}function D(e,t,n){const{lines:r}=e,o=s(e,["lines"]),i=h(t,((e,t)=>function(e,t){return b(e?g(e).map(y):[...t.keys()].map((e=>({[e+1]:!0}))))}(e,"prev"===t?r.filter((e=>"enter"!==e.move)):r.filter((e=>"exit"!==e.move))))),a=r.map((e=>{const{tokens:t}=e,r=s(e,["tokens"]),o={prev:!!e.lineNumber.prev&&i.prev[e.lineNumber.prev],next:!!e.lineNumber.next&&i.next[e.lineNumber.next]},a={prev:e.lineNumber.prev&&n.prev[e.lineNumber.prev]||[],next:e.lineNumber.next&&n.next[e.lineNumber.next]||[]};return Object.assign({focused:h(o,(e=>!!e)),groups:Z(t,o,a)},r)})),l=h(i,(e=>Object.keys(e).map((e=>Number(e))))),c=h(l,(e=>Math.min(...e))),u=h(l,(e=>Math.max(...e)));return Object.assign({lines:a,firstFocusedLineNumber:c,lastFocusedLineNumber:u},o)}function Z(e,t,n){const r=h(t,(e=>Array.isArray(e)?e:[])),o=h(n,(e=>e.map((({columnNumbers:e})=>e)))),i=function(e,t){const n=[...t.map((e=>e.start-1)),...t.map((e=>e.end))];let r=e;return n.forEach((e=>{const t=[];let n=0;r.forEach((r=>{const o=n,i=n+r.content.length;if(o{const r=K(s,t.prev),o=K(s,t.next),i=Y(s,n.prev),c=Y(s,n.next);a&&a.focused.prev===r&&a.focused.next===o&&a.annotation.prev===i&&a.annotation.next===c||(a={focused:{prev:r,next:o},tokens:[],annotation:{prev:i,next:c}},l.push(a)),null==a||a.tokens.push(e),s+=e.content.length})),l.map((e=>({focused:e.focused,tokens:e.tokens,element:G(e)})))}function G(e){return r.createElement(r.Fragment,null,e.tokens.map((({content:e,props:t},n)=>r.createElement("span",Object.assign({},t,{key:n+1}),e))))}function K(e,t){return Array.isArray(t)?t.some((({start:t,end:n})=>t-1<=e&&et.start-1<=e&&er)return i;const s=(t-n)/(r-n);return o+(e.ease||Q.linear)(s)*(i-o)}}function J([e,t],n,r){if(r<=1)return[e,t];const o=t-e,i=o/Math.pow(r,1/8),s=e+(o-i)/(r-1)*n;return[s,s+i]}U.tokenize=function(e){return e.slice()},U.join=U.removeEmpty=function(e){return e};const Q={linear:function(e){return e},easeInQuad:function(e){return e*e},easeOutQuad:function(e){return e*(2-e)},easeInOutCubic:function(e){return e<.5?4*e*e*e:(e-1)*(2*e-2)*(2*e-2)+1}};function ee(e,t,n,r){const[o,i]=t;return e.map((e=>{const t=h(e.lineNumber,(e=>e&&e-1)),{enterIndex:s,exitIndex:a}=e,l="exit"===e.move?{fixed:!0,value:t.prev}:"enter"===e.move?{fixed:!0,value:t.next}:{fixed:!1,extremes:[t.prev,t.next],interval:[o,i],ease:Q.easeInOutCubic},c="exit"===e.move?{fixed:!1,extremes:[0,-1],ease:Q.easeInQuad,interval:J([0,o],a,r)}:"enter"===e.move?{fixed:!1,extremes:[1,0],ease:Q.easeOutQuad,interval:J([i,1],s,n)}:{fixed:!0,value:0};return Object.assign(Object.assign({},e),{tweenX:c,tweenY:l})}))}function te(e){const t=p(e,[],(e=>e.flatMap((e=>g(e.focus).map((t=>Object.assign(Object.assign({},e),{focus:t}))))))),n=p(t,[],(e=>e.filter(ne))),r=p(t,[],(e=>e.filter((e=>!ne(e)))));return{inlineAnnotations:h(n,(e=>function(e){const t={};return e.forEach((e=>{const n=y(e.focus),r=+Object.keys(n)[0],o=n[r],i=t[r]||[];i.push({columnNumbers:o[0],data:e.data,Component:e.Component}),t[r]=i})),t}(e))),multilineAnnotations:h(r,(e=>function(e){return e.map((e=>({lineNumbers:x(e.focus),data:e.data,Component:e.Component})))}(e)))}}function ne(e){return!!e.focus.match(/(\d+)\[(.+)\]/)}function re(e,t,n){const r=[...t];r.sort(((e,t)=>e.lineNumbers.start-t.lineNumbers.start));let o=0;const i=[];for(;ot.lineNumbers.start)throw"Code Hike can't handle two annotations for the same line";if(t&&n(s)===t.lineNumbers.start){const a={lines:[],annotation:t};for(;s&&(!n(s)||n(s)<=t.lineNumbers.end);)a.lines.push(s),s=e[++o];i.push(a),r.shift()}else if(t){const r={lines:[]};for(;s&&(!n(s)||n(s)0||r.length>0;){const e=o[0],t=i[0],c=e&&e.columnNumbers.start===a,u=t&&t.columnNumbers.start===l;if(al)if(u){const e=t.columnNumbers.end+1;s.push({next:{annotation:t,groups:ie(r,l,e)}}),l=e,i.shift()}else{const e=Math.min(a,(null==t?void 0:t.columnNumbers.start)||a);s.push({next:{groups:ie(r,l,e)}}),l=e}else if(a==l)if(c&&u&&e.columnNumbers.end===t.columnNumbers.end){const c=t.columnNumbers.end+1;s.push({prev:{annotation:e,groups:ie(n,a,c)},next:{annotation:t,groups:ie(r,l,c)}}),a=c,l=c,o.shift(),i.shift()}else if(c){const t=e.columnNumbers.end+1;s.push({prev:{annotation:e,groups:ie(n,a,t)}}),a=t,o.shift()}else if(u){const e=t.columnNumbers.end+1;s.push({next:{annotation:t,groups:ie(r,l,e)}}),l=e,i.shift()}else if(e||t){const o=Math.min((null==e?void 0:e.columnNumbers.start)||Number.MAX_VALUE,(null==t?void 0:t.columnNumbers.start)||Number.MAX_VALUE);s.push({prev:{groups:ie(n,a,o)},next:{groups:ie(r,l,o)}}),a=o,l=o}else s.push({prev:{groups:n},next:{groups:r}}),n=[],r=[]}return s}function ie(e,t,n){const r=[];let o=t;for(;o0;){const t=e.shift();r.push(t);o+=t.tokens.reduce(((e,t)=>e+t.content.length),0)}return r}function se(e){const{highlightedLines:t,focus:n}=e;return r.useMemo((()=>function({focus:e,annotations:t,highlightedLines:n,lang:r}){const o=function(e){return h(e,(e=>e.map((e=>e.tokens.map((e=>e.content)).join(""))).join("\n").trimEnd().concat("\n")))}(n),i=function(e,t){return X(e,t)}(o,n),{inlineAnnotations:a,multilineAnnotations:l}=function(e){return te(e)}(t),c=function(e,t,n){return D(e,t,n)}(i,f(e,null),a),u=function(e,t,n){var{lines:r}=e,o=s(e,["lines"]);const i=function(e,t){return e.map((e=>{var{groups:n}=e,r=s(e,["groups"]);const{lineNumber:o}=r,i={prev:o.prev&&t.prev[o.prev]||[],next:o.next&&t.next[o.next]||[]};return Object.assign(Object.assign({},r),{annotatedGroups:oe(n,i)})}))}(r,t),a=function(e,t){return{prev:re(e,t.prev,(e=>e.lineNumber.prev)),next:re(e,t.next,(e=>e.lineNumber.next))}}(i,n);return Object.assign(Object.assign({},o),{lineGroups:a,lineCount:{prev:r.filter((e=>null!=e.lineNumber.prev)).length,next:r.filter((e=>null!=e.lineNumber.next)).length}})}(c,a,l);return function(e,t,n){const r=(i=e.enterCount,s=e.exitCount,i<=0&&s<=0?[0,1]:i<=0&&s>=1?[.33,1]:i>=1&&s<=0?[0,.67]:[.25,.75]),o=h(e.lineGroups,(t=>t.map((t=>Object.assign(Object.assign({},t),{lines:ee(t.lines,r,e.enterCount,e.exitCount)})))));var i,s;return Object.assign(Object.assign({},e),{groups:o,verticalInterval:r,code:t,lang:n})}(u,o,r)}(e)),[t.prev,t.next,n.prev,n.next])}function ae({dimensions:e,codeStep:t,children:n,minZoom:o=0,maxZoom:i=1.2,center:a=!1,progress:l}){const{prev:c,next:u}=function(e){var{codeStep:t}=e,n=s(e,["codeStep"]);const{lineHeight:r,lineWidth:o}=n.dimensions,i={prev:{extremes:[t.firstFocusedLineNumber.prev-1,t.lastFocusedLineNumber.prev-1],originalContentHeight:t.lineCount.prev*r,lineWidth:o[0]},next:{extremes:[t.firstFocusedLineNumber.next-1,t.lastFocusedLineNumber.next-1],originalContentHeight:t.lineCount.next*r,lineWidth:o[1]}};return h(i,(({extremes:e,originalContentHeight:t,lineWidth:r})=>function({dimensions:e,lineWidth:t,minZoom:n,maxZoom:r,extremes:o,originalContentHeight:i,horizontalCenter:s}){const{lineHeight:a}=e,l=null==e?void 0:e.contentHeight,c=null==e?void 0:e.contentWidth,u=(o[1]-o[0]+3)*a,d=(null==e?void 0:e.lineNumberWidth)||16,h=16,f=Math.max(Math.min((c-d-h)/t,l/u,r),n),p=i*f,m=(o[0]-1)*a*f,v=(o[1]+2)*a*f,g=(v+m)/2,b=v-m,y=l>p?(l-p)/2:(w=l/2-g,E=Math.max(l-p,-m),j=0,w<=E?E:w>=j?j:w),x=s?Math.max(c/2-t*f/2,0):0;var w,E,j;return{zoom:f,dx:x,dy:y,focusHeight:b,focusWidth:t*f}}(Object.assign({extremes:e,originalContentHeight:t,lineWidth:r},n))))}({codeStep:t,dimensions:e,minZoom:o,maxZoom:i,horizontalCenter:a}),d=ue(c.zoom,u.zoom,l),f=ue(c.dx,u.dx,l),p=ue(c.dy,u.dy,l,t.verticalInterval),m=ue(c.focusHeight,u.focusHeight,l),v=ue(c.focusWidth,u.focusWidth,l),g=((null==e?void 0:e.lineNumberWidth)||0)*d||16,b=Math.max(v+g,e.contentWidth),y=g/d;return r.createElement(le,{width:e.containerWidth,height:e.containerHeight,lang:t.lang},r.createElement(ce,{dx:f,dy:p,scale:d,height:Math.max(m,e.contentHeight),width:b},n(v,y)))}function le({width:e,height:t,children:n,lang:o}){return r.createElement("code",{style:{width:e,height:t,position:"relative",overflow:"auto"},className:"ch-code-scroll-parent",children:n,"data-ch-lang":o})}function ce({dx:e,dy:t,scale:n,height:o,width:i,children:s}){return r.createElement("div",{style:{position:"absolute",top:0,left:0,transformOrigin:"top left",width:i,height:o,overflow:"hidden"},className:"ch-code-scroll-content"},r.createElement("div",{style:{position:"absolute",top:0,left:0,transform:`translateX(${e}px) translateY(${t}px) scale(${n})`,transformOrigin:"left top",width:i/n,height:(o-2*t)/n},children:s}))}function ue(e,t,n,r=[0,1]){return V({fixed:!1,interval:r,extremes:[e,t],ease:Q.easeInOutCubic},n)}function de(e){return r.createElement(ae,Object.assign({},e),((t,n)=>r.createElement(he,{codeStep:e.codeStep,focusWidth:t,lineHeight:e.dimensions.lineHeight,progress:e.progress,startX:n,lineNumberWidth:e.dimensions.lineNumberWidth})))}function he({codeStep:e,progress:t,focusWidth:n,lineHeight:o,startX:i,lineNumberWidth:s}){const a=t<.5?e.groups.prev:e.groups.next;return r.createElement(r.Fragment,null,a.map(((e,a)=>{if(!e.annotation)return r.createElement(fe,{lines:e.lines,t:t,focusWidth:n,lineHeight:o,startX:i,key:a,lineNumberWidth:s});const l=V(e.lines[0].tweenY,t),c=e.annotation.lineNumbers.end-e.annotation.lineNumbers.start+1,u=e.annotation.Component;return r.createElement(u,{style:{position:"absolute",height:c*o,width:"100%",transform:`translateY(${l*o}px)`},key:a,data:e.annotation.data,isInline:!1,lines:e.lines},r.createElement(fe,{lines:e.lines,t:t,focusWidth:n,lineHeight:o,startY:l,startX:i,lineNumberWidth:s}))})))}function fe({lines:e,focusWidth:t,lineHeight:n,t:o,startX:i,startY:s=0,lineNumberWidth:a}){return r.createElement(r.Fragment,null,e.map(((e,l)=>{const{tweenX:c,tweenY:u,focused:d}=e,h=V(c,o),f=V(u,o),p=be(d,o,h);return r.createElement(r.Fragment,{key:l},a?r.createElement("span",{className:"ch-code-line-number",style:{position:"absolute",top:0,left:0,transform:`translate(${h*t}px, ${(f-s)*n}px)`,width:a,opacity:p}},o<.5?e.lineNumber.prev:e.lineNumber.next):void 0,r.createElement(ve,{dx:i+h*t,dy:(f-s)*n,width:t,opacity:p},r.createElement(pe,{line:e,progress:o,dx:h})))})))}function pe({line:e,progress:t,dx:n}){return r.createElement("div",{style:{display:"inline-block",width:"100%"}},e.annotatedGroups.map(((e,o)=>r.createElement(me,{annotatedGroup:e,progress:t,dx:n,key:o}))),r.createElement("br",null))}function me({annotatedGroup:e,progress:t,dx:n}){var o,i;const s=t<.5?e.prev:e.next,a=(null==s?void 0:s.groups)||[],l=null===(o=null==s?void 0:s.annotation)||void 0===o?void 0:o.Component,c=a.map(((e,o)=>{const i=be(e.focused,t,n);return r.createElement("span",{style:{opacity:i},key:o+1},e.element)}));return l?r.createElement(l,{children:c,data:null===(i=null==s?void 0:s.annotation)||void 0===i?void 0:i.data,isInline:!0}):r.createElement(r.Fragment,null,c)}function ve({children:e,dx:t,dy:n,opacity:o,width:i}){return r.createElement("div",{style:{position:"absolute",top:0,left:0,transform:`translate(${t}px, ${n}px)`,width:i,display:o<=0?"none":void 0}},e)}const ge=.33;function be(e,t,n){return V({fixed:!1,extremes:[e.prev?.99:ge,e.next?.99:ge],interval:[0,1]},t)-1*Math.abs(n)}function ye({content:e,style:t,className:n}){const[o,i]=r.useState(!1);return r.createElement("button",{type:"button",title:"Copy code",className:n,style:t,onClick:()=>{!function(e){if(!navigator.clipboard)return void function(e){var t=document.createElement("textarea");t.value=e,t.style.top="0",t.style.left="0",t.style.position="fixed",document.body.appendChild(t),t.focus(),t.select();try{document.execCommand("copy")}catch(n){}document.body.removeChild(t)}(e);navigator.clipboard.writeText(e)}(e),i(!0),setTimeout((()=>{i(!1)}),1200)}},r.createElement("svg",{fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},o?r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M5 13l4 4L19 7"}):r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.6px",d:"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"})))}const xe=10;function we(e){var{tween:t,progress:n,config:o}=e,i=s(e,["tween","progress","config"]);const a=function({tween:e}){return se({highlightedLines:h(e,(e=>e.code.lines)),focus:h(e,(e=>e.focus)),annotations:h(e,(e=>e.annotations)),lang:m(e,(e=>{var t;return null===(t=null==e?void 0:e.code)||void 0===t?void 0:t.lang}))})}({tween:t}),{element:l,dimensions:c}=_(a.code,h(t,(e=>e.focus)),o.minColumns||xe,o.lineNumbers||!1,o.rows,[o.parentHeight]);return!c||o.debug?r.createElement(Ee,{element:l,htmlProps:i,debug:o.debug}):r.createElement(je,{dimensions:c,stepInfo:a,config:o,progress:n,htmlProps:i})}function Ee({element:e,htmlProps:t,debug:n}){return r.createElement(Ce,{htmlProps:t,measured:!1},e)}function je({config:{minZoom:e=1,maxZoom:t=1,horizontalCenter:n=!1},dimensions:o,stepInfo:i,progress:s,htmlProps:a,config:l}){var c;return r.createElement(Ce,{htmlProps:a,measured:!0},r.createElement(de,{codeStep:i,progress:s,dimensions:o,minZoom:e,maxZoom:t,center:n}),l.showCopyButton?r.createElement(ye,{className:"ch-code-button",content:null===(c=null==i?void 0:i.code)||void 0===c?void 0:c.prev}):void 0)}function Ce({htmlProps:e,children:t,measured:n}){return r.createElement("div",Object.assign({},e,{className:`ch-code-wrapper ${(null==e?void 0:e.className)||""}`,"data-ch-measured":n,children:t}))}function Oe(){return"undefined"!=typeof window?performance.now():0}function Ne(e,t){var n=t.stiffness,r=t.damping,o=t.mass,i=t.decimals,s=t.teleport;return{X:e,k:null!=n?n:170,c:null!=r?r:26,m:null!=o?o:1,teleport:null!=s&&s,decimals:null!=i?i:2}}function ke(e,t){var n=t.from,r=t.initialSpeed;return{x0:null!=n?n:e,v0:null!=r?r:0,t0:Oe(),raf:null}}var Se=Math.sqrt,_e=Math.exp,Fe=Math.sin,Pe=Math.cos;function Le(e){var t=e.x0,n=e.v0,r=e.t0,o=e.t,i=e.k,s=e.c,a=e.m,l=e.X,c=t-l,u=(o-r)/1e3,d=s*s-4*i*a;if(d>0){var h=(-s+Se(d))/(2*a),f=(-s-Se(d))/(2*a),p=(c*h-n)/(h-f),m=(n-c*f)/(h-f);return{x:l+p*_e(f*u)+m*_e(h*u),v:p*f*_e(f*u)+m*h*_e(h*u)}}if(d<0){var v=-s/(2*a),g=Se(-d)/(2*a),b=c,y=(n-v*c)/g;return{x:l+_e(v*u)*(b*Pe(g*u)+y*Fe(g*u)),v:_e(v*u)*((y*g+b*v)*Pe(g*u)-(b*g-y*v)*Fe(g*u))}}var x=-s/(2*a),w=c,E=n-x*c;return{x:l+(w+E*u)*_e(x*u),v:(E+w*x+E*x*u)*_e(x*u)}}var Me=[],Ie=null;function $e(e){var t=Me.push(e);return 1===t&&(Ie=requestAnimationFrame(Te)),[Ie,t-1]}function He(e){var t=e[0],n=e[1];t===Ie&&delete Me[n]}function Te(){var e=Oe(),t=Me;Me=[],(0,o.unstable_batchedUpdates)((function(){return t.forEach((function(t){return t&&t(e)}))}))}var ze="undefined"!=typeof window?r.useLayoutEffect:r.useEffect;function Ae(e,t){void 0===t&&(t={});var n=r.useState()[1],o=Ne(e,t),i=function(e,t){var n=r.useRef(null);return null==n.current&&(n.current={config:Ne(e,t),state:ke(e,t)}),n.current}(e,t),s=i.state,a=i.config,l=Oe(),c=s.x0,u=s.v0,d=s.t0,h=a.k,f=a.c,p=a.m,m=a.X,v=o.teleport?{x:m,v:0}:Le({x0:c,v0:u,t0:d,t:l,k:h,c:f,m:p,X:m}),g=v.x,b=v.v,y=function(e,t,n,r){var o=r.decimals,i=r.X,s=r.k,a=r.c,l=r.m;if(We(e,o)!==We(i,o))return!0;var c=n+.016,u=Le({x0:e,v0:t,t0:n,t:c,k:s,c:a,m:l,X:i});return We(u.x,o)!==We(i,o)}(g,b,l,o);return ze((function(){Object.assign(a,o)}),[o.X,o.k,o.c,o.m,o.teleport]),ze((function(){s.x0=g,s.v0=b,s.t0=l}),[g,b,l]),ze((function(){y&&null==s.raf?s.raf=$e((function e(t){var r=s.x0,o=s.v0,i=s.t0,l=a.k,c=a.c,u=a.m,d=a.X,h=a.decimals;We(Le({x0:r,v0:o,t0:i,t:t,k:l,c:c,m:u,X:d}).x,h)!==We(r,h)?(s.raf=null,n(t)):s.raf=$e(e)})):y||null==s.raf||(He(s.raf),s.raf=null)})),ze((function(){return function(){null!=s.raf&&He(s.raf)}}),[]),[We(g,o.decimals),y]}function We(e,t){var n=Math.pow(10,t);return Math.round(e*n)/n}const Be={stiffness:120,damping:24,mass:.2,decimals:3};function Re(e){var{step:t,config:n}=e,o=s(e,["step","config"]);const{tween:i,t:a}=function(e,t=Be){const[{target:n,steps:o,index:i},s]=r.useState({target:2,steps:[e,e,e],index:0});r.useEffect((()=>{o[o.length-1]!=e&&s((t=>function(e,t,n){const{steps:r,target:o,index:i}=e,s=r.slice(),a=n-i;return a<1?(s[2]=t,Object.assign(Object.assign({},e),{steps:s})):(s[0]=r[1],s[1]=r[2],s[2]=t,Object.assign(Object.assign({},e),{steps:s,target:o+1,index:i+1}))}(t,e,a)))}),[e]);const[a]=Ae(n,t),l=a-i;return l<=1?{tween:{prev:o[0],next:o[1]},t:l}:{tween:{prev:o[1],next:o[2]},t:l-1}}(t,n.spring);return r.createElement(we,Object.assign({tween:i,progress:a,config:n},o))}const qe=r.forwardRef((function(e,t){var{title:n,children:o,titleBar:i,zoom:a=1,overflow:l}=e,c=s(e,["title","children","titleBar","zoom","overflow"]);const u=i||r.createElement(Ue,{title:n}),d={"--ch-frame-zoom":a,overflow:l};return r.createElement("div",Object.assign({},c,{ref:t}),r.createElement("div",{className:"ch-frame"},r.createElement("div",{className:"ch-frame-title-bar"},u),r.createElement("div",{className:"ch-frame-content"},r.createElement("div",{className:"ch-frame-zoom",style:d},o))))}));function Ue({title:e}){return r.createElement(r.Fragment,null,r.createElement("div",{className:"ch-frame-left-bar"},r.createElement(Xe,null)),r.createElement("div",{className:"ch-frame-middle-bar"},e),r.createElement("div",{className:"ch-frame-right-bar"}))}function Xe(){return r.createElement("div",{className:"ch-frame-buttons"},r.createElement("div",{className:"ch-frame-button ch-frame-button-left"}),r.createElement("div",{className:"ch-frame-button-space"}),r.createElement("div",{className:"ch-frame-button ch-frame-button-middle"}),r.createElement("div",{className:"ch-frame-button-space"}),r.createElement("div",{className:"ch-frame-button ch-frame-button-right"}))}r.forwardRef((function(e,t){var{title:n,children:o,titleBar:i,overflow:a}=e,l=s(e,["title","children","titleBar","overflow"]);const c=i||r.createElement(Ue,{title:n});return r.createElement("div",Object.assign({},l,{ref:t}),r.createElement("div",{className:"ch-simple-frame"},r.createElement("div",{className:"ch-frame-title-bar"},c),o))}));const De=r.forwardRef((function(e,t){var n,{northPanel:o,southPanel:i,terminalPanel:a,style:l,height:c,northButton:u,southButton:d,className:h,onTabClick:f}=e,p=s(e,["northPanel","southPanel","terminalPanel","style","height","northButton","southButton","className","onTabClick"]);return r.createElement("div",Object.assign({ref:t},p,{className:"ch-editor-frame",style:l}),r.createElement("div",{className:"ch-frame-title-bar"},r.createElement(Ze,{tabs:o.tabs,showFrameButtons:!0,button:u,panel:"north",onTabClick:f})),r.createElement("div",{"data-ch-panel":"north",style:o.style,children:o.children}),i&&r.createElement(r.Fragment,null,r.createElement("div",{className:"ch-frame-title-bar",style:{transform:null===(n=i.style)||void 0===n?void 0:n.transform}},r.createElement(Ze,{tabs:i.tabs,showFrameButtons:!1,button:d,topBorder:!0,panel:"south",onTabClick:f})),r.createElement("div",{"data-ch-panel":"south",children:i.children,style:i.style})))}));function Ze({tabs:e,button:t,showFrameButtons:n,topBorder:o,panel:i,onTabClick:s}){return r.createElement(r.Fragment,null,o&&r.createElement("div",{className:"ch-editor-group-border"}),n?r.createElement(Xe,null):r.createElement("div",null),e.map((({title:e,active:t,style:n})=>r.createElement("div",{key:e,title:e,"data-ch-tab":i,"data-active":t,className:"ch-editor-tab",style:n,onClick:s&&(()=>s(e))},r.createElement(Ge,{title:e})))),r.createElement("div",{style:{flex:1,minWidth:"0.8em"}}),t)}function Ge({title:e}){if(!e)return r.createElement("div",null);const t=e.lastIndexOf("/")+1,n=e.substring(t),o=e.substring(0,t);return r.createElement("div",null,r.createElement("span",{style:{opacity:.5}},o),n)}const Ke=r.createElement("span",{className:"ch-terminal-prompt"},"$");function Ye({text:e,progress:t=1,style:n}){const o=function(e,t){if(!e)return[];const n=Math.round(e.length*t),{commands:r}=function(e){const[,...t]=e.split(/^\$\s*/gm),n=t.map((e=>{const[t,...n]=e.split(/\r?\n/);return{run:t,output:n.length>0?n.join("\n"):null}})),r=n[n.length-1],o=n.length>0&&null!=r.output;return{title:o?r.run.split(/(\s+)/)[0]:"bash",isRunning:o,commands:n}}(e.slice(0,n));return r}(e,t);return r.createElement("pre",{style:n,className:"ch-terminal-content"},o.map((({run:e,output:t},n)=>r.createElement(r.Fragment,{key:n},r.createElement("div",null,Ke," ",r.createElement("span",null,e)),t&&r.createElement("div",{className:"ch-terminal-output"},t)))))}function Ve({prev:e="",prevKey:t,next:n="",nextKey:o,progress:i}){return r.createElement("div",{className:"ch-terminal"},r.createElement("div",{style:{position:"relative",transform:`translateY(-${100*i}%)`}},r.createElement(Ye,{text:e,progress:1,key:t}),r.createElement(Ye,{style:{position:"absolute"},text:n,progress:i,key:o})))}function Je({steps:e,progress:t}){const n=e.map((e=>e.text)),o=t%1,i=(s=Math.floor(t),a=0,l=e.length-1,Math.min(Math.max(s,a),l));var s,a,l;const c=i+1;return r.createElement(Ve,{prev:n[i],prevKey:i,next:n[c]||"",nextKey:c,progress:o})}function Qe({prev:e,next:t,t:n,backward:o}){const i=function({prev:e,next:t,t:n,backward:r}){return e||t?!e&&t?et*Math.min(4*n,1):e&&!t?et*Math.max(1-4*n,0):et:0}({prev:e,next:t,t:n,backward:o});return i?r.createElement("div",{className:"ch-editor-terminal",style:{height:i}},r.createElement("div",{className:"ch-editor-terminal-tab"},r.createElement("span",null,"Terminal")),r.createElement("div",{className:"ch-editor-terminal-content"},r.createElement(Je,{steps:[{text:e||""},{text:t||""}],progress:n}),")")):null}const et=150;function tt(e){return Array.isArray(e.rows)?Object.assign(Object.assign({},e),{rows:e.rows[0]}):e}function nt(e){return Array.isArray(e.rows)?Object.assign(Object.assign({},e),{rows:e.rows[1]}):e}function rt(e,t,n,o,i,s){const{prevSnapshot:a,nextSnapshot:l}=function(e,t,n){const[{prevSnapshot:o,nextSnapshot:i},s]=r.useState({prevSnapshot:null,nextSnapshot:null});return dt((()=>{(o||i)&&s({prevSnapshot:null,nextSnapshot:null})}),[t,n]),dt((()=>{if(o){if(!i){const t=e.current;s((e=>Object.assign(Object.assign({},e),{nextSnapshot:Object.assign(Object.assign({},ht(t,n)),ft(t,n))})))}}else{const n=e.current;s((e=>Object.assign(Object.assign({},e),{prevSnapshot:Object.assign(Object.assign({},ht(n,t)),ft(n,t))})))}})),{prevSnapshot:o,nextSnapshot:i}}(e,t,n);if(!a)return function(e,t,n){const o=e.northPanel,i=e.southPanel,{prevNorthFile:s,prevSouthFile:a,nextNorthFile:l,nextSouthFile:c}=at(e,t,!0);return{northContent:st(s),northPanel:{tabs:o.tabs.map((e=>({title:e,active:e===o.active,style:{}}))),style:{flexGrow:1,overflow:"hidden"},children:r.createElement(it,{codeConfig:tt(n),prevFile:s,nextFile:s,t:0,parentHeight:"0"})},southContent:st(a),southPanel:i&&{tabs:i.tabs.map((e=>({title:e,active:e===i.active,style:{}}))),style:{flexGrow:1,overflow:"hidden"},children:r.createElement(it,{codeConfig:nt(n),prevFile:a,nextFile:a,t:0,parentHeight:"0"})}}}(t,n,s);if(!l)return ot(t,n,s);if(1===o)return ot(t,n,s);const c=t.southPanel||n.southPanel,{prevNorthFile:u,prevSouthFile:d,nextNorthFile:h,nextSouthFile:f}=at(t,n,0==o||i),{northStyle:p,southStyle:m}=function(e,t,n){if(null===e.southHeight&&null===t.southHeight)return{northStyle:{minHeight:e.northHeight}};if(null!==e.southHeight&&null===t.southHeight&&t.northKey!==e.southKey)return{northStyle:{minHeight:lt(e.northHeight,t.northHeight,n)},southStyle:{minHeight:e.southHeight}};if(null!==e.southHeight&&null===t.southHeight&&e.southKey===t.northKey)return{northStyle:{minHeight:e.northHeight},southStyle:{position:"relative",minHeight:lt(e.southHeight,t.northHeight,n),transform:`translateY(${lt(0,-(e.northHeight+e.titleBarHeight),n)}px)`}};if(null===e.southHeight&&null!==t.southHeight&&e.northKey!==t.southKey)return{northStyle:{minHeight:lt(e.northHeight,t.northHeight,n)},southStyle:{position:"relative",minHeight:t.southHeight}};if(null===e.southHeight&&null!==t.southHeight&&e.northKey===t.southKey)return{northStyle:{minHeight:t.northHeight},southStyle:{position:"relative",minHeight:lt(e.northHeight,t.southHeight,n),transform:`translateY(${lt(-(t.northHeight+t.titleBarHeight),0,n)}px)`}};return{northStyle:{minHeight:lt(e.northHeight,t.northHeight,n)},southStyle:{minHeight:lt(e.southHeight,t.southHeight,n)}}}(a,l,o),{northTabs:v,southTabs:g}=function(e,t,n,r,o){if(!e.southTabs&&ut(r,e.northTabs))return{northTabs:ct(t.northTabs,t.southTabs,e.southTabs,e.northTabs,n,o),southTabs:ct(t.southTabs,t.northTabs,e.northTabs,e.southTabs,r,o)};if(!t.southTabs&&ut(r,t.northTabs))return{northTabs:ct(t.southTabs,t.northTabs,e.northTabs,e.southTabs,n,o),southTabs:ct(t.northTabs,t.southTabs,e.southTabs,e.northTabs,r,o)};return{northTabs:ct(t.northTabs,t.southTabs,e.northTabs,e.southTabs,n,o),southTabs:ct(t.southTabs,t.northTabs,e.southTabs,e.northTabs,r,o)}}(a,l,u.name,null==d?void 0:d.name,o);return{northContent:st(h),northPanel:{tabs:v,style:p,children:r.createElement(it,{codeConfig:tt(s),prevFile:u,nextFile:h,t:o,parentHeight:p.height||p.minHeight})},southContent:st(f),southPanel:c&&{tabs:g,style:m,children:r.createElement(it,{codeConfig:nt(s),prevFile:d,nextFile:f,t:o,parentHeight:(null==m?void 0:m.height)||(null==m?void 0:m.minHeight)})}}}function ot(e,t,n){var o;const i=t.northPanel,s=t.southPanel;let{prevNorthFile:a,prevSouthFile:l,nextNorthFile:c,nextSouthFile:u}=at(e,t,!1);return!s&&i.active===(null===(o=null==e?void 0:e.southPanel)||void 0===o?void 0:o.active)&&(c=u),{northContent:st(c),northPanel:{tabs:i.tabs.map((e=>({title:e,active:e===i.active,style:{}}))),style:{flexGrow:1,overflow:"hidden"},children:r.createElement(it,{codeConfig:tt(n),prevFile:c,nextFile:c,t:1,parentHeight:"1"})},southContent:st(u),southPanel:s&&{tabs:s.tabs.map((e=>({title:e,active:e===s.active,style:{}}))),style:{flexGrow:1,overflow:"hidden"},children:r.createElement(it,{codeConfig:nt(n),prevFile:u,nextFile:u,t:1,parentHeight:"1"})}}}function it({prevFile:e,nextFile:t,t:n,codeConfig:o,parentHeight:i}){var s;const a=Object.assign(Object.assign({},null==o?void 0:o.htmlProps),{style:Object.assign({height:"100%"},null===(s=null==o?void 0:o.htmlProps)||void 0===s?void 0:s.style)});return r.createElement(we,Object.assign({progress:n,tween:{prev:e,next:t},config:Object.assign(Object.assign({},o),{parentHeight:i})},a))}function st(e){return e?v(e.code):""}function at(e,t,n){var r,o;const i=e.northPanel.active,s=t.northPanel.active,a=null===(r=e.southPanel)||void 0===r?void 0:r.active,l=null===(o=t.southPanel)||void 0===o?void 0:o.active,c=e.files.find((e=>e.name===i)),u=t.files.find((e=>e.name===s)),d=a?e.files.find((e=>e.name===a)):null,h=l?t.files.find((e=>e.name===l)):null;if(!a&&i===l)return{prevNorthFile:u,nextNorthFile:u,prevSouthFile:c,nextSouthFile:h};if(!l&&s===a)return{prevNorthFile:c,nextNorthFile:c,prevSouthFile:d,nextSouthFile:u};return{prevNorthFile:i===s||n?c:u,nextNorthFile:i===s?u:n?c:u,prevSouthFile:a===l?d:n?d||h:h||d,nextSouthFile:a===l?h:n?d||h:h||d}}function lt(e,t,n){return e+(t-e)*n}function ct(e,t,n,r,o,i){const s=e?Object.keys(e).filter((e=>ut(e,n)||!n)).map((t=>{const r=n&&n[t],s=e[t],a=r?r.left+(s.left-r.left)*i:s.left,l=r?r.width+(s.width-r.width)*i:s.width;return{active:t===o,title:t,style:{position:"absolute",transform:`translateX(${a}px)`,width:l}}})):[],a=e?Object.keys(e).filter((e=>n&&!ut(e,n))).map((t=>{const n=e[t];return{active:t===o,title:t,style:{position:"absolute",transform:`translateX(${n.left}px)`,opacity:i,width:n.width}}})):[];!e||Object.keys(e).filter((e=>ut(e,r))).map((t=>{const n=r[t],i=e[t].left-n.left;return{active:t===o,title:t,style:{position:"absolute",transform:`translateX(${i}px)`}}}));return[...a,...s,...n?Object.keys(n).filter((t=>!ut(t,e))).map((e=>{const t=n[e];return{active:e===o,title:e,style:{position:"absolute",opacity:1-i,transform:`translateX(${t.left}px)`,width:t.width}}})):[]]}function ut(e,t){return t&&e&&e in t}const dt="undefined"!=typeof window?r.useLayoutEffect:r.useEffect;function ht(e,t){var n;const r=e.querySelector("[data-ch-panel='north']"),o=e.querySelector("[data-ch-panel='south']");return{titleBarHeight:e.querySelector(".ch-frame-title-bar").getBoundingClientRect().height,northHeight:r.getBoundingClientRect().height,northKey:t.northPanel.active,southHeight:(null==o?void 0:o.getBoundingClientRect().height)||null,southKey:null===(n=t.southPanel)||void 0===n?void 0:n.active}}function ft(e,t){var n;const r=Array.from(e.querySelectorAll("[data-ch-tab='north']")),o=Array.from(e.querySelectorAll("[data-ch-tab='south']"));return{northTabs:pt(r,t.northPanel.active),southTabs:pt(o,null===(n=t.southPanel)||void 0===n?void 0:n.active)}}function pt(e,t){if(!e[0])return null;const n=e[0].parentElement.getBoundingClientRect().left,r={};return e.forEach((e=>{const o=e.getAttribute("title"),i=e.getBoundingClientRect();r[o]={left:i.left-n,width:i.width,active:o===t}})),r}function mt({files:e,startingFileName:t}){const[n,o]=r.useState((()=>e.find((e=>e.name===t))));return r.createElement("div",{className:"ch-code-browser"},r.createElement(vt,{files:e,activeFile:n,setActiveFile:o}),r.createElement(yt,{file:n}))}function vt({files:e,activeFile:t,setActiveFile:n}){const o=r.useMemo((()=>function(e){let t=[];for(const n of e){const e=n.name.split("/");let r=t;for(let t=0;te.name===o));if(-1===s){const e={name:o,children:[],codeFile:void 0};i&&(e.codeFile=n),r.push(e),r=e.children}else r=r[s].children}}return t=xt(t),t}(e)),[e]);return r.createElement("div",{className:"ch-code-browser-sidebar"},r.createElement(gt,{tree:o,activeFile:t,setActiveFile:n}))}function gt({tree:e,activeFile:t,setActiveFile:n,level:o=0}){return r.createElement(r.Fragment,null,e.map((e=>r.createElement(bt,{key:e.name,node:e,activeFile:t,setActiveFile:n,level:o}))))}function bt({node:e,activeFile:t,setActiveFile:n,level:o}){const i=e.children&&e.children.length>0,s=e.codeFile===t;return i?r.createElement("div",null,r.createElement("div",{className:"ch-code-browser-sidebar-folder"},r.createElement("div",{style:{paddingLeft:1.5*o+"ch"}},e.name)),r.createElement(gt,{tree:e.children,activeFile:t,setActiveFile:n,level:o+1})):r.createElement("div",null,r.createElement("div",{className:"ch-code-browser-sidebar-file","data-selected":s,onClick:()=>n(e.codeFile)},r.createElement("div",{style:{paddingLeft:1.5*o+"ch"}},e.name)))}function yt({file:e}){return r.createElement("div",{className:"ch-code-browser-content"},r.createElement(ye,{className:"ch-code-browser-button",content:v(e.code)}),e.code.lines.map(((e,t)=>r.createElement("div",{key:t},e.tokens.map(((e,t)=>r.createElement("span",Object.assign({key:t},e.props),e.content))),r.createElement("br",null)))))}function xt(e){for(const t of e)t.children=xt(t.children);return e.sort(((e,t)=>{const n=e.children&&e.children.length>0,r=t.children&&t.children.length>0;return n&&r||!n&&!r?e.name.localeCompare(t.name):n?-1:1}))}function wt({style:e,step:t,className:n}){const[o,i]=r.useState(!1),[s,a]=r.useState(!0),l=r.useRef(null),c=t.files;return r.useEffect((()=>{l.current&&!l.current.showModal&&a(!1)}),[]),s?r.createElement(r.Fragment,null,r.createElement(Et,{className:n,style:e,onClick:()=>{l.current.showModal(),document.body.classList.add("ch-no-scroll"),i(!0)}}),r.createElement("dialog",{ref:l,className:"ch-expand-dialog",onClose:()=>{i(!1)},onClick:e=>{e.currentTarget===e.target&&(l.current.close(),document.body.classList.remove("ch-no-scroll"))}},r.createElement(jt,{onClick:()=>{l.current.close(),document.body.classList.remove("ch-no-scroll")}}),o?r.createElement("div",{className:"ch-expand-dialog-content"},r.createElement(mt,{files:c,startingFileName:t.northPanel.active})):void 0)):null}function Et({onClick:e,style:t,className:n}){return r.createElement("button",{type:"button",title:"Expand",style:t,onClick:e,className:n},r.createElement("svg",{fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4"})))}function jt({onClick:e}){return r.createElement("button",{onClick:e,className:"ch-expand-close",type:"button",title:"Close"},r.createElement("svg",{fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})))}const Ct={files:[{code:{lines:[],lang:"js"},focus:"",name:""}],northPanel:{active:"",tabs:[""],heightRatio:1}};function Ot(e){var{prev:t=Ct,next:n,t:o,backward:i,codeConfig:a,frameProps:l={}}=e,c=s(e,["prev","next","t","backward","codeConfig","frameProps"]);const u=r.createRef(),{showCopyButton:d,showExpandButton:h}=a,f=s(a,["showCopyButton","showExpandButton"]),{northPanel:p,southPanel:m,northContent:v,southContent:g}=rt(u,t,n||t,o,i,f),[b,y]=r.useState(void 0);k((()=>{var e;const t=null===(e=u.current)||void 0===e?void 0:e.getBoundingClientRect().height;y(t)}),[]);const x=Object.assign(Object.assign(Object.assign({},l),c),{style:Object.assign(Object.assign({},null==l?void 0:l.style),null==c?void 0:c.style)});b&&(x.style.height=b,x.style.maxHeight=b);const w=r.createElement(r.Fragment,null,d?r.createElement(ye,{className:"ch-editor-button",content:v}):void 0,h?r.createElement(wt,{className:"ch-editor-button",step:n||t}):void 0),E=d?r.createElement(ye,{className:"ch-editor-button",content:g}):void 0,j=r.createElement(Qe,{prev:t.terminal,next:(n||t).terminal,t:o,backward:i});return r.createElement(De,Object.assign({ref:u},x,{northPanel:p,southPanel:m,terminalPanel:j,northButton:w,southButton:E}))}const Nt={stiffness:120,damping:24,mass:.2,decimals:3};function kt(e){var{northPanel:t,southPanel:n,files:o,terminal:i,springConfig:a}=e,l=s(e,["northPanel","southPanel","files","terminal","springConfig"]);const c=r.useMemo((()=>({northPanel:t,southPanel:n,files:o,terminal:i})),[t,n,o,i]),{prev:u,next:d,t:h}=function(e,t=Nt){const[{target:n,steps:o,index:i},s]=r.useState({target:2,steps:[e,e,e],index:0});r.useEffect((()=>{o[o.length-1]!=e&&s((t=>function(e,t,n){const{steps:r,target:o,index:i}=e,s=r.slice(),a=n-i;return a<1?(s[2]=t,Object.assign(Object.assign({},e),{steps:s})):(s[0]=r[1],s[1]=r[2],s[2]=t,Object.assign(Object.assign({},e),{steps:s,target:o+1,index:i+1}))}(t,e,a)))}),[e]);const[a]=Ae(n,t),l=a-i;return l<=1?{prev:o[0],next:o[1],t:l}:{prev:o[1],next:o[2],t:l-1}}(c,a);return r.createElement(Ot,Object.assign({t:h,backward:!1,prev:u,next:d},l))}function St(e){const[t,n]=r.useState(e);return r.createElement(_t,Object.assign({},t,{onTabClick:function(e){const r=Ft(t,e,null);n(Object.assign(Object.assign({},t),r))}}))}function _t(e){var t,n,{onTabClick:o}=e,i=s(e,["onTabClick"]);const a=function(e){var t,n,r,o,i,a,l,c,u;const{lineNumbers:d,showCopyButton:h,showExpandButton:f,minZoom:p,maxZoom:m}=e,v=s(e,["lineNumbers","showCopyButton","showExpandButton","minZoom","maxZoom"]),g=Object.assign(Object.assign({},e.codeConfig),{maxZoom:null==m?null===(t=e.codeConfig)||void 0===t?void 0:t.maxZoom:m,minZoom:null==p?null===(n=e.codeConfig)||void 0===n?void 0:n.minZoom:p,horizontalCenter:null!==(o=null===(r=e.codeConfig)||void 0===r?void 0:r.horizontalCenter)&&void 0!==o?o:e.horizontalCenter,lineNumbers:null==d?null===(i=e.codeConfig)||void 0===i?void 0:i.lineNumbers:d,showCopyButton:null==h?null===(a=e.codeConfig)||void 0===a?void 0:a.showCopyButton:h,showExpandButton:null==f?null===(l=e.codeConfig)||void 0===l?void 0:l.showExpandButton:f,rows:e.rows,debug:null!==(c=e.debug)&&void 0!==c?c:null===(u=e.codeConfig)||void 0===u?void 0:u.debug});return Object.assign(Object.assign({},v),{codeConfig:g})}(i),{className:l,style:c,codeConfig:u}=a,d=s(a,["className","style","codeConfig"]);if(i.southPanel||1!==i.files.length||i.files[0].name){const e=Object.assign(Object.assign({},null==d?void 0:d.frameProps),{onTabClick:o});return r.createElement("div",{className:`ch-codegroup not-prose ${l||""}`,"data-ch-theme":null===(n=i.codeConfig)||void 0===n?void 0:n.themeName,style:c},r.createElement(kt,Object.assign({},d,{frameProps:e,codeConfig:u})))}return r.createElement("div",{className:`ch-codeblock not-prose ${l||""}`,"data-ch-theme":null===(t=i.codeConfig)||void 0===t?void 0:t.themeName,style:c},r.createElement(Re,{className:"ch-code",config:u,step:d.files[0]}))}function Ft(e,t,n){const r=t||e.northPanel.active,o=e.files.map((e=>e.name===r?Object.assign(Object.assign({},e),{focus:null===n?e.focus:n}):e));let i=Object.assign({},e.northPanel),s=e.southPanel&&Object.assign({},e.southPanel);return e.northPanel.tabs.includes(r)?i.active=r:s&&(s.active=r),{files:o,northPanel:i,southPanel:s}}r.createContext({props:null,setFocus:()=>{}});function Pt({focus:e,file:t,children:n,id:o}){const{activate:i,reset:s,activatedId:a}=r.useContext(Lt),l=a===o;return r.createElement("span",{className:"ch-section-link","data-active":l,children:n,onMouseOver:()=>i({fileName:t,focus:e,id:o}),onMouseOut:s})}const Lt=r.createContext({activatedId:void 0,activate:()=>{},reset:()=>{}});function Mt({onActivation:e,onReset:t,children:n}){const[o,i]=r.useState(void 0),s=r.useCallback((t=>{i(t.id),e(t)}),[e]),a=r.useCallback((()=>{i(void 0),t()}),[t]);return r.createElement(Lt.Provider,{value:{activate:s,reset:a,activatedId:o}},n)}function It(){return r.createElement("svg",{fill:"currentColor",preserveAspectRatio:"xMidYMid meet",height:"1em",viewBox:"13 10 14 23",className:"ch-browser-button ch-browser-back-button"},r.createElement("g",null,r.createElement("path",{d:"m26.5 12.1q0 0.3-0.2 0.6l-8.8 8.7 8.8 8.8q0.2 0.2 0.2 0.5t-0.2 0.5l-1.1 1.1q-0.3 0.3-0.6 0.3t-0.5-0.3l-10.4-10.4q-0.2-0.2-0.2-0.5t0.2-0.5l10.4-10.4q0.3-0.2 0.5-0.2t0.6 0.2l1.1 1.1q0.2 0.2 0.2 0.5z"})))}function $t(){return r.createElement("svg",{fill:"currentColor",preserveAspectRatio:"xMidYMid meet",height:"1em",viewBox:"13 10 14 23",className:"ch-browser-button ch-browser-forward-button"},r.createElement("g",null,r.createElement("path",{d:"m26.3 21.4q0 0.3-0.2 0.5l-10.4 10.4q-0.3 0.3-0.6 0.3t-0.5-0.3l-1.1-1.1q-0.2-0.2-0.2-0.5t0.2-0.5l8.8-8.8-8.8-8.7q-0.2-0.3-0.2-0.6t0.2-0.5l1.1-1.1q0.3-0.2 0.5-0.2t0.6 0.2l10.4 10.4q0.2 0.2 0.2 0.5z"})))}function Ht({href:e}){return r.createElement("a",{className:"ch-browser-button ch-browser-open-button",title:"Open in new tab",href:e,target:"_blank",rel:"noopener noreferrer"},r.createElement("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"3 3 18 18",height:"1em",width:"1em",className:"ch-browser-open-icon",xmlns:"http://www.w3.org/2000/svg"},r.createElement("path",{d:"M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"})))}function Tt({url:e,linkUrl:t}){return r.createElement(r.Fragment,null,r.createElement(Xe,null),r.createElement(It,null),r.createElement($t,null),r.createElement("input",{value:e||"",readOnly:!0}),r.createElement(Ht,{href:t}))}function zt(e){return r.useMemo((()=>e?e.map((e=>{const{displayUrl:t,loadUrl:n}=function(e,t,n){const r="undefined"!=typeof window?window.origin:"",o=e&&!0===n?r+e:e;return{displayUrl:o,loadUrl:t||o}}(e.url,e.loadUrl,e.prependOrigin);return{zoom:e.zoom||1,displayUrl:t,loadUrl:n,children:e.children}})):[{zoom:1}]),[e])}const At=r.forwardRef((function(e,t){var{progress:n=0,backward:o=!1,steps:i,transition:a="none"}=e,l=s(e,["progress","backward","steps","transition"]);const c=zt(i),u=Math.round(n),{zoom:d,displayUrl:h,loadUrl:f,children:p}=c[u];return r.createElement(qe,Object.assign({},l,{zoom:d,className:`ch-mini-browser ${l.className||""}`,style:Object.assign(Object.assign({},Wt({progress:n,transition:a})),l.style),titleBar:r.createElement(Tt,{url:h,linkUrl:f})}),p||r.createElement("iframe",{ref:t,src:f}))}));function Wt({progress:e,transition:t}){if("slide"===t){const t=50,n=e-Math.floor(e),r=n<=.5?-t*n:t-t*n,o=2*Math.abs(n-.5);return{transform:`translateX(${r}px)`,opacity:o*o}}return{}}function Bt(e){var{url:t,loadUrl:n,prependOrigin:o,children:i,zoom:a}=e,l=s(e,["url","loadUrl","prependOrigin","children","zoom"]);const[c,u]=function({url:e,loadUrl:t,prependOrigin:n,children:o,zoom:i}){const[s,a]=r.useState({target:0,steps:[{url:e,loadUrl:t,prependOrigin:n,children:o,zoom:i}]});r.useEffect((()=>{const r=s.steps[s.steps.length-1];r.url===e&&r.loadUrl===t&&r.prependOrigin===n&&r.children===o||a((r=>({target:r.target+1,steps:[...r.steps,{url:e,loadUrl:t,prependOrigin:n,children:o,zoom:i}]})))}),[e,t,n,o,i]);const[l]=Ae(s.target,{stiffness:100,decimals:3});return[s.steps,l]}({url:t,loadUrl:n,prependOrigin:o,children:i,zoom:a});return r.createElement(At,Object.assign({},l,{steps:c,progress:u}))}var Rt="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},qt={};Object.defineProperty(qt,"__esModule",{value:!0}),qt.getMainFile=function(e){return"vue-cli"===e?"src/main.js":"angular-cli"===e?"src/main.ts":"create-react-app-typescript"===e?"src/index.tsx":"parcel"===e?"index.html":"gatsby"===e?"src/pages/index.js":"nuxt"===e||"next"===e||"apollo"===e||"reason"===e||"sapper"===e?"package.json":"nest"===e?"src/main.ts":"static"===e?"index.html":"src/index.js"};var Ut="sandbox.config.json";var Xt=qt.getTemplate=function(e,t){var n=t[Ut]||t["/"+Ut];if(n)try{var r=JSON.parse(n.content);if(r.template)return r.template}catch(f){}var o=e.dependencies,i=void 0===o?{}:o,s=e.devDependencies,a=void 0===s?{}:s,l=Object.keys(i).concat(Object.keys(a)),c=["nuxt","nuxt-edge"];if(l.some((function(e){return c.indexOf(e)>-1})))return"nuxt";if(l.indexOf("next")>-1)return"next";var u=["apollo-server","apollo-server-express","apollo-server-hapi","apollo-server-koa","apollo-server-lambda","apollo-server-micro"];if(l.some((function(e){return u.indexOf(e)>-1})))return"apollo";if(l.indexOf("ember-cli")>-1)return"ember";if(l.indexOf("sapper")>-1)return"sapper";var d=Object.keys(t);if(d.some((function(e){return e.endsWith(".vue")})))return"vue-cli";if(d.some((function(e){return e.endsWith(".re")})))return"reason";if(l.indexOf("gatsby")>-1)return"gatsby";if(l.indexOf("parcel-bundler")>-1)return"parcel";if(l.indexOf("react-scripts")>-1)return"create-react-app";if(l.indexOf("react-scripts-ts")>-1)return"create-react-app-typescript";if(l.indexOf("@angular/core")>-1)return"angular-cli";if(l.indexOf("preact-cli")>-1)return"preact-cli";if(l.indexOf("svelte")>-1)return"svelte";if(l.indexOf("vue")>-1)return"vue-cli";var h=["@dojo/core","@dojo/framework"];return l.some((function(e){return h.indexOf(e)>-1}))?"@dojo/cli-create-app":l.indexOf("cx")>-1?"cxjs":l.indexOf("@nestjs/core")>-1||l.indexOf("@nestjs/common")>-1?"nest":void 0},Dt={exports:{}};!function(e,t){var n="__lodash_hash_undefined__",r=1,o=2,i=9007199254740991,s="[object Arguments]",a="[object Array]",l="[object AsyncFunction]",c="[object Boolean]",u="[object Date]",d="[object Error]",h="[object Function]",f="[object GeneratorFunction]",p="[object Map]",m="[object Number]",v="[object Null]",g="[object Object]",b="[object Promise]",y="[object Proxy]",x="[object RegExp]",w="[object Set]",E="[object String]",j="[object Symbol]",C="[object Undefined]",O="[object WeakMap]",N="[object ArrayBuffer]",k="[object DataView]",S=/^\[object .+?Constructor\]$/,_=/^(?:0|[1-9]\d*)$/,F={};F["[object Float32Array]"]=F["[object Float64Array]"]=F["[object Int8Array]"]=F["[object Int16Array]"]=F["[object Int32Array]"]=F["[object Uint8Array]"]=F["[object Uint8ClampedArray]"]=F["[object Uint16Array]"]=F["[object Uint32Array]"]=!0,F[s]=F[a]=F[N]=F[c]=F[k]=F[u]=F[d]=F[h]=F[p]=F[m]=F[g]=F[x]=F[w]=F[E]=F[O]=!1;var P="object"==typeof Rt&&Rt&&Rt.Object===Object&&Rt,L="object"==typeof self&&self&&self.Object===Object&&self,M=P||L||Function("return this")(),I=t&&!t.nodeType&&t,$=I&&e&&!e.nodeType&&e,H=$&&$.exports===I,T=H&&P.process,z=function(){try{return T&&T.binding&&T.binding("util")}catch(e){}}(),A=z&&z.isTypedArray;function W(e,t){for(var n=-1,r=null==e?0:e.length;++nc))return!1;var d=a.get(e);if(d&&a.get(t))return d==t;var h=-1,f=!0,p=n&o?new Ne:void 0;for(a.set(e,t),a.set(t,e);++h-1},Ce.prototype.set=function(e,t){var n=this.__data__,r=_e(n,e);return r<0?(++this.size,n.push([e,t])):n[r][1]=t,this},Oe.prototype.clear=function(){this.size=0,this.__data__={hash:new je,map:new(de||Ce),string:new je}},Oe.prototype.delete=function(e){var t=Te(this,e).delete(e);return this.size-=t?1:0,t},Oe.prototype.get=function(e){return Te(this,e).get(e)},Oe.prototype.has=function(e){return Te(this,e).has(e)},Oe.prototype.set=function(e,t){var n=Te(this,e),r=n.size;return n.set(e,t),this.size+=n.size==r?0:1,this},Ne.prototype.add=Ne.prototype.push=function(e){return this.__data__.set(e,n),this},Ne.prototype.has=function(e){return this.__data__.has(e)},ke.prototype.clear=function(){this.__data__=new Ce,this.size=0},ke.prototype.delete=function(e){var t=this.__data__,n=t.delete(e);return this.size=t.size,n},ke.prototype.get=function(e){return this.__data__.get(e)},ke.prototype.has=function(e){return this.__data__.has(e)},ke.prototype.set=function(e,t){var n=this.__data__;if(n instanceof Ce){var r=n.__data__;if(!de||r.length<199)return r.push([e,t]),this.size=++n.size,this;n=this.__data__=new Oe(r)}return n.set(e,t),this.size=n.size,this};var Ae=ae?function(e){return null==e?[]:(e=Object(e),function(e,t){for(var n=-1,r=null==e?0:e.length,o=0,i=[];++n-1&&e%1==0&&e-1&&e%1==0&&e<=i}function Ke(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}function Ye(e){return null!=e&&"object"==typeof e}var Ve=A?function(e){return function(t){return e(t)}}(A):function(e){return Ye(e)&&Ge(e.length)&&!!F[Fe(e)]};function Je(e){return null!=(t=e)&&Ge(t.length)&&!Ze(t)?Se(e):Ie(e);var t}e.exports=function(e,t){return Le(e,t)}}(Dt,Dt.exports);var Zt=Dt.exports,Gt=()=>Math.floor(1e6*Math.random()+1e6*Math.random()),Kt=class{constructor(e,t,n){this.type=e,this.handleMessage=t,this.target=n,this.outgoingMessages=new Set,this._messageListener=async e=>{var t;const{data:n}=e;if(n.$type!==this.getTypeId())return;if(this.outgoingMessages.has(n.$id))return;let r={$originId:this.internalId,$type:this.getTypeId(),$id:n.$id};try{const e=await this.handleMessage(n.$data);r.$data=e}catch(o){o.message||i.error(o),r.$error={message:null!=(t=o.message)?t:"Unknown error"}}e.source?e.source.postMessage(r,"*"):this._postMessage(r)},this.createConnection(),this.internalId=Gt(),this.isWorker="Worker"===(e=>{try{return e.constructor.name}catch(t){return""}})(n)}getTypeId(){return`p-${this.type}`}createConnection(){self.addEventListener("message",this._messageListener)}dispose(){self.removeEventListener("message",this._messageListener)}sendMessage(e){return new Promise((t=>{const n=Gt(),r={$originId:this.internalId,$type:this.getTypeId(),$data:e,$id:n};this.outgoingMessages.add(n);const o=e=>{const{data:r}=e;r.$type===this.getTypeId()&&r.$id===n&&r.$originId!==this.internalId&&(t(r.$data),self.removeEventListener("message",o))};self.addEventListener("message",o),this._postMessage(r)}))}_postMessage(e){this.isWorker||"undefined"!=typeof DedicatedWorkerGlobalScope&&this.target instanceof DedicatedWorkerGlobalScope?this.target.postMessage(e):this.target.postMessage(e,"*")}},Yt=class{constructor(e,t){this.globalListeners={},this.globalListenersCount=0,this.channelListeners={},this.channelListenersCount=0,this.channelId=Math.floor(1e6*Math.random()),this.frameWindow=e.contentWindow,this.origin=t,this.globalListeners=[],this.channelListeners=[],this.eventListener=this.eventListener.bind(this),"undefined"!=typeof window&&window.addEventListener("message",this.eventListener)}cleanup(){window.removeEventListener("message",this.eventListener),this.globalListeners={},this.channelListeners={},this.globalListenersCount=0,this.channelListenersCount=0}register(){this.frameWindow&&this.frameWindow.postMessage({type:"register-frame",origin:document.location.origin,id:this.channelId},this.origin)}dispatch(e){this.frameWindow&&this.frameWindow.postMessage({$id:this.channelId,codesandbox:!0,...e},this.origin)}globalListen(e){if("function"!=typeof e)return()=>{};const t=this.globalListenersCount;return this.globalListeners[t]=e,this.globalListenersCount++,()=>{delete this.globalListeners[t]}}channelListen(e){if("function"!=typeof e)return()=>{};const t=this.channelListenersCount;return this.channelListeners[t]=e,this.channelListenersCount++,()=>{delete this.channelListeners[t]}}eventListener(e){if(e.source!==this.frameWindow)return;const t=e.data;t.codesandbox&&(Object.values(this.globalListeners).forEach((e=>e(t))),t.$id===this.channelId&&Object.values(this.channelListeners).forEach((e=>e(t))))}};function Vt(e={},t={},n="/index.js"){return JSON.stringify({name:"sandpack-project",main:n,dependencies:e,devDependencies:t},null,2)}function Jt(e){if("SyntaxError"===e.title){const{title:t,path:n,message:r,line:o,column:i}=e;return{title:t,path:n,message:r,line:o,column:i}}const t=function(e){if(!e)return;return e.find((e=>!!e._originalFileName))}(e.payload.frames);if(!t)return{message:e.message};const n=function(e){const t=e._originalScriptCode[e._originalScriptCode.length-1].lineNumber.toString().length,n=2+t+3+e._originalColumnNumber;return e._originalScriptCode.reduce(((e,r)=>{const o=r.highlight?">":" ",i=r.lineNumber.toString().length===t?`${r.lineNumber}`:` ${r.lineNumber}`,s=r.highlight?"\n"+" ".repeat(n)+"^":"";return e+"\n"+o+" "+i+" | "+r.content+s}),"")}(t),r=(o=t)?` (${o._originalLineNumber}:${o._originalColumnNumber})`:"";var o;const i=function(e,t,n,r){return`${e}: ${t}${n}\n${r}`}(t._originalFileName,e.message,r,n);return{message:i,title:e.title,path:t._originalFileName,line:t._originalLineNumber,column:t._originalColumnNumber}}var Qt,en,tn=`https://${"0.19.0".replace(/\./g,"-")}-sandpack.codesandbox.io/`,nn=class{constructor(e,t,n={}){var r;if(this.getTranspilerContext=()=>new Promise((e=>{const t=this.listen((n=>{"transpiler-context"===n.type&&(e(n.data),t())}));this.dispatch({type:"get-transpiler-context"})})),this.options=n,this.sandboxInfo=t,this.bundlerURL=n.bundlerURL||tn,this.bundlerState=void 0,this.errors=[],this.status="initializing","string"==typeof e){this.selector=e;const t=document.querySelector(e);if(!t)throw new Error(`No element found for selector '${e}'`);this.element=t,this.iframe=document.createElement("iframe"),this.initializeElement()}else this.element=e,this.iframe=e;this.iframe.getAttribute("sandbox")||this.iframe.setAttribute("sandbox","allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts");const o=n.startRoute?new URL(n.startRoute,this.bundlerURL).toString():this.bundlerURL;null==(r=this.iframe.contentWindow)||r.location.replace(o),this.iframeProtocol=new Yt(this.iframe,this.bundlerURL),this.unsubscribeGlobalListener=this.iframeProtocol.globalListen((e=>{"initialized"===e.type&&this.iframe.contentWindow&&(this.iframeProtocol.register(),this.options.fileResolver&&(this.fileResolverProtocol=new Kt("file-resolver",(async e=>"isFile"===e.m?this.options.fileResolver.isFile(e.p):this.options.fileResolver.readFile(e.p)),this.iframe.contentWindow)),this.updatePreview(this.sandboxInfo,!0))})),this.unsubscribeChannelListener=this.iframeProtocol.channelListen((e=>{switch(e.type){case"start":this.errors=[];break;case"status":this.status=e.status;break;case"action":"show-error"===e.action&&(this.errors=[...this.errors,Jt(e)]);break;case"state":this.bundlerState=e.state}}))}cleanup(){this.unsubscribeChannelListener(),this.unsubscribeGlobalListener(),this.iframeProtocol.cleanup()}updateOptions(e){Zt(this.options,e)||(this.options=e,this.updatePreview())}updatePreview(e=this.sandboxInfo,t){var n,r,o,s;this.sandboxInfo={...this.sandboxInfo,...e};const a=this.getFiles(),l=Object.keys(a).reduce(((e,t)=>({...e,[t]:{code:a[t].code,path:t}})),{});let c=JSON.parse(Vt(this.sandboxInfo.dependencies,this.sandboxInfo.devDependencies,this.sandboxInfo.entry));try{c=JSON.parse(a["/package.json"].code)}catch(d){i.error("Could not parse package.json file: "+d.message)}const u=Object.keys(a).reduce(((e,t)=>({...e,[t]:{content:a[t].code,path:t}})),{});this.dispatch({type:"compile",codesandbox:!0,version:3,isInitializationCompile:t,modules:l,reactDevTools:this.options.reactDevTools,externalResources:this.options.externalResources||[],hasFileResolver:Boolean(this.options.fileResolver),disableDependencyPreprocessing:this.sandboxInfo.disableDependencyPreprocessing,template:this.sandboxInfo.template||Xt(c,u),showOpenInCodeSandbox:null==(n=this.options.showOpenInCodeSandbox)||n,showErrorScreen:null==(r=this.options.showErrorScreen)||r,showLoadingScreen:null==(o=this.options.showLoadingScreen)||o,skipEval:this.options.skipEval||!1,clearConsoleDisabled:!this.options.clearConsoleOnFirstCompile,logLevel:null!=(s=this.options.logLevel)?s:Qt.Info})}dispatch(e){this.iframeProtocol.dispatch(e)}listen(e){return this.iframeProtocol.channelListen(e)}getCodeSandboxURL(){const e=this.getFiles(),t=Object.keys(e).reduce(((t,n)=>({...t,[n.replace("/","")]:{content:e[n].code,isBinary:!1}})),{});return fetch("https://codesandbox.io/api/v1/sandboxes/define?json=1",{method:"POST",body:JSON.stringify({files:t}),headers:{Accept:"application/json","Content-Type":"application/json"}}).then((e=>e.json())).then((e=>({sandboxId:e.sandbox_id,editorUrl:`https://codesandbox.io/s/${e.sandbox_id}`,embedUrl:`https://codesandbox.io/embed/${e.sandbox_id}`})))}getFiles(){const{sandboxInfo:e}=this;return void 0===e.files["/package.json"]?function(e,t,n,r){const o={...e};if(!o["/package.json"]){if(!t)throw new Error("No dependencies specified, please specify either a package.json or dependencies.");if(!r)throw new Error("Missing 'entry' parameter. Either specify an entry point, or pass in a package.json with the 'main' field set.");o["/package.json"]={code:Vt(t,n,r)}}return o}(e.files,e.dependencies,e.devDependencies,e.entry):this.sandboxInfo.files}initializeElement(){if(this.iframe.style.border="0",this.iframe.style.width=this.options.width||"100%",this.iframe.style.height=this.options.height||"100%",this.iframe.style.overflow="hidden",!this.element.parentNode)throw new Error("Given element does not have a parent.");this.element.parentNode.replaceChild(this.iframe,this.element)}};function rn(e){var{className:t,files:n,presetConfig:o,show:i,children:a,style:l,frameless:c,codeConfig:u}=e,d=s(e,["className","files","presetConfig","show","children","style","frameless","codeConfig"]);const h=o?r.createElement(on,{files:n,presetConfig:o}):a;return r.createElement("div",{className:"ch-preview"+(t?" "+t:""),style:l,"data-ch-theme":null==u?void 0:u.themeName},c?h:r.createElement(Bt,Object.assign({loadUrl:i},d,{children:h})))}function on({files:e,presetConfig:t}){const n=r.useRef(null),o=r.useRef(null);return r.useEffect((()=>{o.current=new nn(n.current,Object.assign(Object.assign({},t),{files:sn(t.files,e)}),{showOpenInCodeSandbox:!1})}),[]),r.useEffect((()=>{o.current&&o.current.updatePreview(Object.assign(Object.assign({},t),{files:sn(t.files,e)}))}),[e]),r.createElement("iframe",{ref:n})}function sn(e,t){const n=Object.assign({},e);return t.forEach((e=>{n["/"+e.name]={code:e.code.lines.map((e=>e.tokens.map((e=>e.content)).join(""))).join("\n")}})),n}function an(e,t){const n=r.Children.toArray(e);return{stepsChildren:t?n.slice(0,n.length/2):n,previewChildren:t?n.slice(n.length/2):void 0}}function ln(e){var t;const n=(null===(t=e.rootBounds)||void 0===t?void 0:t.height)||0;cn(e.rootBounds,{border:`${Math.min(10,n/2)}px solid ${un.rootColor}`,overflow:"hidden",boxSizing:"border-box"}),cn(e.boundingClientRect,{border:`${Math.min(10,e.boundingClientRect.height/2)}px solid ${e.isIntersecting?un.enterColor:un.exitColor}`,overflow:"hidden",boxSizing:"border-box"}),cn(e.intersectionRect,{backgroundColor:un.interColor,zIndex:2})}function cn(e,t={}){const{width:n,left:r,height:o,top:i}=e,s=document.createElement("div");return s.style.position="fixed",s.style.width=n+"px",s.style.left=r+"px",s.style.top=i+"px",s.style.height=o+"px",s.style.pointerEvents="none",s.style.transition="opacity 2s ease-in",Object.assign(s.style,t),requestAnimationFrame((()=>requestAnimationFrame((()=>{s.style.opacity="0"})))),s.addEventListener("transitionend",(()=>{document.body.removeChild(s)})),document.body.appendChild(s),s}(en=Qt||(Qt={}))[en.None=0]="None",en[en.Error=10]="Error",en[en.Warning=20]="Warning",en[en.Info=30]="Info",en[en.Debug=40]="Debug";const un={rootColor:"#9428AB",enterColor:"#B35C00",exitColor:"#035570",interColor:"#9CAF00BB"},dn="undefined"!=typeof window?r.useLayoutEffect:r.useEffect;const hn=r.createContext(void 0),fn="undefined"!=typeof window?r.useLayoutEffect:r.useEffect;function pn({onStepChange:e,children:t,getRootMargin:n=vn,triggerPosition:o,debug:i=!1}){const[s,a]=r.useState(),l=function(){const e="object"==typeof window;function t(){return e?document.documentElement.clientHeight:void 0}const[n,o]=r.useState(t);return r.useEffect((()=>{function e(){o(t())}return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)}),[]),dn((()=>{o(t())}),[]),n}();return fn((()=>{const t=function(e,t){return new IntersectionObserver(e,{rootMargin:t,threshold:1e-6,root:null})}((t=>{(i||window.chDebugScroller)&&function(e){e.forEach(ln)}(t),t.forEach((t=>{if(t.intersectionRatio>0){const n=t.target;e(+n.stepIndex)}}))}),n(l||0,o));return a(t),()=>t.disconnect()}),[l]),r.createElement(hn.Provider,{value:s},t)}function mn(e){var{as:t="section",index:n}=e,o=s(e,["as","index"]);const i=r.useRef(null),a=r.useContext(hn);return fn((()=>(a&&a.observe(i.current),()=>a&&a.unobserve(i.current))),[a]),fn((()=>{i.current.stepIndex=n}),[n]),r.createElement(t,Object.assign(Object.assign({},o),{ref:i}))}function vn(e,t="50%"){let n=.5*e;if(t.endsWith("%")){n=e*(parseFloat(t.replace("%",""))/100)}else t.endsWith("px")&&(n=parseFloat(t.replace("px","")));return n<0&&(n=e+n),`-${n-2}px 0px -${e-n-2}px`}let gn=0;function bn({match:e}){const t=e.map((([e])=>e)),{isServer:n,matchedIndex:o}=function(e){const t="undefined"==typeof window,n=e.slice(0,-1);"default"!==e[e.length-1]&&i.warn("last media query should be 'default'");const[,o]=r.useState(0),s=t?[]:n.map((e=>window.matchMedia(e)));r.useEffect((()=>{const e=()=>o((e=>e+1));return s.forEach((t=>t.addListener(e))),()=>s.forEach((t=>t.removeListener(e)))}),[]);const a=s.findIndex((e=>e.matches));return{isServer:t,matchedIndex:a<0?e.length-1:a}}(t),s=n?"ssmq-"+gn++:"";return n?r.createElement(r.Fragment,null,r.createElement("style",{className:s,dangerouslySetInnerHTML:{__html:yn(t,s)}}),e.map((([e,t])=>r.createElement("div",{key:e,className:`${s} ${wn(e)}`},t))),r.createElement("script",{className:s,dangerouslySetInnerHTML:{__html:xn(e,s)}})):r.createElement(r.Fragment,null,r.createElement("div",null,e[o][1]))}function yn(e,t){return e.slice().reverse().map((e=>{const n=`.${t}.${wn(e)}{display:block}`,r=`.${t}:not(.${wn(e)}){display: none;}`;return"default"===e?`${n}${r}`:`@media ${e}{${n}${r}}`})).join("\n")}function xn(e,t){const n=e.map((([e])=>e)),r=n.map(wn);return`(function() {\n var qs = ${JSON.stringify(n)};\n var clss = ${JSON.stringify(r)};\n var mainCls = "${t}";\n\n var scrEls = document.getElementsByTagName("script");\n var scrEl = scrEls[scrEls.length - 1];\n var parent = scrEl.parentNode;\n\n var el = null;\n for (var i = 0; i < qs.length - 1; i++) {\n if (window.matchMedia(qs[i]).matches) {\n el = parent.querySelector(":scope > ." + mainCls + "." + clss[i]);\n break;\n }\n }\n if (!el) {\n var defaultClass = clss.pop();\n el = parent.querySelector(":scope > ." + mainCls + "." + defaultClass);\n }\n el.removeAttribute("class");\n\n parent.querySelectorAll(":scope > ." + mainCls).forEach(function (e) {\n parent.removeChild(e);\n });\n})();`}function wn(e){return"ssmq-"+e.replace(/[!\"#$%&'\(\)\*\+,\.\/:;<=>\?\@\[\\\]\^`\{\|\}~\s]/g,"").toLowerCase()}function En(){const e=r.useContext(Cn);return e?r.createElement(jn,Object.assign({},e)):null}function jn({editorStep:e,setFocus:t}){const n=s(e,["preset","presetConfig"]);return r.createElement(_t,Object.assign({},n,{onTabClick:e=>{t({fileName:e,focus:null,id:""})}}))}const Cn=r.createContext(null);function On(e){return r.createElement(bn,{match:[[e.codeConfig.staticMediaQuery,r.createElement(Nn,Object.assign({},e))],["default",r.createElement(Sn,Object.assign({},e))]]})}function Nn(e){var t,{children:n,hasPreviewSteps:o,editorSteps:i}=e,a=s(e,["children","hasPreviewSteps","editorSteps"]);const{stepsChildren:l,previewChildren:c}=an(n,o);return r.createElement("section",{className:"ch-scrollycoding-static","data-ch-theme":null===(t=null==a?void 0:a.codeConfig)||void 0===t?void 0:t.themeName},l.map(((e,t)=>r.createElement(kn,{key:t,editorStep:i[t],previewStep:c&&c[t],allProps:a},e))))}function kn({editorStep:e,previewStep:t,allProps:n,children:o}){const[i,s]=r.useState(Object.assign(Object.assign({},e),n)),a=({fileName:e,focus:t,id:n})=>{const r=Ft(i,e,t);s(Object.assign(Object.assign(Object.assign({},i),r),{selectedId:n}))};return r.createElement(Cn.Provider,{value:{editorStep:i,previewStep:t,allProps:n,setFocus:a}},r.createElement(Mt,{onActivation:a,onReset:()=>s(Object.assign(Object.assign({},e),n))},o))}function Sn(e){var{children:t,editorSteps:n,codeConfig:o,presetConfig:i,start:a=0,className:l,style:c,hasPreviewSteps:u}=e,d=s(e,["children","editorSteps","codeConfig","presetConfig","start","className","style","hasPreviewSteps"]);const{stepsChildren:h,previewChildren:f}=an(t,u),p=i||u,[m,v]=r.useState({stepIndex:a,step:n[a]}),g=m.step;function b(e){v({stepIndex:e,step:n[e]})}return r.createElement("section",{className:`ch-scrollycoding ${p?"ch-scrollycoding-with-preview":""} ${l||""}`,style:c,"data-ch-theme":null==o?void 0:o.themeName},r.createElement("div",{className:"ch-scrollycoding-content"},r.createElement(pn,{onStepChange:b,triggerPosition:null==o?void 0:o.triggerPosition},h.map(((e,t)=>r.createElement(mn,{as:"div",key:t,index:t,onClick:()=>b(t),className:"ch-scrollycoding-step-content","data-selected":t===m.stepIndex?"true":void 0},r.createElement(Mt,{onActivation:({fileName:e,focus:r})=>{!function(e,t,r){const o=Ft(n[e],t,r);v(Object.assign(Object.assign({},m),{stepIndex:e,step:o}))}(t,e,r)},onReset:()=>{b(t)}},e)))))),r.createElement("div",{className:"ch-scrollycoding-sticker"},r.createElement(_t,Object.assign({showExpandButton:!0},d,g,{codeConfig:o,onTabClick:function(e){const t=Ft(m.step,e,null);v(Object.assign(Object.assign({},m),{step:t}))}})),i?r.createElement(rn,{className:"ch-scrollycoding-preview",files:g.files,presetConfig:i}):u?r.createElement(rn,Object.assign({className:"ch-scrollycoding-preview"},f[m.stepIndex].props)):null))}const _n={box:function({children:e,data:t}){const n="string"==typeof t?t:void 0;return r.createElement("span",{className:"ch-code-box-annotation",style:{outlineColor:n}},e)},bg:Fn,label:function({children:e,data:t,style:n}){return r.createElement("div",{className:"ch-code-label-annotation",style:n},e,r.createElement("div",{className:"ch-code-label-annotation-text"},(null==t?void 0:t.children)||t))},link:function({children:e,isInline:t,style:n,data:o}){const i=(null==o?void 0:o.url)||o,s=null==o?void 0:o.title;return r.createElement("a",{href:i,title:s,className:t?"ch-code-inline-link":"ch-code-link",style:n},e)},mark:function(e){return e.isInline?r.createElement(Pn,Object.assign({},e)):r.createElement(Fn,Object.assign({},e))},withClass:function({children:e,data:t,style:n}){return r.createElement("span",{style:n,className:t},e)}};function Fn({children:e,data:t,style:n,lines:o}){const i=function(e){return e.map((e=>e.annotatedGroups.flatMap((e=>{var t;return null===(t=e.prev)||void 0===t?void 0:t.groups.flatMap((e=>e.tokens.map((e=>e.content))))})).join(""))).join("\n")}(o),s="ch-code-multiline-mark "+(null!=t?t:"");return r.createElement("div",{style:n,className:s},r.createElement("span",{className:"ch-code-multiline-mark-border"}),e,r.createElement(ye,{className:"ch-code-button",content:i}))}function Pn({children:e,data:t}){const n="ch-code-inline-mark "+(null!=t?t:"");return r.createElement("span",{className:n,style:{background:Ln(e)||void 0}},e)}function Ln(e){var t,n,o;try{const i=r.Children.toArray(e)[0],s=r.Children.toArray((null===(t=null==i?void 0:i.props)||void 0===t?void 0:t.children)||[])[0],a=r.Children.toArray((null===(n=null==s?void 0:s.props)||void 0===n?void 0:n.children)||[])[0],{color:l}=(null===(o=null==a?void 0:a.props)||void 0===o?void 0:o.style)||{};return l?d(l,.2):void 0}catch(i){return}}function Mn(e){var{className:t,codeConfig:n,children:o,code:i}=e,a=s(e,["className","codeConfig","children","code"]);const{lines:l}=i,c=l.flatMap((e=>e.tokens));return r.createElement("span",Object.assign({"data-ch-theme":n.themeName,className:"ch-inline-code not-prose"+(t?" "+t:"")},a),r.createElement("code",null,c.map(((e,t)=>r.createElement("span",Object.assign({key:t},e.props),e.content)))))}},8453:(e,t,n)=>{n.d(t,{RP:()=>i,xA:()=>a});var r=n(6540);const o=r.createContext({});function i(e){const t=r.useContext(o);return r.useMemo((()=>"function"==typeof e?e(t):{...t,...e}),[t,e])}const s={};function a({components:e,children:t,disableParentContext:n}){let a;return a=n?"function"==typeof e?e({}):e||s:i(e),r.createElement(o.Provider,{value:a},t)}}}]); \ No newline at end of file diff --git a/assets/js/9999b0cd.415c946c.js b/assets/js/9999b0cd.415c946c.js deleted file mode 100644 index fac3c6bc1e..0000000000 --- a/assets/js/9999b0cd.415c946c.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[4116],{7293:(n,e,t)=>{t.d(e,{A:()=>H});var i=t(6540),o=t(4848);function s(n){const{mdxAdmonitionTitle:e,rest:t}=function(n){const e=i.Children.toArray(n),t=e.find((n=>i.isValidElement(n)&&"mdxAdmonitionTitle"===n.type)),s=e.filter((n=>n!==t)),a=t?.props.children;return{mdxAdmonitionTitle:a,rest:s.length>0?(0,o.jsx)(o.Fragment,{children:s}):null}}(n.children),s=n.title??e;return{...n,...s&&{title:s},children:t}}var a=t(8215),l=t(1312),c=t(7559);const r={admonition:"admonition_xJq3",admonitionHeading:"admonitionHeading_Gvgb",admonitionIcon:"admonitionIcon_Rf37",admonitionContent:"admonitionContent_BuS1"};function d(n){let{type:e,className:t,children:i}=n;return(0,o.jsx)("div",{className:(0,a.A)(c.G.common.admonition,c.G.common.admonitionType(e),r.admonition,t),children:i})}function u(n){let{icon:e,title:t}=n;return(0,o.jsxs)("div",{className:r.admonitionHeading,children:[(0,o.jsx)("span",{className:r.admonitionIcon,children:e}),t]})}function m(n){let{children:e}=n;return e?(0,o.jsx)("div",{className:r.admonitionContent,children:e}):null}function h(n){const{type:e,icon:t,title:i,children:s,className:a}=n;return(0,o.jsxs)(d,{type:e,className:a,children:[i||t?(0,o.jsx)(u,{title:i,icon:t}):null,(0,o.jsx)(m,{children:s})]})}function f(n){return(0,o.jsx)("svg",{viewBox:"0 0 14 16",...n,children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"})})}const x={icon:(0,o.jsx)(f,{}),title:(0,o.jsx)(l.A,{id:"theme.admonition.note",description:"The default label used for the Note admonition (:::note)",children:"note"})};function p(n){return(0,o.jsx)(h,{...x,...n,className:(0,a.A)("alert alert--secondary",n.className),children:n.children})}function j(n){return(0,o.jsx)("svg",{viewBox:"0 0 12 16",...n,children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"})})}const v={icon:(0,o.jsx)(j,{}),title:(0,o.jsx)(l.A,{id:"theme.admonition.tip",description:"The default label used for the Tip admonition (:::tip)",children:"tip"})};function g(n){return(0,o.jsx)(h,{...v,...n,className:(0,a.A)("alert alert--success",n.className),children:n.children})}function w(n){return(0,o.jsx)("svg",{viewBox:"0 0 14 16",...n,children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"})})}const y={icon:(0,o.jsx)(w,{}),title:(0,o.jsx)(l.A,{id:"theme.admonition.info",description:"The default label used for the Info admonition (:::info)",children:"info"})};function b(n){return(0,o.jsx)(h,{...y,...n,className:(0,a.A)("alert alert--info",n.className),children:n.children})}function A(n){return(0,o.jsx)("svg",{viewBox:"0 0 16 16",...n,children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"})})}const N={icon:(0,o.jsx)(A,{}),title:(0,o.jsx)(l.A,{id:"theme.admonition.warning",description:"The default label used for the Warning admonition (:::warning)",children:"warning"})};function C(n){return(0,o.jsx)("svg",{viewBox:"0 0 12 16",...n,children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"})})}const z={icon:(0,o.jsx)(C,{}),title:(0,o.jsx)(l.A,{id:"theme.admonition.danger",description:"The default label used for the Danger admonition (:::danger)",children:"danger"})};const T={icon:(0,o.jsx)(A,{}),title:(0,o.jsx)(l.A,{id:"theme.admonition.caution",description:"The default label used for the Caution admonition (:::caution)",children:"caution"})};const k={...{note:p,tip:g,info:b,warning:function(n){return(0,o.jsx)(h,{...N,...n,className:(0,a.A)("alert alert--warning",n.className),children:n.children})},danger:function(n){return(0,o.jsx)(h,{...z,...n,className:(0,a.A)("alert alert--danger",n.className),children:n.children})}},...{secondary:n=>(0,o.jsx)(p,{title:"secondary",...n}),important:n=>(0,o.jsx)(b,{title:"important",...n}),success:n=>(0,o.jsx)(g,{title:"success",...n}),caution:function(n){return(0,o.jsx)(h,{...T,...n,className:(0,a.A)("alert alert--warning",n.className),children:n.children})}}};var M=t(6763);function H(n){const e=s(n),t=(i=e.type,k[i]||(M.warn(`No admonition component found for admonition type "${i}". Using Info as fallback.`),k.info));var i;return(0,o.jsx)(t,{...e})}},7533:(n,e,t)=>{t.d(e,{A:()=>l});var i=t(6540),o=t(1122),s=t(6025),a=t(4848);const l=n=>{let{alt:e,sources:t,style:l}=n;const[c,r]=(0,i.useState)(!1),d=n=>{"Escape"===n.key&&r(!1)};(0,i.useEffect)((()=>(c?document.addEventListener("keydown",d):document.removeEventListener("keydown",d),()=>{document.removeEventListener("keydown",d)})),[c]);return(0,a.jsx)("div",{className:"zoomable-image "+(c?"fullscreen":""),onClick:()=>{r(!c)},style:{width:"50%",margin:"0 auto",display:"flex",justifyContent:"center",...l},children:(0,a.jsx)(o.A,{className:"zoomable-image-inner",alt:e,sources:{light:(0,s.Ay)(t.light),dark:(0,s.Ay)(t.dark)}})})}},7716:(n,e,t)=>{t.r(e),t.d(e,{assets:()=>u,contentTitle:()=>r,default:()=>f,frontMatter:()=>c,metadata:()=>d,toc:()=>m});t(6540);var i=t(4848),o=t(8453),s=(t(1122),t(6025),t(7533),t(3554)),a=t.n(s),l=t(7293);const c={},r="Sub Flow",d={id:"examples/sub-flow",title:"Sub Flow",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/examples/sub-flow.mdx",sourceDirName:"examples",slug:"/examples/sub-flow",permalink:"/examples/sub-flow",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{}},u={},m=[];function h(n){const e=Object.assign({h1:"h1",p:"p",strong:"strong"},(0,o.RP)(),n.components);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(e.h1,{id:"sub-flow",children:"Sub Flow"}),"\n",(0,i.jsx)(l.A,{type:"warning",title:"warning",children:(0,i.jsx)(e.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,i.jsxs)(e.p,{children:["The ",(0,i.jsx)(e.strong,{children:"Sub Flow"})," component enables a user to select a previously built flow and dynamically generate a component out of it."]}),"\n",(0,i.jsx)("div",{style:{marginBottom:"20px",display:"flex",justifyContent:"center"},children:(0,i.jsx)(a(),{playing:!0,controls:!0,url:"/videos/sub_flow.mp4"})})]})}const f=function(n={}){const{wrapper:e}=Object.assign({},(0,o.RP)(),n.components);return e?(0,i.jsx)(e,Object.assign({},n,{children:(0,i.jsx)(h,n)})):h(n)}},8453:(n,e,t)=>{t.d(e,{RP:()=>s,xA:()=>l});var i=t(6540);const o=i.createContext({});function s(n){const e=i.useContext(o);return i.useMemo((()=>"function"==typeof n?n(e):{...e,...n}),[e,n])}const a={};function l({components:n,children:e,disableParentContext:t}){let l;return l=t?"function"==typeof n?n({}):n||a:s(n),i.createElement(o.Provider,{value:l},e)}}}]); \ No newline at end of file diff --git a/assets/js/9999b0cd.94e081c2.js b/assets/js/9999b0cd.94e081c2.js new file mode 100644 index 0000000000..e00b50751d --- /dev/null +++ b/assets/js/9999b0cd.94e081c2.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[4116],{7533:(e,t,n)=>{n.d(t,{A:()=>r});var s=n(6540),o=n(1122),a=n(6025),l=n(4848);const r=e=>{let{alt:t,sources:n,style:r}=e;const[i,c]=(0,s.useState)(!1),u=e=>{"Escape"===e.key&&c(!1)};(0,s.useEffect)((()=>(i?document.addEventListener("keydown",u):document.removeEventListener("keydown",u),()=>{document.removeEventListener("keydown",u)})),[i]);return(0,l.jsx)("div",{className:"zoomable-image "+(i?"fullscreen":""),onClick:()=>{c(!i)},style:{width:"50%",margin:"0 auto",display:"flex",justifyContent:"center",...r},children:(0,l.jsx)(o.A,{className:"zoomable-image-inner",alt:t,sources:{light:(0,a.Ay)(n.light),dark:(0,a.Ay)(n.dark)}})})}},7716:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>c,default:()=>f,frontMatter:()=>i,metadata:()=>u,toc:()=>m});n(6540);var s=n(4848),o=n(8453),a=(n(1122),n(6025),n(7533),n(3554)),l=n.n(a),r=n(7293);const i={},c="Sub Flow",u={id:"examples/sub-flow",title:"Sub Flow",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/examples/sub-flow.mdx",sourceDirName:"examples",slug:"/examples/sub-flow",permalink:"/examples/sub-flow",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{}},d={},m=[];function p(e){const t=Object.assign({h1:"h1",p:"p",strong:"strong"},(0,o.RP)(),e.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.h1,{id:"sub-flow",children:"Sub Flow"}),"\n",(0,s.jsx)(r.A,{type:"warning",title:"warning",children:(0,s.jsx)(t.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,s.jsxs)(t.p,{children:["The ",(0,s.jsx)(t.strong,{children:"Sub Flow"})," component enables a user to select a previously built flow and dynamically generate a component out of it."]}),"\n",(0,s.jsx)("div",{style:{marginBottom:"20px",display:"flex",justifyContent:"center"},children:(0,s.jsx)(l(),{playing:!0,controls:!0,url:"/videos/sub_flow.mp4"})})]})}const f=function(e={}){const{wrapper:t}=Object.assign({},(0,o.RP)(),e.components);return t?(0,s.jsx)(t,Object.assign({},e,{children:(0,s.jsx)(p,e)})):p(e)}},8453:(e,t,n)=>{n.d(t,{RP:()=>a,xA:()=>r});var s=n(6540);const o=s.createContext({});function a(e){const t=s.useContext(o);return s.useMemo((()=>"function"==typeof e?e(t):{...t,...e}),[t,e])}const l={};function r({components:e,children:t,disableParentContext:n}){let r;return r=n?"function"==typeof e?e({}):e||l:a(e),s.createElement(o.Provider,{value:r},t)}}}]); \ No newline at end of file diff --git a/assets/js/9f23f473.117c770f.js b/assets/js/9f23f473.117c770f.js new file mode 100644 index 0000000000..7ab395df0d --- /dev/null +++ b/assets/js/9f23f473.117c770f.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[7123],{7293:(o,e,t)=>{t.d(e,{A:()=>_});var n=t(6540),s=t(4848);function r(o){const{mdxAdmonitionTitle:e,rest:t}=function(o){const e=n.Children.toArray(o),t=e.find((o=>n.isValidElement(o)&&"mdxAdmonitionTitle"===o.type)),r=e.filter((o=>o!==t)),c=t?.props.children;return{mdxAdmonitionTitle:c,rest:r.length>0?(0,s.jsx)(s.Fragment,{children:r}):null}}(o.children),r=o.title??e;return{...o,...r&&{title:r},children:t}}var c=t(8215),l=t(1312),p=t(7559);const i={admonition:"admonition_xJq3",admonitionHeading:"admonitionHeading_Gvgb",admonitionIcon:"admonitionIcon_Rf37",admonitionContent:"admonitionContent_BuS1"};function a(o){let{type:e,className:t,children:n}=o;return(0,s.jsx)("div",{className:(0,c.A)(p.G.common.admonition,p.G.common.admonitionType(e),i.admonition,t),children:n})}function d(o){let{icon:e,title:t}=o;return(0,s.jsxs)("div",{className:i.admonitionHeading,children:[(0,s.jsx)("span",{className:i.admonitionIcon,children:e}),t]})}function h(o){let{children:e}=o;return e?(0,s.jsx)("div",{className:i.admonitionContent,children:e}):null}function y(o){const{type:e,icon:t,title:n,children:r,className:c}=o;return(0,s.jsxs)(a,{type:e,className:c,children:[n||t?(0,s.jsx)(d,{title:n,icon:t}):null,(0,s.jsx)(h,{children:r})]})}function D(o){return(0,s.jsx)("svg",{viewBox:"0 0 14 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"})})}const u={icon:(0,s.jsx)(D,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.note",description:"The default label used for the Note admonition (:::note)",children:"note"})};function F(o){return(0,s.jsx)(y,{...u,...o,className:(0,c.A)("alert alert--secondary",o.className),children:o.children})}function g(o){return(0,s.jsx)("svg",{viewBox:"0 0 12 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"})})}const m={icon:(0,s.jsx)(g,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.tip",description:"The default label used for the Tip admonition (:::tip)",children:"tip"})};function f(o){return(0,s.jsx)(y,{...m,...o,className:(0,c.A)("alert alert--success",o.className),children:o.children})}function C(o){return(0,s.jsx)("svg",{viewBox:"0 0 14 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"})})}const x={icon:(0,s.jsx)(C,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.info",description:"The default label used for the Info admonition (:::info)",children:"info"})};function j(o){return(0,s.jsx)(y,{...x,...o,className:(0,c.A)("alert alert--info",o.className),children:o.children})}function k(o){return(0,s.jsx)("svg",{viewBox:"0 0 16 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"})})}const v={icon:(0,s.jsx)(k,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.warning",description:"The default label used for the Warning admonition (:::warning)",children:"warning"})};function A(o){return(0,s.jsx)("svg",{viewBox:"0 0 12 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"})})}const b={icon:(0,s.jsx)(A,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.danger",description:"The default label used for the Danger admonition (:::danger)",children:"danger"})};const w={icon:(0,s.jsx)(k,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.caution",description:"The default label used for the Caution admonition (:::caution)",children:"caution"})};const B={...{note:F,tip:f,info:j,warning:function(o){return(0,s.jsx)(y,{...v,...o,className:(0,c.A)("alert alert--warning",o.className),children:o.children})},danger:function(o){return(0,s.jsx)(y,{...b,...o,className:(0,c.A)("alert alert--danger",o.className),children:o.children})}},...{secondary:o=>(0,s.jsx)(F,{title:"secondary",...o}),important:o=>(0,s.jsx)(j,{title:"important",...o}),success:o=>(0,s.jsx)(f,{title:"success",...o}),caution:function(o){return(0,s.jsx)(y,{...w,...o,className:(0,c.A)("alert alert--warning",o.className),children:o.children})}}};var N=t(6763);function _(o){const e=r(o),t=(n=e.type,B[n]||(N.warn(`No admonition component found for admonition type "${n}". Using Info as fallback.`),B.info));var n;return(0,s.jsx)(t,{...e})}},7533:(o,e,t)=>{t.d(e,{A:()=>l});var n=t(6540),s=t(1122),r=t(6025),c=t(4848);const l=o=>{let{alt:e,sources:t,style:l}=o;const[p,i]=(0,n.useState)(!1),a=o=>{"Escape"===o.key&&i(!1)};(0,n.useEffect)((()=>(p?document.addEventListener("keydown",a):document.removeEventListener("keydown",a),()=>{document.removeEventListener("keydown",a)})),[p]);return(0,c.jsx)("div",{className:"zoomable-image "+(p?"fullscreen":""),onClick:()=>{i(!p)},style:{width:"50%",margin:"0 auto",display:"flex",justifyContent:"center",...l},children:(0,c.jsx)(s.A,{className:"zoomable-image-inner",alt:e,sources:{light:(0,r.Ay)(t.light),dark:(0,r.Ay)(t.dark)}})})}},2872:(o,e,t)=>{t.r(e),t.d(e,{CH:()=>h,assets:()=>d,chCodeConfig:()=>y,contentTitle:()=>i,default:()=>F,frontMatter:()=>p,metadata:()=>a,toc:()=>D});t(6540);var n=t(4848),s=t(8453),r=t(4754),c=t(7293),l=(t(1122),t(6025),t(7533));const p={},i="Page Update",a={id:"integrations/notion/page-update",title:"Page Update",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/integrations/notion/page-update.md",sourceDirName:"integrations/notion",slug:"/integrations/notion/page-update",permalink:"/integrations/notion/page-update",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"docs",previous:{title:"Add Content To Page",permalink:"/integrations/notion/add-content-to-page"},next:{title:"Page Content",permalink:"/integrations/notion/page-content-viewer"}},d={},h={annotations:r.hk,Code:r.Cy},y={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},D=[{value:"Component Usage",id:"component-usage",level:2},{value:"Component Python Code",id:"component-python-code",level:2},{value:"Example Usage",id:"example-usage",level:2},{value:"Best Practices",id:"best-practices",level:2},{value:"Troubleshooting",id:"troubleshooting",level:2}];function u(o){const e=Object.assign({h1:"h1",p:"p",code:"code",a:"a",h2:"h2",ol:"ol",li:"li",ul:"ul"},(0,s.RP)(),o.components);return h||g("CH",!1),h.Code||g("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n","\n","\n",(0,n.jsx)(e.h1,{id:"page-update",children:"Page Update"}),"\n",(0,n.jsx)(c.A,{type:"warning",title:"warning",children:(0,n.jsx)(e.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,n.jsxs)(e.p,{children:["The ",(0,n.jsx)(e.code,{children:"NotionPageUpdate"})," component updates the properties of a Notion page. It provides a convenient way to integrate updating Notion page properties into your Langflow workflows."]}),"\n",(0,n.jsx)(e.p,{children:(0,n.jsx)(e.a,{href:"https://developers.notion.com/reference/patch-page",children:"Notion Reference"})}),"\n",(0,n.jsx)(e.h2,{id:"component-usage",children:"Component Usage"}),"\n",(0,n.jsxs)(e.p,{children:["To use the ",(0,n.jsx)(e.code,{children:"NotionPageUpdate"})," component in your Langflow flow:"]}),"\n",(0,n.jsxs)(e.ol,{children:["\n",(0,n.jsxs)(e.li,{children:["Drag and drop the ",(0,n.jsx)(e.code,{children:"NotionPageUpdate"})," component onto the workspace."]}),"\n",(0,n.jsx)(e.li,{children:"Double-click the component to open its configuration."}),"\n",(0,n.jsxs)(e.li,{children:["Provide the required parameters as defined in the component's ",(0,n.jsx)(e.code,{children:"build_config"})," method."]}),"\n",(0,n.jsx)(e.li,{children:"Connect the component to other nodes in your flow as needed."}),"\n"]}),"\n",(0,n.jsx)(e.h2,{id:"component-python-code",children:"Component Python Code"}),"\n",(0,n.jsx)(h.Code,{codeConfig:y,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#FF7B72"}}},{content:" json",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"import",props:{style:{color:"#FF7B72"}}},{content:" requests",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" typing ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Dict, Any",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" CustomComponent",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.schema ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Data",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"class ",props:{style:{color:"#FF7B72"}}},{content:"NotionPageUpdate",props:{style:{color:"#FFA657"}}},{content:"(",props:{style:{color:"#C9D1D9"}}},{content:"CustomComponent",props:{style:{color:"#79C0FF"}}},{content:"):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"Update Page Property [Notion]"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" description ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"Update the properties of a Notion page."',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" documentation: ",props:{style:{color:"#C9D1D9"}}},{content:"str ",props:{style:{color:"#79C0FF"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"https://docs.langflow.org/integrations/notion/page-update"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" icon ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"NotionDirectoryLoader"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build_config",props:{style:{color:"#D2A8FF"}}},{content:"(self):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "page_id"',props:{style:{color:"#A5D6FF"}}},{content:": {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "display_name"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"Page ID"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "field_type"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"str"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "info"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"The ID of the Notion page to update."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" },",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "properties"',props:{style:{color:"#A5D6FF"}}},{content:": {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "display_name"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"Properties"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "field_type"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"str"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "info"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"The properties to update on the page (as a JSON string)."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "multiline"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"True",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" },",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "notion_secret"',props:{style:{color:"#A5D6FF"}}},{content:": {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "display_name"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"Notion Secret"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "field_type"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"str"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "info"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"The Notion integration token."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "password"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"True",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" },",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" }",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build",props:{style:{color:"#D2A8FF"}}},{content:"(",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" self,",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" page_id: ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" properties: ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" notion_secret: ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ) -> Data:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" url ",props:{style:{color:"#C9D1D9"}}},{content:"= f",props:{style:{color:"#FF7B72"}}},{content:'"https://api.notion.com/v1/pages/',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"page_id",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" headers ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "Authorization"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"f",props:{style:{color:"#FF7B72"}}},{content:'"Bearer ',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"notion_secret",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "Content-Type"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"application/json"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "Notion-Version"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"2022-06-28"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:"# Use the latest supported version",props:{style:{color:"#8B949E"}}}]},{tokens:[{content:" }",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" try",props:{style:{color:"#FF7B72"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" parsed_properties ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" json.loads(properties)",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" except",props:{style:{color:"#FF7B72"}}},{content:" json.JSONDecodeError ",props:{style:{color:"#C9D1D9"}}},{content:"as",props:{style:{color:"#FF7B72"}}},{content:" e:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" raise ",props:{style:{color:"#FF7B72"}}},{content:"ValueError",props:{style:{color:"#79C0FF"}}},{content:"(",props:{style:{color:"#C9D1D9"}}},{content:'"Invalid JSON format for properties"',props:{style:{color:"#A5D6FF"}}},{content:") ",props:{style:{color:"#C9D1D9"}}},{content:"from",props:{style:{color:"#FF7B72"}}},{content:" e",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" data ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "properties"',props:{style:{color:"#A5D6FF"}}},{content:": parsed_properties",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" }",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" response ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" requests.patch(url, ",props:{style:{color:"#C9D1D9"}}},{content:"headers",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"headers, ",props:{style:{color:"#C9D1D9"}}},{content:"json",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"data)",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" response.raise_for_status()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" updated_page ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" response.json()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" output ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"Updated page properties:',props:{style:{color:"#A5D6FF"}}},{content:"\\n",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" for",props:{style:{color:"#FF7B72"}}},{content:" prop_name, prop_value ",props:{style:{color:"#C9D1D9"}}},{content:"in",props:{style:{color:"#FF7B72"}}},{content:" updated_page[",props:{style:{color:"#C9D1D9"}}},{content:'"properties"',props:{style:{color:"#A5D6FF"}}},{content:"].items():",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" output ",props:{style:{color:"#C9D1D9"}}},{content:"+= f",props:{style:{color:"#FF7B72"}}},{content:'"',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"prop_name",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:": ",props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"prop_value",props:{style:{color:"#C9D1D9"}}},{content:"}\\n",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" self",props:{style:{color:"#79C0FF"}}},{content:".status ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" output",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" Data(",props:{style:{color:"#C9D1D9"}}},{content:"data",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"updated_page)",props:{style:{color:"#C9D1D9"}}}]}],lang:"python"},annotations:[]}]}),"\n",(0,n.jsx)(e.p,{children:"Let's break down the key parts of this component:"}),"\n",(0,n.jsxs)(e.ul,{children:["\n",(0,n.jsxs)(e.li,{children:["\n",(0,n.jsxs)(e.p,{children:["The ",(0,n.jsx)(e.code,{children:"build_config"})," method defines the configuration fields for the component. It specifies the required parameters and their properties, such as display names, field types, and any additional information or validation."]}),"\n"]}),"\n",(0,n.jsxs)(e.li,{children:["\n",(0,n.jsxs)(e.p,{children:["The ",(0,n.jsx)(e.code,{children:"build"})," method contains the main logic of the component. It takes the configured parameters as input and performs the necessary operations to update the properties of a Notion page."]}),"\n"]}),"\n",(0,n.jsxs)(e.li,{children:["\n",(0,n.jsx)(e.p,{children:"The component interacts with the Notion API to update the page properties. It constructs the API URL, headers, and request data based on the provided parameters."}),"\n"]}),"\n",(0,n.jsxs)(e.li,{children:["\n",(0,n.jsxs)(e.p,{children:["The processed data is returned as a ",(0,n.jsx)(e.code,{children:"Data"})," object, which can be connected to other components in the Langflow flow. The ",(0,n.jsx)(e.code,{children:"Data"})," object contains the updated page data."]}),"\n"]}),"\n",(0,n.jsxs)(e.li,{children:["\n",(0,n.jsxs)(e.p,{children:["The component also stores the updated page properties in the ",(0,n.jsx)(e.code,{children:"status"})," attribute for logging and debugging purposes."]}),"\n"]}),"\n"]}),"\n",(0,n.jsx)(e.h2,{id:"example-usage",children:"Example Usage"}),"\n",(0,n.jsxs)(c.A,{type:"info",title:"Example Usage",children:[(0,n.jsxs)(e.p,{children:["Here's an example of how to use the ",(0,n.jsx)(e.code,{children:"NotionPageUpdate"})," component in a Langflow flow using:"]}),(0,n.jsx)(l.A,{alt:"NotionPageUpdate Flow Example",sources:{light:"img/notion/NotionPageUpdate_flow_example.png",dark:"img/notion/NotionPageUpdate_flow_example_dark.png"},style:{width:"100%",margin:"20px 0"}})]}),"\n",(0,n.jsx)(e.h2,{id:"best-practices",children:"Best Practices"}),"\n",(0,n.jsxs)(e.p,{children:["When using the ",(0,n.jsx)(e.code,{children:"NotionPageUpdate"})," component, consider the following best practices:"]}),"\n",(0,n.jsxs)(e.ul,{children:["\n",(0,n.jsx)(e.li,{children:"Ensure that you have a valid Notion integration token with the necessary permissions to update page properties."}),"\n",(0,n.jsx)(e.li,{children:"Handle edge cases and error scenarios gracefully, such as invalid JSON format for properties or API request failures."}),"\n",(0,n.jsx)(e.li,{children:"We recommend using an LLM to generate the inputs for this component, to allow flexibility"}),"\n"]}),"\n",(0,n.jsxs)(e.p,{children:["By leveraging the ",(0,n.jsx)(e.code,{children:"NotionPageUpdate"})," component in Langflow, you can easily integrate updating Notion page properties into your language model workflows and build powerful applications that extend Langflow's capabilities."]}),"\n",(0,n.jsx)(e.h2,{id:"troubleshooting",children:"Troubleshooting"}),"\n",(0,n.jsxs)(e.p,{children:["If you encounter any issues while using the ",(0,n.jsx)(e.code,{children:"NotionPageUpdate"})," component, consider the following:"]}),"\n",(0,n.jsxs)(e.ul,{children:["\n",(0,n.jsx)(e.li,{children:"Double-check that you have correctly configured the component with the required parameters, including the page ID, properties JSON, and Notion integration token."}),"\n",(0,n.jsx)(e.li,{children:"Verify that your Notion integration token has the necessary permissions to update page properties."}),"\n",(0,n.jsx)(e.li,{children:"Check the Langflow logs for any error messages or exceptions related to the component, such as invalid JSON format or API request failures."}),"\n",(0,n.jsxs)(e.li,{children:["Consult the ",(0,n.jsx)(e.a,{href:"https://developers.notion.com/reference/patch-page",children:"Notion API Documentation"})," for specific troubleshooting steps or common issues related to updating page properties."]}),"\n"]})]})}const F=function(o={}){const{wrapper:e}=Object.assign({},(0,s.RP)(),o.components);return e?(0,n.jsx)(e,Object.assign({},o,{children:(0,n.jsx)(u,o)})):u(o)};function g(o,e){throw new Error("Expected "+(e?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/assets/js/9f23f473.274062cb.js b/assets/js/9f23f473.274062cb.js deleted file mode 100644 index 54001fcd1a..0000000000 --- a/assets/js/9f23f473.274062cb.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[7123],{7533:(o,t,e)=>{e.d(t,{A:()=>p});var n=e(6540),s=e(1122),r=e(6025),c=e(4848);const p=o=>{let{alt:t,sources:e,style:p}=o;const[l,i]=(0,n.useState)(!1),a=o=>{"Escape"===o.key&&i(!1)};(0,n.useEffect)((()=>(l?document.addEventListener("keydown",a):document.removeEventListener("keydown",a),()=>{document.removeEventListener("keydown",a)})),[l]);return(0,c.jsx)("div",{className:"zoomable-image "+(l?"fullscreen":""),onClick:()=>{i(!l)},style:{width:"50%",margin:"0 auto",display:"flex",justifyContent:"center",...p},children:(0,c.jsx)(s.A,{className:"zoomable-image-inner",alt:t,sources:{light:(0,r.Ay)(e.light),dark:(0,r.Ay)(e.dark)}})})}},2872:(o,t,e)=>{e.r(t),e.d(t,{CH:()=>y,assets:()=>d,chCodeConfig:()=>D,contentTitle:()=>i,default:()=>u,frontMatter:()=>l,metadata:()=>a,toc:()=>h});e(6540);var n=e(4848),s=e(8453),r=e(4754),c=e(7293),p=(e(1122),e(6025),e(7533));const l={},i="Page Update",a={id:"integrations/notion/page-update",title:"Page Update",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/integrations/notion/page-update.md",sourceDirName:"integrations/notion",slug:"/integrations/notion/page-update",permalink:"/integrations/notion/page-update",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"docs",previous:{title:"Add Content To Page",permalink:"/integrations/notion/add-content-to-page"},next:{title:"Page Content",permalink:"/integrations/notion/page-content-viewer"}},d={},y={annotations:r.hk,Code:r.Cy},D={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},h=[{value:"Component Usage",id:"component-usage",level:2},{value:"Component Python Code",id:"component-python-code",level:2},{value:"Example Usage",id:"example-usage",level:2},{value:"Best Practices",id:"best-practices",level:2},{value:"Troubleshooting",id:"troubleshooting",level:2}];function F(o){const t=Object.assign({h1:"h1",p:"p",code:"code",a:"a",h2:"h2",ol:"ol",li:"li",ul:"ul"},(0,s.RP)(),o.components);return y||g("CH",!1),y.Code||g("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n","\n","\n",(0,n.jsx)(t.h1,{id:"page-update",children:"Page Update"}),"\n",(0,n.jsx)(c.A,{type:"warning",title:"warning",children:(0,n.jsx)(t.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,n.jsxs)(t.p,{children:["The ",(0,n.jsx)(t.code,{children:"NotionPageUpdate"})," component updates the properties of a Notion page. It provides a convenient way to integrate updating Notion page properties into your Langflow workflows."]}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.a,{href:"https://developers.notion.com/reference/patch-page",children:"Notion Reference"})}),"\n",(0,n.jsx)(t.h2,{id:"component-usage",children:"Component Usage"}),"\n",(0,n.jsxs)(t.p,{children:["To use the ",(0,n.jsx)(t.code,{children:"NotionPageUpdate"})," component in your Langflow flow:"]}),"\n",(0,n.jsxs)(t.ol,{children:["\n",(0,n.jsxs)(t.li,{children:["Drag and drop the ",(0,n.jsx)(t.code,{children:"NotionPageUpdate"})," component onto the workspace."]}),"\n",(0,n.jsx)(t.li,{children:"Double-click the component to open its configuration."}),"\n",(0,n.jsxs)(t.li,{children:["Provide the required parameters as defined in the component's ",(0,n.jsx)(t.code,{children:"build_config"})," method."]}),"\n",(0,n.jsx)(t.li,{children:"Connect the component to other nodes in your flow as needed."}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"component-python-code",children:"Component Python Code"}),"\n",(0,n.jsx)(y.Code,{codeConfig:D,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#FF7B72"}}},{content:" json",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"import",props:{style:{color:"#FF7B72"}}},{content:" requests",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" typing ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Dict, Any",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" CustomComponent",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.schema ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Data",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"class ",props:{style:{color:"#FF7B72"}}},{content:"NotionPageUpdate",props:{style:{color:"#FFA657"}}},{content:"(",props:{style:{color:"#C9D1D9"}}},{content:"CustomComponent",props:{style:{color:"#79C0FF"}}},{content:"):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"Update Page Property [Notion]"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" description ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"Update the properties of a Notion page."',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" documentation: ",props:{style:{color:"#C9D1D9"}}},{content:"str ",props:{style:{color:"#79C0FF"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"https://docs.langflow.org/integrations/notion/page-update"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" icon ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"NotionDirectoryLoader"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build_config",props:{style:{color:"#D2A8FF"}}},{content:"(self):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "page_id"',props:{style:{color:"#A5D6FF"}}},{content:": {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "display_name"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"Page ID"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "field_type"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"str"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "info"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"The ID of the Notion page to update."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" },",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "properties"',props:{style:{color:"#A5D6FF"}}},{content:": {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "display_name"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"Properties"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "field_type"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"str"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "info"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"The properties to update on the page (as a JSON string)."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "multiline"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"True",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" },",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "notion_secret"',props:{style:{color:"#A5D6FF"}}},{content:": {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "display_name"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"Notion Secret"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "field_type"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"str"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "info"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"The Notion integration token."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "password"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"True",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" },",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" }",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build",props:{style:{color:"#D2A8FF"}}},{content:"(",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" self,",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" page_id: ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" properties: ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" notion_secret: ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ) -> Data:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" url ",props:{style:{color:"#C9D1D9"}}},{content:"= f",props:{style:{color:"#FF7B72"}}},{content:'"https://api.notion.com/v1/pages/',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"page_id",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" headers ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "Authorization"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"f",props:{style:{color:"#FF7B72"}}},{content:'"Bearer ',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"notion_secret",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "Content-Type"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"application/json"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "Notion-Version"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"2022-06-28"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:"# Use the latest supported version",props:{style:{color:"#8B949E"}}}]},{tokens:[{content:" }",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" try",props:{style:{color:"#FF7B72"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" parsed_properties ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" json.loads(properties)",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" except",props:{style:{color:"#FF7B72"}}},{content:" json.JSONDecodeError ",props:{style:{color:"#C9D1D9"}}},{content:"as",props:{style:{color:"#FF7B72"}}},{content:" e:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" raise ",props:{style:{color:"#FF7B72"}}},{content:"ValueError",props:{style:{color:"#79C0FF"}}},{content:"(",props:{style:{color:"#C9D1D9"}}},{content:'"Invalid JSON format for properties"',props:{style:{color:"#A5D6FF"}}},{content:") ",props:{style:{color:"#C9D1D9"}}},{content:"from",props:{style:{color:"#FF7B72"}}},{content:" e",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" data ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "properties"',props:{style:{color:"#A5D6FF"}}},{content:": parsed_properties",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" }",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" response ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" requests.patch(url, ",props:{style:{color:"#C9D1D9"}}},{content:"headers",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"headers, ",props:{style:{color:"#C9D1D9"}}},{content:"json",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"data)",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" response.raise_for_status()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" updated_page ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" response.json()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" output ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"Updated page properties:',props:{style:{color:"#A5D6FF"}}},{content:"\\n",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" for",props:{style:{color:"#FF7B72"}}},{content:" prop_name, prop_value ",props:{style:{color:"#C9D1D9"}}},{content:"in",props:{style:{color:"#FF7B72"}}},{content:" updated_page[",props:{style:{color:"#C9D1D9"}}},{content:'"properties"',props:{style:{color:"#A5D6FF"}}},{content:"].items():",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" output ",props:{style:{color:"#C9D1D9"}}},{content:"+= f",props:{style:{color:"#FF7B72"}}},{content:'"',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"prop_name",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:": ",props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"prop_value",props:{style:{color:"#C9D1D9"}}},{content:"}\\n",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" self",props:{style:{color:"#79C0FF"}}},{content:".status ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" output",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" Data(",props:{style:{color:"#C9D1D9"}}},{content:"data",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"updated_page)",props:{style:{color:"#C9D1D9"}}}]}],lang:"python"},annotations:[]}]}),"\n",(0,n.jsx)(t.p,{children:"Let's break down the key parts of this component:"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:["\n",(0,n.jsxs)(t.p,{children:["The ",(0,n.jsx)(t.code,{children:"build_config"})," method defines the configuration fields for the component. It specifies the required parameters and their properties, such as display names, field types, and any additional information or validation."]}),"\n"]}),"\n",(0,n.jsxs)(t.li,{children:["\n",(0,n.jsxs)(t.p,{children:["The ",(0,n.jsx)(t.code,{children:"build"})," method contains the main logic of the component. It takes the configured parameters as input and performs the necessary operations to update the properties of a Notion page."]}),"\n"]}),"\n",(0,n.jsxs)(t.li,{children:["\n",(0,n.jsx)(t.p,{children:"The component interacts with the Notion API to update the page properties. It constructs the API URL, headers, and request data based on the provided parameters."}),"\n"]}),"\n",(0,n.jsxs)(t.li,{children:["\n",(0,n.jsxs)(t.p,{children:["The processed data is returned as a ",(0,n.jsx)(t.code,{children:"Data"})," object, which can be connected to other components in the Langflow flow. The ",(0,n.jsx)(t.code,{children:"Data"})," object contains the updated page data."]}),"\n"]}),"\n",(0,n.jsxs)(t.li,{children:["\n",(0,n.jsxs)(t.p,{children:["The component also stores the updated page properties in the ",(0,n.jsx)(t.code,{children:"status"})," attribute for logging and debugging purposes."]}),"\n"]}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"example-usage",children:"Example Usage"}),"\n",(0,n.jsxs)(c.A,{type:"info",title:"Example Usage",children:[(0,n.jsxs)(t.p,{children:["Here's an example of how to use the ",(0,n.jsx)(t.code,{children:"NotionPageUpdate"})," component in a Langflow flow using:"]}),(0,n.jsx)(p.A,{alt:"NotionPageUpdate Flow Example",sources:{light:"img/notion/NotionPageUpdate_flow_example.png",dark:"img/notion/NotionPageUpdate_flow_example_dark.png"},style:{width:"100%",margin:"20px 0"}})]}),"\n",(0,n.jsx)(t.h2,{id:"best-practices",children:"Best Practices"}),"\n",(0,n.jsxs)(t.p,{children:["When using the ",(0,n.jsx)(t.code,{children:"NotionPageUpdate"})," component, consider the following best practices:"]}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"Ensure that you have a valid Notion integration token with the necessary permissions to update page properties."}),"\n",(0,n.jsx)(t.li,{children:"Handle edge cases and error scenarios gracefully, such as invalid JSON format for properties or API request failures."}),"\n",(0,n.jsx)(t.li,{children:"We recommend using an LLM to generate the inputs for this component, to allow flexibility"}),"\n"]}),"\n",(0,n.jsxs)(t.p,{children:["By leveraging the ",(0,n.jsx)(t.code,{children:"NotionPageUpdate"})," component in Langflow, you can easily integrate updating Notion page properties into your language model workflows and build powerful applications that extend Langflow's capabilities."]}),"\n",(0,n.jsx)(t.h2,{id:"troubleshooting",children:"Troubleshooting"}),"\n",(0,n.jsxs)(t.p,{children:["If you encounter any issues while using the ",(0,n.jsx)(t.code,{children:"NotionPageUpdate"})," component, consider the following:"]}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"Double-check that you have correctly configured the component with the required parameters, including the page ID, properties JSON, and Notion integration token."}),"\n",(0,n.jsx)(t.li,{children:"Verify that your Notion integration token has the necessary permissions to update page properties."}),"\n",(0,n.jsx)(t.li,{children:"Check the Langflow logs for any error messages or exceptions related to the component, such as invalid JSON format or API request failures."}),"\n",(0,n.jsxs)(t.li,{children:["Consult the ",(0,n.jsx)(t.a,{href:"https://developers.notion.com/reference/patch-page",children:"Notion API Documentation"})," for specific troubleshooting steps or common issues related to updating page properties."]}),"\n"]})]})}const u=function(o={}){const{wrapper:t}=Object.assign({},(0,s.RP)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(F,o)})):F(o)};function g(o,t){throw new Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/assets/js/a9b8ddbf.1e9c6577.js b/assets/js/a9b8ddbf.1e9c6577.js deleted file mode 100644 index b3267558c1..0000000000 --- a/assets/js/a9b8ddbf.1e9c6577.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[5971],{7533:(o,t,e)=>{e.d(t,{A:()=>r});var n=e(6540),s=e(1122),c=e(6025),l=e(4848);const r=o=>{let{alt:t,sources:e,style:r}=o;const[p,i]=(0,n.useState)(!1),y=o=>{"Escape"===o.key&&i(!1)};(0,n.useEffect)((()=>(p?document.addEventListener("keydown",y):document.removeEventListener("keydown",y),()=>{document.removeEventListener("keydown",y)})),[p]);return(0,l.jsx)("div",{className:"zoomable-image "+(p?"fullscreen":""),onClick:()=>{i(!p)},style:{width:"50%",margin:"0 auto",display:"flex",justifyContent:"center",...r},children:(0,l.jsx)(s.A,{className:"zoomable-image-inner",alt:t,sources:{light:(0,c.Ay)(e.light),dark:(0,c.Ay)(e.dark)}})})}},9851:(o,t,e)=>{e.r(t),e.d(t,{CH:()=>D,assets:()=>a,chCodeConfig:()=>F,contentTitle:()=>i,default:()=>u,frontMatter:()=>p,metadata:()=>y,toc:()=>d});e(6540);var n=e(4848),s=e(8453),c=e(4754),l=e(7533),r=e(7293);const p={description:"Custom Components",hide_table_of_contents:!0},i="Custom Components",y={id:"tutorials/custom_components",title:"Custom Components",description:"Custom Components",source:"@site/docs/tutorials/custom_components.mdx",sourceDirName:"tutorials",slug:"/tutorials/custom_components",permalink:"/tutorials/custom_components",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{description:"Custom Components",hide_table_of_contents:!0},sidebar:"docs",previous:{title:"Build Chatbots with the System Message Component",permalink:"/tutorials/chatprompttemplate_guide"},next:{title:"Integrate Documents with Prompt Variables",permalink:"/tutorials/loading_document"}},a={},D={annotations:c.hk,InlineCode:c.R0,Code:c.Cy,Scrollycoding:c.Fk,CodeSlot:c.Wu,SectionLink:c.W_},F={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},d=[{value:"Rules",id:"rules",level:2},{value:"Rule 1",id:"rule-1",level:3},{value:"Rule 2",id:"rule-2",level:3},{value:"Rule 3",id:"rule-3",level:3},{value:"Example",id:"example",level:2},{value:"Pick a display name",id:"pick-a-display-name",level:3},{value:"Write a description",id:"write-a-description",level:3},{value:"Add the build method",id:"add-the-build-method",level:3},{value:"Customize the component fields",id:"customize-the-component-fields",level:3},{value:"Load Custom Components",id:"load-custom-components",level:2},{value:"Folder Structure",id:"folder-structure",level:3},{value:"Load Custom Components",id:"load-custom-components-1",level:3},{value:"Interact with Custom Components",id:"interact-with-custom-components",level:3}];function C(o){const t=Object.assign({h1:"h1",p:"p",strong:"strong",ul:"ul",li:"li",a:"a",hr:"hr",h2:"h2",h3:"h3",code:"code"},(0,s.RP)(),o.components);return D||m("CH",!1),D.Code||m("CH.Code",!0),D.CodeSlot||m("CH.CodeSlot",!0),D.InlineCode||m("CH.InlineCode",!0),D.Scrollycoding||m("CH.Scrollycoding",!0),D.SectionLink||m("CH.SectionLink",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n","\n","\n",(0,n.jsx)(t.h1,{id:"custom-components",children:"Custom Components"}),"\n",(0,n.jsx)(r.A,{type:"warning",title:"warning",children:(0,n.jsx)(t.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,n.jsx)(t.p,{children:"In Langflow, a Custom Component is a special component type that allows users to extend the platform's functionality by creating their own reusable and configurable components."}),"\n",(0,n.jsxs)(t.p,{children:["A Custom Component is created from a user-defined Python script that uses the ",(0,n.jsx)(D.InlineCode,{codeConfig:F,code:{lines:[{tokens:[{content:"CustomComponent",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"CustomComponent"})," class provided by the Langflow library. These components can be as simple as a basic function that takes and returns a string or as complex as a combination of multiple sub-components and API calls."]}),"\n",(0,n.jsx)(t.p,{children:"Let's take a look at the basic rules and features. Then we'll go over an example."}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.strong,{children:"TL;DR"})}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:["Create a class that inherits from ",(0,n.jsx)(D.InlineCode,{codeConfig:F,code:{lines:[{tokens:[{content:"CustomComponent",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"CustomComponent"})," and contains a ",(0,n.jsx)(D.InlineCode,{codeConfig:F,code:{lines:[{tokens:[{content:"build",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"build"})," method."]}),"\n",(0,n.jsxs)(t.li,{children:["Use arguments with ",(0,n.jsx)(t.a,{href:"https://docs.python.org/3/library/typing.html",children:"Type Annotations (or Type Hints)"})," of the ",(0,n.jsx)(D.InlineCode,{codeConfig:F,code:{lines:[{tokens:[{content:"build",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"build"})," method to create component fields."]}),"\n",(0,n.jsxs)(t.li,{children:["Use the ",(0,n.jsx)(D.InlineCode,{codeConfig:F,code:{lines:[{tokens:[{content:"build_config",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"build_config"})," method to customize how these fields look and behave."]}),"\n",(0,n.jsx)(t.li,{children:"Set up a folder with your components to load them up in Langflow's sidebar."}),"\n"]}),"\n",(0,n.jsx)(t.p,{children:"Here is an example:"}),"\n",(0,n.jsxs)("div",{style:{display:"flex",justifyContent:"center"},children:[(0,n.jsx)(D.Code,{linuNumbers:!1,codeConfig:F,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.custom ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" CustomComponent",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langchain.schema ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Document",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"class ",props:{style:{color:"#FF7B72"}}},{content:"DocumentProcessor",props:{style:{color:"#FFA657"}}},{content:"(",props:{style:{color:"#C9D1D9"}}},{content:"CustomComponent",props:{style:{color:"#79C0FF"}}},{content:"):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"Document Processor"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" description ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"This component processes a document"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build_config",props:{style:{color:"#D2A8FF"}}},{content:"(self) -> ",props:{style:{color:"#C9D1D9"}}},{content:"dict",props:{style:{color:"#79C0FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" options ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" [",props:{style:{color:"#C9D1D9"}}},{content:'"Uppercase"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:'"Lowercase"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:'"Titlecase"',props:{style:{color:"#A5D6FF"}}},{content:"]",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "function"',props:{style:{color:"#A5D6FF"}}},{content:": {",props:{style:{color:"#C9D1D9"}}},{content:'"options"',props:{style:{color:"#A5D6FF"}}},{content:": options,",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "value"',props:{style:{color:"#A5D6FF"}}},{content:": options[",props:{style:{color:"#C9D1D9"}}},{content:"0",props:{style:{color:"#79C0FF"}}},{content:"]}}",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build",props:{style:{color:"#D2A8FF"}}},{content:"(self, document: Document, function: ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:") -> Document:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" if ",props:{style:{color:"#FF7B72"}}},{content:"isinstance",props:{style:{color:"#79C0FF"}}},{content:"(document, ",props:{style:{color:"#C9D1D9"}}},{content:"list",props:{style:{color:"#79C0FF"}}},{content:"):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" document ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" document[",props:{style:{color:"#C9D1D9"}}},{content:"0",props:{style:{color:"#79C0FF"}}},{content:"]",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" page_content ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" document.page_content",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" if",props:{style:{color:"#FF7B72"}}},{content:" function ",props:{style:{color:"#C9D1D9"}}},{content:"== ",props:{style:{color:"#FF7B72"}}},{content:'"Uppercase"',props:{style:{color:"#A5D6FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" page_content ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" page_content.upper()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" elif",props:{style:{color:"#FF7B72"}}},{content:" function ",props:{style:{color:"#C9D1D9"}}},{content:"== ",props:{style:{color:"#FF7B72"}}},{content:'"Lowercase"',props:{style:{color:"#A5D6FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" page_content ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" page_content.lower()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" elif",props:{style:{color:"#FF7B72"}}},{content:" function ",props:{style:{color:"#C9D1D9"}}},{content:"== ",props:{style:{color:"#FF7B72"}}},{content:'"Titlecase"',props:{style:{color:"#A5D6FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" page_content ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" page_content.title()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" self",props:{style:{color:"#79C0FF"}}},{content:".repr_value ",props:{style:{color:"#C9D1D9"}}},{content:"= f",props:{style:{color:"#FF7B72"}}},{content:'"Result of ',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"function",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:" function: ",props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"page_content",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" Document(",props:{style:{color:"#C9D1D9"}}},{content:"page_content",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"page_content)",props:{style:{color:"#C9D1D9"}}}]}],lang:"python"},annotations:[]}],children:(0,n.jsx)(D.Code,{codeConfig:F,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.custom ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" CustomComponent",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langchain.schema ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Document",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"class ",props:{style:{color:"#FF7B72"}}},{content:"DocumentProcessor",props:{style:{color:"#FFA657"}}},{content:"(",props:{style:{color:"#C9D1D9"}}},{content:"CustomComponent",props:{style:{color:"#79C0FF"}}},{content:"):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"Document Processor"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" description ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"This component processes a document"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build_config",props:{style:{color:"#D2A8FF"}}},{content:"(self) -> ",props:{style:{color:"#C9D1D9"}}},{content:"dict",props:{style:{color:"#79C0FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" options ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" [",props:{style:{color:"#C9D1D9"}}},{content:'"Uppercase"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:'"Lowercase"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:'"Titlecase"',props:{style:{color:"#A5D6FF"}}},{content:"]",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "function"',props:{style:{color:"#A5D6FF"}}},{content:": {",props:{style:{color:"#C9D1D9"}}},{content:'"options"',props:{style:{color:"#A5D6FF"}}},{content:": options,",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "value"',props:{style:{color:"#A5D6FF"}}},{content:": options[",props:{style:{color:"#C9D1D9"}}},{content:"0",props:{style:{color:"#79C0FF"}}},{content:"]}}",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build",props:{style:{color:"#D2A8FF"}}},{content:"(self, document: Document, function: ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:") -> Document:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" if ",props:{style:{color:"#FF7B72"}}},{content:"isinstance",props:{style:{color:"#79C0FF"}}},{content:"(document, ",props:{style:{color:"#C9D1D9"}}},{content:"list",props:{style:{color:"#79C0FF"}}},{content:"):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" document ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" document[",props:{style:{color:"#C9D1D9"}}},{content:"0",props:{style:{color:"#79C0FF"}}},{content:"]",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" page_content ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" document.page_content",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" if",props:{style:{color:"#FF7B72"}}},{content:" function ",props:{style:{color:"#C9D1D9"}}},{content:"== ",props:{style:{color:"#FF7B72"}}},{content:'"Uppercase"',props:{style:{color:"#A5D6FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" page_content ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" page_content.upper()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" elif",props:{style:{color:"#FF7B72"}}},{content:" function ",props:{style:{color:"#C9D1D9"}}},{content:"== ",props:{style:{color:"#FF7B72"}}},{content:'"Lowercase"',props:{style:{color:"#A5D6FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" page_content ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" page_content.lower()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" elif",props:{style:{color:"#FF7B72"}}},{content:" function ",props:{style:{color:"#C9D1D9"}}},{content:"== ",props:{style:{color:"#FF7B72"}}},{content:'"Titlecase"',props:{style:{color:"#A5D6FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" page_content ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" page_content.title()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" self",props:{style:{color:"#79C0FF"}}},{content:".repr_value ",props:{style:{color:"#C9D1D9"}}},{content:"= f",props:{style:{color:"#FF7B72"}}},{content:'"Result of ',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"function",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:" function: ",props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"page_content",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" Document(",props:{style:{color:"#C9D1D9"}}},{content:"page_content",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"page_content)",props:{style:{color:"#C9D1D9"}}}]}],lang:"python"},annotations:[]}]})}),(0,n.jsx)(l.A,{alt:"Document Processor Component",sources:{light:"img/document_processor.png",dark:"img/document_processor.png"},style:{margin:"0 auto",display:"flex",justifyContent:"center"}})]}),"\n",(0,n.jsx)(t.hr,{}),"\n",(0,n.jsx)(t.h2,{id:"rules",children:"Rules"}),"\n",(0,n.jsx)(t.p,{children:"The Python script for every Custom Component should follow a set of rules. Let's go over them one by one:"}),"\n",(0,n.jsxs)(D.Scrollycoding,{rows:20,className:"",codeConfig:F,editorSteps:[{northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.custom ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" CustomComponent",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langchain.schema ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Document",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"class ",props:{style:{color:"#FF7B72"}}},{content:"MyComponent",props:{style:{color:"#FFA657"}}},{content:"(",props:{style:{color:"#C9D1D9"}}},{content:"CustomComponent",props:{style:{color:"#79C0FF"}}},{content:"):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"Custom Component"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" description ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"This is a custom component"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build_config",props:{style:{color:"#D2A8FF"}}},{content:"(self) -> ",props:{style:{color:"#C9D1D9"}}},{content:"dict",props:{style:{color:"#79C0FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ...",props:{style:{color:"#79C0FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build",props:{style:{color:"#D2A8FF"}}},{content:"(self, document: Document, function: ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:") -> Document:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ...",props:{style:{color:"#79C0FF"}}}]}],lang:"python"},annotations:[]}]},{northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"11",code:{lines:[{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.custom ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" CustomComponent",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langchain.schema ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Document",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"class ",props:{style:{color:"#FF7B72"}}},{content:"MyComponent",props:{style:{color:"#FFA657"}}},{content:"(",props:{style:{color:"#C9D1D9"}}},{content:"CustomComponent",props:{style:{color:"#79C0FF"}}},{content:"):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"Custom Component"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" description ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"This is a custom component"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build_config",props:{style:{color:"#D2A8FF"}}},{content:"(self) -> ",props:{style:{color:"#C9D1D9"}}},{content:"dict",props:{style:{color:"#79C0FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ...",props:{style:{color:"#79C0FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build",props:{style:{color:"#D2A8FF"}}},{content:"(self) -> Document:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ...",props:{style:{color:"#79C0FF"}}}]}],lang:"python"},annotations:[{Component:D.annotations.mark,focus:"11",data:""}]}],southPanel:void 0},{northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"11[20:31]",code:{lines:[{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.custom ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" CustomComponent",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langchain.schema ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Document",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"class ",props:{style:{color:"#FF7B72"}}},{content:"MyComponent",props:{style:{color:"#FFA657"}}},{content:"(",props:{style:{color:"#C9D1D9"}}},{content:"CustomComponent",props:{style:{color:"#79C0FF"}}},{content:"):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"Custom Component"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" description ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"This is a custom component"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build_config",props:{style:{color:"#D2A8FF"}}},{content:"(self) -> ",props:{style:{color:"#C9D1D9"}}},{content:"dict",props:{style:{color:"#79C0FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ...",props:{style:{color:"#79C0FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build",props:{style:{color:"#D2A8FF"}}},{content:"(self) -> Document:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ...",props:{style:{color:"#79C0FF"}}}]}],lang:"python"},annotations:[{Component:D.annotations.mark,focus:"11",data:""}]}],southPanel:void 0},{northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.custom ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" CustomComponent",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langchain.schema ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Document",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"class ",props:{style:{color:"#FF7B72"}}},{content:"MyComponent",props:{style:{color:"#FFA657"}}},{content:"(",props:{style:{color:"#C9D1D9"}}},{content:"CustomComponent",props:{style:{color:"#79C0FF"}}},{content:"):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"Custom Component"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" description ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"This is a custom component"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build_config",props:{style:{color:"#D2A8FF"}}},{content:"(self) -> ",props:{style:{color:"#C9D1D9"}}},{content:"dict",props:{style:{color:"#79C0FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ...",props:{style:{color:"#79C0FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build",props:{style:{color:"#D2A8FF"}}},{content:"(self) -> Document:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ...",props:{style:{color:"#79C0FF"}}}]}],lang:"python"},annotations:[]}],southPanel:void 0},{northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.custom ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" CustomComponent",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langchain.schema ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Document",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"class ",props:{style:{color:"#FF7B72"}}},{content:"MyComponent",props:{style:{color:"#FFA657"}}},{content:"(",props:{style:{color:"#C9D1D9"}}},{content:"CustomComponent",props:{style:{color:"#79C0FF"}}},{content:"):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"Custom Component"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" description ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"This is a custom component"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build_config",props:{style:{color:"#D2A8FF"}}},{content:"(self) -> ",props:{style:{color:"#C9D1D9"}}},{content:"dict",props:{style:{color:"#79C0FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ...",props:{style:{color:"#79C0FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build",props:{style:{color:"#D2A8FF"}}},{content:"(self) -> Document:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ...",props:{style:{color:"#79C0FF"}}}]}],lang:"python"},annotations:[]}],southPanel:void 0},{northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"4,5",code:{lines:[{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.custom ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" CustomComponent",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langchain.schema ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Document",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"class ",props:{style:{color:"#FF7B72"}}},{content:"DocumentProcessor",props:{style:{color:"#FFA657"}}},{content:"(",props:{style:{color:"#C9D1D9"}}},{content:"CustomComponent",props:{style:{color:"#79C0FF"}}},{content:"):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"Document Processor"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" description ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"This is a custom component"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build_config",props:{style:{color:"#D2A8FF"}}},{content:"(self) -> ",props:{style:{color:"#C9D1D9"}}},{content:"dict",props:{style:{color:"#79C0FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ...",props:{style:{color:"#79C0FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build",props:{style:{color:"#D2A8FF"}}},{content:"(self) -> Document:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ...",props:{style:{color:"#79C0FF"}}}]}],lang:"python"},annotations:[]}],southPanel:void 0},{northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.custom ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" CustomComponent",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langchain.schema ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Document",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"class ",props:{style:{color:"#FF7B72"}}},{content:"DocumentProcessor",props:{style:{color:"#FFA657"}}},{content:"(",props:{style:{color:"#C9D1D9"}}},{content:"CustomComponent",props:{style:{color:"#79C0FF"}}},{content:"):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"Document Processor"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" description ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"This component processes a document"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build_config",props:{style:{color:"#D2A8FF"}}},{content:"(self) -> ",props:{style:{color:"#C9D1D9"}}},{content:"dict",props:{style:{color:"#79C0FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ...",props:{style:{color:"#79C0FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build",props:{style:{color:"#D2A8FF"}}},{content:"(self) -> Document:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ...",props:{style:{color:"#79C0FF"}}}]}],lang:"python"},annotations:[]}],southPanel:void 0},{northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.custom ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" CustomComponent",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langchain.schema ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Document",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"class ",props:{style:{color:"#FF7B72"}}},{content:"DocumentProcessor",props:{style:{color:"#FFA657"}}},{content:"(",props:{style:{color:"#C9D1D9"}}},{content:"CustomComponent",props:{style:{color:"#79C0FF"}}},{content:"):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"Document Processor"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" description ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"This component processes a document"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build_config",props:{style:{color:"#D2A8FF"}}},{content:"(self) -> ",props:{style:{color:"#C9D1D9"}}},{content:"dict",props:{style:{color:"#79C0FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ...",props:{style:{color:"#79C0FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build",props:{style:{color:"#D2A8FF"}}},{content:"(self, document: Document, function: ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:") -> Document:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" if ",props:{style:{color:"#FF7B72"}}},{content:"isinstance",props:{style:{color:"#79C0FF"}}},{content:"(document, ",props:{style:{color:"#C9D1D9"}}},{content:"list",props:{style:{color:"#79C0FF"}}},{content:"):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" document ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" document[",props:{style:{color:"#C9D1D9"}}},{content:"0",props:{style:{color:"#79C0FF"}}},{content:"]",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" page_content ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" document.page_content",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" if",props:{style:{color:"#FF7B72"}}},{content:" function ",props:{style:{color:"#C9D1D9"}}},{content:"== ",props:{style:{color:"#FF7B72"}}},{content:'"Uppercase"',props:{style:{color:"#A5D6FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" page_content ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" page_content.upper()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" elif",props:{style:{color:"#FF7B72"}}},{content:" function ",props:{style:{color:"#C9D1D9"}}},{content:"== ",props:{style:{color:"#FF7B72"}}},{content:'"Lowercase"',props:{style:{color:"#A5D6FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" page_content ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" page_content.lower()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" elif",props:{style:{color:"#FF7B72"}}},{content:" function ",props:{style:{color:"#C9D1D9"}}},{content:"== ",props:{style:{color:"#FF7B72"}}},{content:'"Titlecase"',props:{style:{color:"#A5D6FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" page_content ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" page_content.title()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" self",props:{style:{color:"#79C0FF"}}},{content:".repr_value ",props:{style:{color:"#C9D1D9"}}},{content:"= f",props:{style:{color:"#FF7B72"}}},{content:'"Result of ',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"function",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:" function: ",props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"page_content",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" Document(",props:{style:{color:"#C9D1D9"}}},{content:"page_content",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"page_content)",props:{style:{color:"#C9D1D9"}}}]}],lang:"python"},annotations:[]}],southPanel:void 0},{northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.custom ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" CustomComponent",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langchain.schema ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Document",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"class ",props:{style:{color:"#FF7B72"}}},{content:"DocumentProcessor",props:{style:{color:"#FFA657"}}},{content:"(",props:{style:{color:"#C9D1D9"}}},{content:"CustomComponent",props:{style:{color:"#79C0FF"}}},{content:"):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"Document Processor"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" description ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"This component processes a document"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build_config",props:{style:{color:"#D2A8FF"}}},{content:"(self) -> ",props:{style:{color:"#C9D1D9"}}},{content:"dict",props:{style:{color:"#79C0FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" options ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" [",props:{style:{color:"#C9D1D9"}}},{content:'"Uppercase"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:'"Lowercase"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:'"Titlecase"',props:{style:{color:"#A5D6FF"}}},{content:"]",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "function"',props:{style:{color:"#A5D6FF"}}},{content:": {",props:{style:{color:"#C9D1D9"}}},{content:'"options"',props:{style:{color:"#A5D6FF"}}},{content:": options,",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "value"',props:{style:{color:"#A5D6FF"}}},{content:": options[",props:{style:{color:"#C9D1D9"}}},{content:"0",props:{style:{color:"#79C0FF"}}},{content:"],",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "display_name"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"Function"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" },",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "document"',props:{style:{color:"#A5D6FF"}}},{content:": {",props:{style:{color:"#C9D1D9"}}},{content:'"display_name"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"Document"',props:{style:{color:"#A5D6FF"}}},{content:"}",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" }",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build",props:{style:{color:"#D2A8FF"}}},{content:"(self, document: Document, function: ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:") -> Document:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" if ",props:{style:{color:"#FF7B72"}}},{content:"isinstance",props:{style:{color:"#79C0FF"}}},{content:"(document, ",props:{style:{color:"#C9D1D9"}}},{content:"list",props:{style:{color:"#79C0FF"}}},{content:"):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" document ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" document[",props:{style:{color:"#C9D1D9"}}},{content:"0",props:{style:{color:"#79C0FF"}}},{content:"]",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" page_content ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" document.page_content",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" if",props:{style:{color:"#FF7B72"}}},{content:" function ",props:{style:{color:"#C9D1D9"}}},{content:"== ",props:{style:{color:"#FF7B72"}}},{content:'"Uppercase"',props:{style:{color:"#A5D6FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" page_content ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" page_content.upper()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" elif",props:{style:{color:"#FF7B72"}}},{content:" function ",props:{style:{color:"#C9D1D9"}}},{content:"== ",props:{style:{color:"#FF7B72"}}},{content:'"Lowercase"',props:{style:{color:"#A5D6FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" page_content ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" page_content.lower()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" elif",props:{style:{color:"#FF7B72"}}},{content:" function ",props:{style:{color:"#C9D1D9"}}},{content:"== ",props:{style:{color:"#FF7B72"}}},{content:'"Titlecase"',props:{style:{color:"#A5D6FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" page_content ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" page_content.title()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" self",props:{style:{color:"#79C0FF"}}},{content:".repr_value ",props:{style:{color:"#C9D1D9"}}},{content:"= f",props:{style:{color:"#FF7B72"}}},{content:'"Result of ',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"function",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:" function: ",props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"page_content",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" Document(",props:{style:{color:"#C9D1D9"}}},{content:"page_content",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"page_content)",props:{style:{color:"#C9D1D9"}}}]}],lang:"python"},annotations:[]}],southPanel:void 0}],children:[(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h3,{id:"rule-1",children:"Rule 1"}),(0,n.jsxs)(t.p,{children:["The script must contain a ",(0,n.jsx)(t.strong,{children:"single class"})," that inherits from ",(0,n.jsx)(D.InlineCode,{codeConfig:F,code:{lang:"python",lines:[{tokens:[{content:"CustomComponent",props:{style:{color:"#C9D1D9"}}}]}]},children:"CustomComponent"}),"."]}),(0,n.jsx)(D.CodeSlot,{})]}),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h3,{id:"rule-2",children:"Rule 2"}),(0,n.jsxs)(t.p,{children:["This class requires a ",(0,n.jsx)(D.InlineCode,{codeConfig:F,code:{lang:"python",lines:[{tokens:[{content:"build",props:{style:{color:"#D2A8FF"}}}]}]},children:"build"})," method used to run the component and define its fields."]}),(0,n.jsx)(D.CodeSlot,{})]}),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(t.p,{children:["The ",(0,n.jsx)(t.a,{href:"https://docs.python.org/3/library/typing.html",children:"Return Type Annotation"})," of the ",(0,n.jsx)(D.InlineCode,{codeConfig:F,code:{lang:"python",lines:[{tokens:[{content:"build",props:{style:{color:"#D2A8FF"}}}]}]},children:"build"})," method defines the component type (e.g., Chain, BaseLanguageModel, or basic Python types). Check out all supported types in the ",(0,n.jsx)(t.a,{href:"../components/custom",children:"component reference"}),"."]}),(0,n.jsx)(D.CodeSlot,{})]}),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(D.CodeSlot,{}),(0,n.jsx)(t.h3,{id:"rule-3",children:"Rule 3"}),(0,n.jsxs)(t.p,{children:["The class can have a ",(0,n.jsx)(D.SectionLink,{focus:"8",id:"focus://8",children:(0,n.jsx)(D.InlineCode,{codeConfig:F,code:{lang:"python",lines:[{tokens:[{content:"build_config",props:{style:{color:"#D2A8FF"}}}]}]},children:"build_config"})})," method, which defines configuration fields for the component. The ",(0,n.jsx)(D.SectionLink,{focus:"8",id:"focus://8",children:(0,n.jsx)(D.InlineCode,{codeConfig:F,code:{lang:"python",lines:[{tokens:[{content:"build_config",props:{style:{color:"#D2A8FF"}}}]}]},children:"build_config"})})," method should always return a dictionary with specific keys representing the field names and their corresponding configurations. It must follow the format described below:"]}),(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"Top-level keys are field names."}),"\n",(0,n.jsxs)(t.li,{children:["Their values are also of type ",(0,n.jsx)(D.InlineCode,{codeConfig:F,code:{lang:"python",lines:[{tokens:[{content:"dict",props:{style:{color:"#79C0FF"}}}]}]},children:"dict"}),". They specify the behavior of the generated fields."]}),"\n"]}),(0,n.jsxs)(t.p,{children:["Check out the ",(0,n.jsx)(t.a,{href:"../components/custom",children:"component reference"})," for more details on the available field configurations."]})]}),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(D.CodeSlot,{}),(0,n.jsx)(t.h2,{id:"example",children:"Example"}),(0,n.jsxs)(t.p,{children:["Let's create a custom component that processes a document (",(0,n.jsx)(D.InlineCode,{codeConfig:F,code:{lines:[{tokens:[{content:"langchain.schema.Document",props:{style:{color:"#C9D1D9"}}}]}],lang:"python"},children:"langchain.schema.Document"}),") using a simple function."]})]}),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h3,{id:"pick-a-display-name",children:"Pick a display name"}),(0,n.jsxs)(t.p,{children:["To start, let's choose a name for our component by adding a ",(0,n.jsx)(D.InlineCode,{codeConfig:F,code:{lang:"python",lines:[{tokens:[{content:"display_name",props:{style:{color:"#C9D1D9"}}}]}]},children:"display_name"})," attribute. This name will appear on the workspace. The name of the class is not relevant, but let's call it ",(0,n.jsx)(D.InlineCode,{codeConfig:F,code:{lang:"python",lines:[{tokens:[{content:"DocumentProcessor",props:{style:{color:"#FFA657"}}}]}]},children:"DocumentProcessor"}),"."]}),(0,n.jsx)(D.CodeSlot,{})]}),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h3,{id:"write-a-description",children:"Write a description"}),(0,n.jsxs)(t.p,{children:["We can also write a description for it using a ",(0,n.jsx)(D.InlineCode,{codeConfig:F,code:{lang:"python",lines:[{tokens:[{content:"description",props:{style:{color:"#C9D1D9"}}}]}]},children:"description"})," attribute."]}),(0,n.jsx)(D.CodeSlot,{})]}),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(D.CodeSlot,{}),(0,n.jsx)(t.h3,{id:"add-the-build-method",children:"Add the build method"}),(0,n.jsxs)(t.p,{children:["Here, the build method takes two input parameters: ",(0,n.jsx)(D.InlineCode,{codeConfig:F,code:{lang:"python",lines:[{tokens:[{content:"document",props:{style:{color:"#A5D6FF"}}}]}]},children:"document"}),", representing the input document to be processed, and ",(0,n.jsx)(D.InlineCode,{codeConfig:F,code:{lang:"python",lines:[{tokens:[{content:"function",props:{style:{color:"#C9D1D9"}}}]}]},children:"function"}),', a string representing the selected text transformation to be applied (either "Uppercase," "Lowercase," or "Titlecase"). The method processes the text content of the input Document based on the selected function.']}),(0,n.jsxs)(t.p,{children:["The attribute ",(0,n.jsx)(D.InlineCode,{codeConfig:F,code:{lang:"python",lines:[{tokens:[{content:"repr_value",props:{style:{color:"#C9D1D9"}}}]}]},children:"repr_value"})," is used to display the result of the component on the workspace. It is optional and can be used to display any string value."]}),(0,n.jsxs)(t.p,{children:["The return type is ",(0,n.jsx)(D.InlineCode,{codeConfig:F,code:{lang:"python",lines:[{tokens:[{content:"Document",props:{style:{color:"#C9D1D9"}}}]}]},children:"Document"}),"."]})]}),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h3,{id:"customize-the-component-fields",children:"Customize the component fields"}),(0,n.jsxs)(t.p,{children:["The ",(0,n.jsx)(D.InlineCode,{codeConfig:F,code:{lang:"python",lines:[{tokens:[{content:"build_config",props:{style:{color:"#D2A8FF"}}}]}]},children:"build_config"})," method is here defined to customize the component fields."]}),(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(D.InlineCode,{codeConfig:F,code:{lang:"python",lines:[{tokens:[{content:"options",props:{style:{color:"#C9D1D9"}}}]}]},children:"options"})," determines that the field will be a dropdown menu. The list values and field type must be ",(0,n.jsx)(D.InlineCode,{codeConfig:F,code:{lang:"python",lines:[{tokens:[{content:"str",props:{style:{color:"#79C0FF"}}}]}]},children:"str"}),"."]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(D.InlineCode,{codeConfig:F,code:{lang:"python",lines:[{tokens:[{content:"value",props:{style:{color:"#A5D6FF"}}}]}]},children:"value"})," is the default value of the field."]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(D.InlineCode,{codeConfig:F,code:{lang:"python",lines:[{tokens:[{content:"display_name",props:{style:{color:"#C9D1D9"}}}]}]},children:"display_name"})," is the name of the field to be displayed."]}),"\n"]}),(0,n.jsx)(D.CodeSlot,{})]})]}),"\n",(0,n.jsx)(t.p,{children:"All done! This is what our script and brand-new custom component look like:"}),"\n",(0,n.jsxs)("div",{style:{display:"flex",justifyContent:"center"},children:[(0,n.jsx)(l.A,{alt:"Document Processor Code",sources:{light:"img/document_processor_code.png",dark:"img/document_processor_code.png"},style:{maxWidth:"100%",margin:"0 auto",display:"flex",justifyContent:"center"}}),(0,n.jsx)(l.A,{alt:"Document Processor Component",sources:{light:"img/document_processor.png",dark:"img/document_processor.png"},style:{width:"40%",margin:"0 auto",display:"flex",justifyContent:"center"}})]}),"\n",(0,n.jsx)(t.hr,{}),"\n",(0,n.jsx)(t.h2,{id:"load-custom-components",children:"Load Custom Components"}),"\n",(0,n.jsx)(t.p,{children:"For advanced customization, Langflow offers the option to create and load custom components outside of the standard interface. This process involves creating the desired components using a text editor and loading them using the Langflow CLI."}),"\n",(0,n.jsx)(t.h3,{id:"folder-structure",children:"Folder Structure"}),"\n",(0,n.jsxs)(t.p,{children:["Create a folder that follows the same structural conventions as the ",(0,n.jsx)(t.a,{href:"https://github.com/langflow-ai/langflow/blob/dev/src/backend/base/langflow/config.yaml",children:"config.yaml"})," file. Inside this main directory, use a ",(0,n.jsx)(t.code,{children:"custom_components"})," subdirectory for your custom components."]}),"\n",(0,n.jsxs)(t.p,{children:["Inside ",(0,n.jsx)(t.code,{children:"custom_components"}),", you can create a Python file for each component. Similarly, any custom agents should be housed in an ",(0,n.jsx)(t.code,{children:"agents"})," subdirectory."]}),"\n",(0,n.jsxs)(t.p,{children:["If you use a subdirectory name that is not in our config.yaml file, your component will appear in an ",(0,n.jsx)(t.code,{children:"Other"})," category in the sidebar."]}),"\n",(0,n.jsx)(t.p,{children:"Your structure should look something like this:"}),"\n",(0,n.jsx)(D.Code,{codeConfig:F,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:".",props:{}}]},{tokens:[{content:"\u2514\u2500\u2500 custom_components",props:{}}]},{tokens:[{content:" \u251c\u2500\u2500 document_processor.py",props:{}}]},{tokens:[{content:" \u2514\u2500\u2500 ...",props:{}}]},{tokens:[{content:"\u2514\u2500\u2500 agents",props:{}}]},{tokens:[{content:" \u2514\u2500\u2500 ...",props:{}}]},{tokens:[{content:"\u2514\u2500\u2500 my_agents <-- Other category",props:{}}]},{tokens:[{content:" \u2514\u2500\u2500 ...",props:{}}]}],lang:"text"},annotations:[]}]}),"\n",(0,n.jsx)(t.h3,{id:"load-custom-components-1",children:"Load Custom Components"}),"\n",(0,n.jsxs)(t.p,{children:["The recommended way to load custom components is to set the ",(0,n.jsx)(D.InlineCode,{codeConfig:F,code:{lines:[{tokens:[{content:"LANGFLOW_COMPONENTS_PATH",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"LANGFLOW_COMPONENTS_PATH"})," environment variable to the path of your custom components directory. Then, run the Langflow CLI as usual."]}),"\n",(0,n.jsx)(D.Code,{codeConfig:F,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"export",props:{style:{color:"#FF7B72"}}},{content:" LANGFLOW_COMPONENTS_PATH",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"'[\"/path/to/components\"]'",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"langflow ",props:{style:{color:"#FFA657"}}},{content:"run",props:{style:{color:"#A5D6FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,n.jsxs)(t.p,{children:["Alternatively, you can specify the path to your custom components using the ",(0,n.jsx)(D.InlineCode,{codeConfig:F,code:{lines:[{tokens:[{content:"--",props:{style:{color:"#FF7B72"}}},{content:"components",props:{style:{color:"#C9D1D9"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"path",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"--components-path"})," argument when running the Langflow CLI, as shown below:"]}),"\n",(0,n.jsx)(D.Code,{codeConfig:F,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"langflow ",props:{style:{color:"#FFA657"}}},{content:"run ",props:{style:{color:"#A5D6FF"}}},{content:"--components-path ",props:{style:{color:"#79C0FF"}}},{content:"/path/to/components",props:{style:{color:"#A5D6FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,n.jsx)(t.p,{children:"Langflow will attempt to load all of the components found in the specified directory. If a component fails to load due to errors in the component's code, Langflow will print an error message to the console but will continue loading the rest of the components."}),"\n",(0,n.jsx)(t.h3,{id:"interact-with-custom-components",children:"Interact with Custom Components"}),"\n",(0,n.jsx)(t.p,{children:"Once your custom components have been loaded successfully, they will appear in Langflow's sidebar. From there, you can add them to your Langflow workspace for use. However, please note that components with errors will not be available for addition to the workspace. Always ensure your code is error-free before attempting to load components."}),"\n",(0,n.jsx)(t.p,{children:"Remember, creating custom components allows you to extend the functionality of Langflow to better suit your unique needs. Happy coding!"})]})}const u=function(o={}){const{wrapper:t}=Object.assign({},(0,s.RP)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(C,o)})):C(o)};function m(o,t){throw new Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/assets/js/a9b8ddbf.d57442be.js b/assets/js/a9b8ddbf.d57442be.js new file mode 100644 index 0000000000..8b1911d79a --- /dev/null +++ b/assets/js/a9b8ddbf.d57442be.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[5971],{7293:(o,t,e)=>{e.d(t,{A:()=>T});var n=e(6540),s=e(4848);function c(o){const{mdxAdmonitionTitle:t,rest:e}=function(o){const t=n.Children.toArray(o),e=t.find((o=>n.isValidElement(o)&&"mdxAdmonitionTitle"===o.type)),c=t.filter((o=>o!==e)),l=e?.props.children;return{mdxAdmonitionTitle:l,rest:c.length>0?(0,s.jsx)(s.Fragment,{children:c}):null}}(o.children),c=o.title??t;return{...o,...c&&{title:c},children:e}}var l=e(8215),r=e(1312),p=e(7559);const i={admonition:"admonition_xJq3",admonitionHeading:"admonitionHeading_Gvgb",admonitionIcon:"admonitionIcon_Rf37",admonitionContent:"admonitionContent_BuS1"};function a(o){let{type:t,className:e,children:n}=o;return(0,s.jsx)("div",{className:(0,l.A)(p.G.common.admonition,p.G.common.admonitionType(t),i.admonition,e),children:n})}function y(o){let{icon:t,title:e}=o;return(0,s.jsxs)("div",{className:i.admonitionHeading,children:[(0,s.jsx)("span",{className:i.admonitionIcon,children:t}),e]})}function d(o){let{children:t}=o;return t?(0,s.jsx)("div",{className:i.admonitionContent,children:t}):null}function D(o){const{type:t,icon:e,title:n,children:c,className:l}=o;return(0,s.jsxs)(a,{type:t,className:l,children:[n||e?(0,s.jsx)(y,{title:n,icon:e}):null,(0,s.jsx)(d,{children:c})]})}function F(o){return(0,s.jsx)("svg",{viewBox:"0 0 14 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"})})}const u={icon:(0,s.jsx)(F,{}),title:(0,s.jsx)(r.A,{id:"theme.admonition.note",description:"The default label used for the Note admonition (:::note)",children:"note"})};function C(o){return(0,s.jsx)(D,{...u,...o,className:(0,l.A)("alert alert--secondary",o.className),children:o.children})}function m(o){return(0,s.jsx)("svg",{viewBox:"0 0 12 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"})})}const h={icon:(0,s.jsx)(m,{}),title:(0,s.jsx)(r.A,{id:"theme.admonition.tip",description:"The default label used for the Tip admonition (:::tip)",children:"tip"})};function f(o){return(0,s.jsx)(D,{...h,...o,className:(0,l.A)("alert alert--success",o.className),children:o.children})}function g(o){return(0,s.jsx)("svg",{viewBox:"0 0 14 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"})})}const k={icon:(0,s.jsx)(g,{}),title:(0,s.jsx)(r.A,{id:"theme.admonition.info",description:"The default label used for the Info admonition (:::info)",children:"info"})};function x(o){return(0,s.jsx)(D,{...k,...o,className:(0,l.A)("alert alert--info",o.className),children:o.children})}function B(o){return(0,s.jsx)("svg",{viewBox:"0 0 16 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"})})}const j={icon:(0,s.jsx)(B,{}),title:(0,s.jsx)(r.A,{id:"theme.admonition.warning",description:"The default label used for the Warning admonition (:::warning)",children:"warning"})};function A(o){return(0,s.jsx)("svg",{viewBox:"0 0 12 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"})})}const b={icon:(0,s.jsx)(A,{}),title:(0,s.jsx)(r.A,{id:"theme.admonition.danger",description:"The default label used for the Danger admonition (:::danger)",children:"danger"})};const v={icon:(0,s.jsx)(B,{}),title:(0,s.jsx)(r.A,{id:"theme.admonition.caution",description:"The default label used for the Caution admonition (:::caution)",children:"caution"})};const _={...{note:C,tip:f,info:x,warning:function(o){return(0,s.jsx)(D,{...j,...o,className:(0,l.A)("alert alert--warning",o.className),children:o.children})},danger:function(o){return(0,s.jsx)(D,{...b,...o,className:(0,l.A)("alert alert--danger",o.className),children:o.children})}},...{secondary:o=>(0,s.jsx)(C,{title:"secondary",...o}),important:o=>(0,s.jsx)(x,{title:"important",...o}),success:o=>(0,s.jsx)(f,{title:"success",...o}),caution:function(o){return(0,s.jsx)(D,{...v,...o,className:(0,l.A)("alert alert--warning",o.className),children:o.children})}}};var w=e(6763);function T(o){const t=c(o),e=(n=t.type,_[n]||(w.warn(`No admonition component found for admonition type "${n}". Using Info as fallback.`),_.info));var n;return(0,s.jsx)(e,{...t})}},7533:(o,t,e)=>{e.d(t,{A:()=>r});var n=e(6540),s=e(1122),c=e(6025),l=e(4848);const r=o=>{let{alt:t,sources:e,style:r}=o;const[p,i]=(0,n.useState)(!1),a=o=>{"Escape"===o.key&&i(!1)};(0,n.useEffect)((()=>(p?document.addEventListener("keydown",a):document.removeEventListener("keydown",a),()=>{document.removeEventListener("keydown",a)})),[p]);return(0,l.jsx)("div",{className:"zoomable-image "+(p?"fullscreen":""),onClick:()=>{i(!p)},style:{width:"50%",margin:"0 auto",display:"flex",justifyContent:"center",...r},children:(0,l.jsx)(s.A,{className:"zoomable-image-inner",alt:t,sources:{light:(0,c.Ay)(e.light),dark:(0,c.Ay)(e.dark)}})})}},9851:(o,t,e)=>{e.r(t),e.d(t,{CH:()=>d,assets:()=>y,chCodeConfig:()=>D,contentTitle:()=>i,default:()=>C,frontMatter:()=>p,metadata:()=>a,toc:()=>F});e(6540);var n=e(4848),s=e(8453),c=e(4754),l=e(7533),r=e(7293);const p={description:"Custom Components",hide_table_of_contents:!0},i="Custom Components",a={id:"tutorials/custom_components",title:"Custom Components",description:"Custom Components",source:"@site/docs/tutorials/custom_components.mdx",sourceDirName:"tutorials",slug:"/tutorials/custom_components",permalink:"/tutorials/custom_components",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{description:"Custom Components",hide_table_of_contents:!0},sidebar:"docs",previous:{title:"Build Chatbots with the System Message Component",permalink:"/tutorials/chatprompttemplate_guide"},next:{title:"Integrate Documents with Prompt Variables",permalink:"/tutorials/loading_document"}},y={},d={annotations:c.hk,InlineCode:c.R0,Code:c.Cy,Scrollycoding:c.Fk,CodeSlot:c.Wu,SectionLink:c.W_},D={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},F=[{value:"Rules",id:"rules",level:2},{value:"Rule 1",id:"rule-1",level:3},{value:"Rule 2",id:"rule-2",level:3},{value:"Rule 3",id:"rule-3",level:3},{value:"Example",id:"example",level:2},{value:"Pick a display name",id:"pick-a-display-name",level:3},{value:"Write a description",id:"write-a-description",level:3},{value:"Add the build method",id:"add-the-build-method",level:3},{value:"Customize the component fields",id:"customize-the-component-fields",level:3},{value:"Load Custom Components",id:"load-custom-components",level:2},{value:"Folder Structure",id:"folder-structure",level:3},{value:"Load Custom Components",id:"load-custom-components-1",level:3},{value:"Interact with Custom Components",id:"interact-with-custom-components",level:3}];function u(o){const t=Object.assign({h1:"h1",p:"p",strong:"strong",ul:"ul",li:"li",a:"a",hr:"hr",h2:"h2",h3:"h3",code:"code"},(0,s.RP)(),o.components);return d||m("CH",!1),d.Code||m("CH.Code",!0),d.CodeSlot||m("CH.CodeSlot",!0),d.InlineCode||m("CH.InlineCode",!0),d.Scrollycoding||m("CH.Scrollycoding",!0),d.SectionLink||m("CH.SectionLink",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n","\n","\n",(0,n.jsx)(t.h1,{id:"custom-components",children:"Custom Components"}),"\n",(0,n.jsx)(r.A,{type:"warning",title:"warning",children:(0,n.jsx)(t.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,n.jsx)(t.p,{children:"In Langflow, a Custom Component is a special component type that allows users to extend the platform's functionality by creating their own reusable and configurable components."}),"\n",(0,n.jsxs)(t.p,{children:["A Custom Component is created from a user-defined Python script that uses the ",(0,n.jsx)(d.InlineCode,{codeConfig:D,code:{lines:[{tokens:[{content:"CustomComponent",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"CustomComponent"})," class provided by the Langflow library. These components can be as simple as a basic function that takes and returns a string or as complex as a combination of multiple sub-components and API calls."]}),"\n",(0,n.jsx)(t.p,{children:"Let's take a look at the basic rules and features. Then we'll go over an example."}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.strong,{children:"TL;DR"})}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:["Create a class that inherits from ",(0,n.jsx)(d.InlineCode,{codeConfig:D,code:{lines:[{tokens:[{content:"CustomComponent",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"CustomComponent"})," and contains a ",(0,n.jsx)(d.InlineCode,{codeConfig:D,code:{lines:[{tokens:[{content:"build",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"build"})," method."]}),"\n",(0,n.jsxs)(t.li,{children:["Use arguments with ",(0,n.jsx)(t.a,{href:"https://docs.python.org/3/library/typing.html",children:"Type Annotations (or Type Hints)"})," of the ",(0,n.jsx)(d.InlineCode,{codeConfig:D,code:{lines:[{tokens:[{content:"build",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"build"})," method to create component fields."]}),"\n",(0,n.jsxs)(t.li,{children:["Use the ",(0,n.jsx)(d.InlineCode,{codeConfig:D,code:{lines:[{tokens:[{content:"build_config",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"build_config"})," method to customize how these fields look and behave."]}),"\n",(0,n.jsx)(t.li,{children:"Set up a folder with your components to load them up in Langflow's sidebar."}),"\n"]}),"\n",(0,n.jsx)(t.p,{children:"Here is an example:"}),"\n",(0,n.jsxs)("div",{style:{display:"flex",justifyContent:"center"},children:[(0,n.jsx)(d.Code,{linuNumbers:!1,codeConfig:D,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.custom ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" CustomComponent",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langchain.schema ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Document",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"class ",props:{style:{color:"#FF7B72"}}},{content:"DocumentProcessor",props:{style:{color:"#FFA657"}}},{content:"(",props:{style:{color:"#C9D1D9"}}},{content:"CustomComponent",props:{style:{color:"#79C0FF"}}},{content:"):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"Document Processor"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" description ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"This component processes a document"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build_config",props:{style:{color:"#D2A8FF"}}},{content:"(self) -> ",props:{style:{color:"#C9D1D9"}}},{content:"dict",props:{style:{color:"#79C0FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" options ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" [",props:{style:{color:"#C9D1D9"}}},{content:'"Uppercase"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:'"Lowercase"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:'"Titlecase"',props:{style:{color:"#A5D6FF"}}},{content:"]",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "function"',props:{style:{color:"#A5D6FF"}}},{content:": {",props:{style:{color:"#C9D1D9"}}},{content:'"options"',props:{style:{color:"#A5D6FF"}}},{content:": options,",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "value"',props:{style:{color:"#A5D6FF"}}},{content:": options[",props:{style:{color:"#C9D1D9"}}},{content:"0",props:{style:{color:"#79C0FF"}}},{content:"]}}",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build",props:{style:{color:"#D2A8FF"}}},{content:"(self, document: Document, function: ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:") -> Document:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" if ",props:{style:{color:"#FF7B72"}}},{content:"isinstance",props:{style:{color:"#79C0FF"}}},{content:"(document, ",props:{style:{color:"#C9D1D9"}}},{content:"list",props:{style:{color:"#79C0FF"}}},{content:"):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" document ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" document[",props:{style:{color:"#C9D1D9"}}},{content:"0",props:{style:{color:"#79C0FF"}}},{content:"]",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" page_content ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" document.page_content",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" if",props:{style:{color:"#FF7B72"}}},{content:" function ",props:{style:{color:"#C9D1D9"}}},{content:"== ",props:{style:{color:"#FF7B72"}}},{content:'"Uppercase"',props:{style:{color:"#A5D6FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" page_content ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" page_content.upper()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" elif",props:{style:{color:"#FF7B72"}}},{content:" function ",props:{style:{color:"#C9D1D9"}}},{content:"== ",props:{style:{color:"#FF7B72"}}},{content:'"Lowercase"',props:{style:{color:"#A5D6FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" page_content ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" page_content.lower()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" elif",props:{style:{color:"#FF7B72"}}},{content:" function ",props:{style:{color:"#C9D1D9"}}},{content:"== ",props:{style:{color:"#FF7B72"}}},{content:'"Titlecase"',props:{style:{color:"#A5D6FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" page_content ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" page_content.title()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" self",props:{style:{color:"#79C0FF"}}},{content:".repr_value ",props:{style:{color:"#C9D1D9"}}},{content:"= f",props:{style:{color:"#FF7B72"}}},{content:'"Result of ',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"function",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:" function: ",props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"page_content",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" Document(",props:{style:{color:"#C9D1D9"}}},{content:"page_content",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"page_content)",props:{style:{color:"#C9D1D9"}}}]}],lang:"python"},annotations:[]}],children:(0,n.jsx)(d.Code,{codeConfig:D,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.custom ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" CustomComponent",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langchain.schema ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Document",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"class ",props:{style:{color:"#FF7B72"}}},{content:"DocumentProcessor",props:{style:{color:"#FFA657"}}},{content:"(",props:{style:{color:"#C9D1D9"}}},{content:"CustomComponent",props:{style:{color:"#79C0FF"}}},{content:"):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"Document Processor"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" description ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"This component processes a document"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build_config",props:{style:{color:"#D2A8FF"}}},{content:"(self) -> ",props:{style:{color:"#C9D1D9"}}},{content:"dict",props:{style:{color:"#79C0FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" options ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" [",props:{style:{color:"#C9D1D9"}}},{content:'"Uppercase"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:'"Lowercase"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:'"Titlecase"',props:{style:{color:"#A5D6FF"}}},{content:"]",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "function"',props:{style:{color:"#A5D6FF"}}},{content:": {",props:{style:{color:"#C9D1D9"}}},{content:'"options"',props:{style:{color:"#A5D6FF"}}},{content:": options,",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "value"',props:{style:{color:"#A5D6FF"}}},{content:": options[",props:{style:{color:"#C9D1D9"}}},{content:"0",props:{style:{color:"#79C0FF"}}},{content:"]}}",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build",props:{style:{color:"#D2A8FF"}}},{content:"(self, document: Document, function: ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:") -> Document:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" if ",props:{style:{color:"#FF7B72"}}},{content:"isinstance",props:{style:{color:"#79C0FF"}}},{content:"(document, ",props:{style:{color:"#C9D1D9"}}},{content:"list",props:{style:{color:"#79C0FF"}}},{content:"):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" document ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" document[",props:{style:{color:"#C9D1D9"}}},{content:"0",props:{style:{color:"#79C0FF"}}},{content:"]",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" page_content ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" document.page_content",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" if",props:{style:{color:"#FF7B72"}}},{content:" function ",props:{style:{color:"#C9D1D9"}}},{content:"== ",props:{style:{color:"#FF7B72"}}},{content:'"Uppercase"',props:{style:{color:"#A5D6FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" page_content ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" page_content.upper()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" elif",props:{style:{color:"#FF7B72"}}},{content:" function ",props:{style:{color:"#C9D1D9"}}},{content:"== ",props:{style:{color:"#FF7B72"}}},{content:'"Lowercase"',props:{style:{color:"#A5D6FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" page_content ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" page_content.lower()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" elif",props:{style:{color:"#FF7B72"}}},{content:" function ",props:{style:{color:"#C9D1D9"}}},{content:"== ",props:{style:{color:"#FF7B72"}}},{content:'"Titlecase"',props:{style:{color:"#A5D6FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" page_content ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" page_content.title()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" self",props:{style:{color:"#79C0FF"}}},{content:".repr_value ",props:{style:{color:"#C9D1D9"}}},{content:"= f",props:{style:{color:"#FF7B72"}}},{content:'"Result of ',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"function",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:" function: ",props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"page_content",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" Document(",props:{style:{color:"#C9D1D9"}}},{content:"page_content",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"page_content)",props:{style:{color:"#C9D1D9"}}}]}],lang:"python"},annotations:[]}]})}),(0,n.jsx)(l.A,{alt:"Document Processor Component",sources:{light:"img/document_processor.png",dark:"img/document_processor.png"},style:{margin:"0 auto",display:"flex",justifyContent:"center"}})]}),"\n",(0,n.jsx)(t.hr,{}),"\n",(0,n.jsx)(t.h2,{id:"rules",children:"Rules"}),"\n",(0,n.jsx)(t.p,{children:"The Python script for every Custom Component should follow a set of rules. Let's go over them one by one:"}),"\n",(0,n.jsxs)(d.Scrollycoding,{rows:20,className:"",codeConfig:D,editorSteps:[{northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.custom ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" CustomComponent",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langchain.schema ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Document",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"class ",props:{style:{color:"#FF7B72"}}},{content:"MyComponent",props:{style:{color:"#FFA657"}}},{content:"(",props:{style:{color:"#C9D1D9"}}},{content:"CustomComponent",props:{style:{color:"#79C0FF"}}},{content:"):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"Custom Component"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" description ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"This is a custom component"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build_config",props:{style:{color:"#D2A8FF"}}},{content:"(self) -> ",props:{style:{color:"#C9D1D9"}}},{content:"dict",props:{style:{color:"#79C0FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ...",props:{style:{color:"#79C0FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build",props:{style:{color:"#D2A8FF"}}},{content:"(self, document: Document, function: ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:") -> Document:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ...",props:{style:{color:"#79C0FF"}}}]}],lang:"python"},annotations:[]}]},{northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"11",code:{lines:[{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.custom ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" CustomComponent",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langchain.schema ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Document",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"class ",props:{style:{color:"#FF7B72"}}},{content:"MyComponent",props:{style:{color:"#FFA657"}}},{content:"(",props:{style:{color:"#C9D1D9"}}},{content:"CustomComponent",props:{style:{color:"#79C0FF"}}},{content:"):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"Custom Component"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" description ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"This is a custom component"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build_config",props:{style:{color:"#D2A8FF"}}},{content:"(self) -> ",props:{style:{color:"#C9D1D9"}}},{content:"dict",props:{style:{color:"#79C0FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ...",props:{style:{color:"#79C0FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build",props:{style:{color:"#D2A8FF"}}},{content:"(self) -> Document:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ...",props:{style:{color:"#79C0FF"}}}]}],lang:"python"},annotations:[{Component:d.annotations.mark,focus:"11",data:""}]}],southPanel:void 0},{northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"11[20:31]",code:{lines:[{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.custom ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" CustomComponent",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langchain.schema ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Document",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"class ",props:{style:{color:"#FF7B72"}}},{content:"MyComponent",props:{style:{color:"#FFA657"}}},{content:"(",props:{style:{color:"#C9D1D9"}}},{content:"CustomComponent",props:{style:{color:"#79C0FF"}}},{content:"):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"Custom Component"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" description ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"This is a custom component"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build_config",props:{style:{color:"#D2A8FF"}}},{content:"(self) -> ",props:{style:{color:"#C9D1D9"}}},{content:"dict",props:{style:{color:"#79C0FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ...",props:{style:{color:"#79C0FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build",props:{style:{color:"#D2A8FF"}}},{content:"(self) -> Document:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ...",props:{style:{color:"#79C0FF"}}}]}],lang:"python"},annotations:[{Component:d.annotations.mark,focus:"11",data:""}]}],southPanel:void 0},{northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.custom ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" CustomComponent",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langchain.schema ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Document",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"class ",props:{style:{color:"#FF7B72"}}},{content:"MyComponent",props:{style:{color:"#FFA657"}}},{content:"(",props:{style:{color:"#C9D1D9"}}},{content:"CustomComponent",props:{style:{color:"#79C0FF"}}},{content:"):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"Custom Component"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" description ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"This is a custom component"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build_config",props:{style:{color:"#D2A8FF"}}},{content:"(self) -> ",props:{style:{color:"#C9D1D9"}}},{content:"dict",props:{style:{color:"#79C0FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ...",props:{style:{color:"#79C0FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build",props:{style:{color:"#D2A8FF"}}},{content:"(self) -> Document:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ...",props:{style:{color:"#79C0FF"}}}]}],lang:"python"},annotations:[]}],southPanel:void 0},{northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.custom ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" CustomComponent",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langchain.schema ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Document",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"class ",props:{style:{color:"#FF7B72"}}},{content:"MyComponent",props:{style:{color:"#FFA657"}}},{content:"(",props:{style:{color:"#C9D1D9"}}},{content:"CustomComponent",props:{style:{color:"#79C0FF"}}},{content:"):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"Custom Component"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" description ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"This is a custom component"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build_config",props:{style:{color:"#D2A8FF"}}},{content:"(self) -> ",props:{style:{color:"#C9D1D9"}}},{content:"dict",props:{style:{color:"#79C0FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ...",props:{style:{color:"#79C0FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build",props:{style:{color:"#D2A8FF"}}},{content:"(self) -> Document:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ...",props:{style:{color:"#79C0FF"}}}]}],lang:"python"},annotations:[]}],southPanel:void 0},{northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"4,5",code:{lines:[{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.custom ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" CustomComponent",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langchain.schema ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Document",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"class ",props:{style:{color:"#FF7B72"}}},{content:"DocumentProcessor",props:{style:{color:"#FFA657"}}},{content:"(",props:{style:{color:"#C9D1D9"}}},{content:"CustomComponent",props:{style:{color:"#79C0FF"}}},{content:"):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"Document Processor"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" description ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"This is a custom component"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build_config",props:{style:{color:"#D2A8FF"}}},{content:"(self) -> ",props:{style:{color:"#C9D1D9"}}},{content:"dict",props:{style:{color:"#79C0FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ...",props:{style:{color:"#79C0FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build",props:{style:{color:"#D2A8FF"}}},{content:"(self) -> Document:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ...",props:{style:{color:"#79C0FF"}}}]}],lang:"python"},annotations:[]}],southPanel:void 0},{northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.custom ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" CustomComponent",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langchain.schema ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Document",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"class ",props:{style:{color:"#FF7B72"}}},{content:"DocumentProcessor",props:{style:{color:"#FFA657"}}},{content:"(",props:{style:{color:"#C9D1D9"}}},{content:"CustomComponent",props:{style:{color:"#79C0FF"}}},{content:"):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"Document Processor"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" description ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"This component processes a document"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build_config",props:{style:{color:"#D2A8FF"}}},{content:"(self) -> ",props:{style:{color:"#C9D1D9"}}},{content:"dict",props:{style:{color:"#79C0FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ...",props:{style:{color:"#79C0FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build",props:{style:{color:"#D2A8FF"}}},{content:"(self) -> Document:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ...",props:{style:{color:"#79C0FF"}}}]}],lang:"python"},annotations:[]}],southPanel:void 0},{northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.custom ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" CustomComponent",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langchain.schema ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Document",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"class ",props:{style:{color:"#FF7B72"}}},{content:"DocumentProcessor",props:{style:{color:"#FFA657"}}},{content:"(",props:{style:{color:"#C9D1D9"}}},{content:"CustomComponent",props:{style:{color:"#79C0FF"}}},{content:"):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"Document Processor"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" description ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"This component processes a document"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build_config",props:{style:{color:"#D2A8FF"}}},{content:"(self) -> ",props:{style:{color:"#C9D1D9"}}},{content:"dict",props:{style:{color:"#79C0FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ...",props:{style:{color:"#79C0FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build",props:{style:{color:"#D2A8FF"}}},{content:"(self, document: Document, function: ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:") -> Document:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" if ",props:{style:{color:"#FF7B72"}}},{content:"isinstance",props:{style:{color:"#79C0FF"}}},{content:"(document, ",props:{style:{color:"#C9D1D9"}}},{content:"list",props:{style:{color:"#79C0FF"}}},{content:"):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" document ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" document[",props:{style:{color:"#C9D1D9"}}},{content:"0",props:{style:{color:"#79C0FF"}}},{content:"]",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" page_content ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" document.page_content",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" if",props:{style:{color:"#FF7B72"}}},{content:" function ",props:{style:{color:"#C9D1D9"}}},{content:"== ",props:{style:{color:"#FF7B72"}}},{content:'"Uppercase"',props:{style:{color:"#A5D6FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" page_content ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" page_content.upper()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" elif",props:{style:{color:"#FF7B72"}}},{content:" function ",props:{style:{color:"#C9D1D9"}}},{content:"== ",props:{style:{color:"#FF7B72"}}},{content:'"Lowercase"',props:{style:{color:"#A5D6FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" page_content ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" page_content.lower()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" elif",props:{style:{color:"#FF7B72"}}},{content:" function ",props:{style:{color:"#C9D1D9"}}},{content:"== ",props:{style:{color:"#FF7B72"}}},{content:'"Titlecase"',props:{style:{color:"#A5D6FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" page_content ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" page_content.title()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" self",props:{style:{color:"#79C0FF"}}},{content:".repr_value ",props:{style:{color:"#C9D1D9"}}},{content:"= f",props:{style:{color:"#FF7B72"}}},{content:'"Result of ',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"function",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:" function: ",props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"page_content",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" Document(",props:{style:{color:"#C9D1D9"}}},{content:"page_content",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"page_content)",props:{style:{color:"#C9D1D9"}}}]}],lang:"python"},annotations:[]}],southPanel:void 0},{northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.custom ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" CustomComponent",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langchain.schema ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Document",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"class ",props:{style:{color:"#FF7B72"}}},{content:"DocumentProcessor",props:{style:{color:"#FFA657"}}},{content:"(",props:{style:{color:"#C9D1D9"}}},{content:"CustomComponent",props:{style:{color:"#79C0FF"}}},{content:"):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"Document Processor"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" description ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"This component processes a document"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build_config",props:{style:{color:"#D2A8FF"}}},{content:"(self) -> ",props:{style:{color:"#C9D1D9"}}},{content:"dict",props:{style:{color:"#79C0FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" options ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" [",props:{style:{color:"#C9D1D9"}}},{content:'"Uppercase"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:'"Lowercase"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:'"Titlecase"',props:{style:{color:"#A5D6FF"}}},{content:"]",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "function"',props:{style:{color:"#A5D6FF"}}},{content:": {",props:{style:{color:"#C9D1D9"}}},{content:'"options"',props:{style:{color:"#A5D6FF"}}},{content:": options,",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "value"',props:{style:{color:"#A5D6FF"}}},{content:": options[",props:{style:{color:"#C9D1D9"}}},{content:"0",props:{style:{color:"#79C0FF"}}},{content:"],",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "display_name"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"Function"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" },",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "document"',props:{style:{color:"#A5D6FF"}}},{content:": {",props:{style:{color:"#C9D1D9"}}},{content:'"display_name"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"Document"',props:{style:{color:"#A5D6FF"}}},{content:"}",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" }",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build",props:{style:{color:"#D2A8FF"}}},{content:"(self, document: Document, function: ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:") -> Document:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" if ",props:{style:{color:"#FF7B72"}}},{content:"isinstance",props:{style:{color:"#79C0FF"}}},{content:"(document, ",props:{style:{color:"#C9D1D9"}}},{content:"list",props:{style:{color:"#79C0FF"}}},{content:"):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" document ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" document[",props:{style:{color:"#C9D1D9"}}},{content:"0",props:{style:{color:"#79C0FF"}}},{content:"]",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" page_content ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" document.page_content",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" if",props:{style:{color:"#FF7B72"}}},{content:" function ",props:{style:{color:"#C9D1D9"}}},{content:"== ",props:{style:{color:"#FF7B72"}}},{content:'"Uppercase"',props:{style:{color:"#A5D6FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" page_content ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" page_content.upper()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" elif",props:{style:{color:"#FF7B72"}}},{content:" function ",props:{style:{color:"#C9D1D9"}}},{content:"== ",props:{style:{color:"#FF7B72"}}},{content:'"Lowercase"',props:{style:{color:"#A5D6FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" page_content ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" page_content.lower()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" elif",props:{style:{color:"#FF7B72"}}},{content:" function ",props:{style:{color:"#C9D1D9"}}},{content:"== ",props:{style:{color:"#FF7B72"}}},{content:'"Titlecase"',props:{style:{color:"#A5D6FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" page_content ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" page_content.title()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" self",props:{style:{color:"#79C0FF"}}},{content:".repr_value ",props:{style:{color:"#C9D1D9"}}},{content:"= f",props:{style:{color:"#FF7B72"}}},{content:'"Result of ',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"function",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:" function: ",props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"page_content",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" Document(",props:{style:{color:"#C9D1D9"}}},{content:"page_content",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"page_content)",props:{style:{color:"#C9D1D9"}}}]}],lang:"python"},annotations:[]}],southPanel:void 0}],children:[(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h3,{id:"rule-1",children:"Rule 1"}),(0,n.jsxs)(t.p,{children:["The script must contain a ",(0,n.jsx)(t.strong,{children:"single class"})," that inherits from ",(0,n.jsx)(d.InlineCode,{codeConfig:D,code:{lang:"python",lines:[{tokens:[{content:"CustomComponent",props:{style:{color:"#C9D1D9"}}}]}]},children:"CustomComponent"}),"."]}),(0,n.jsx)(d.CodeSlot,{})]}),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h3,{id:"rule-2",children:"Rule 2"}),(0,n.jsxs)(t.p,{children:["This class requires a ",(0,n.jsx)(d.InlineCode,{codeConfig:D,code:{lang:"python",lines:[{tokens:[{content:"build",props:{style:{color:"#D2A8FF"}}}]}]},children:"build"})," method used to run the component and define its fields."]}),(0,n.jsx)(d.CodeSlot,{})]}),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(t.p,{children:["The ",(0,n.jsx)(t.a,{href:"https://docs.python.org/3/library/typing.html",children:"Return Type Annotation"})," of the ",(0,n.jsx)(d.InlineCode,{codeConfig:D,code:{lang:"python",lines:[{tokens:[{content:"build",props:{style:{color:"#D2A8FF"}}}]}]},children:"build"})," method defines the component type (e.g., Chain, BaseLanguageModel, or basic Python types). Check out all supported types in the ",(0,n.jsx)(t.a,{href:"../components/custom",children:"component reference"}),"."]}),(0,n.jsx)(d.CodeSlot,{})]}),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(d.CodeSlot,{}),(0,n.jsx)(t.h3,{id:"rule-3",children:"Rule 3"}),(0,n.jsxs)(t.p,{children:["The class can have a ",(0,n.jsx)(d.SectionLink,{focus:"8",id:"focus://8",children:(0,n.jsx)(d.InlineCode,{codeConfig:D,code:{lang:"python",lines:[{tokens:[{content:"build_config",props:{style:{color:"#D2A8FF"}}}]}]},children:"build_config"})})," method, which defines configuration fields for the component. The ",(0,n.jsx)(d.SectionLink,{focus:"8",id:"focus://8",children:(0,n.jsx)(d.InlineCode,{codeConfig:D,code:{lang:"python",lines:[{tokens:[{content:"build_config",props:{style:{color:"#D2A8FF"}}}]}]},children:"build_config"})})," method should always return a dictionary with specific keys representing the field names and their corresponding configurations. It must follow the format described below:"]}),(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"Top-level keys are field names."}),"\n",(0,n.jsxs)(t.li,{children:["Their values are also of type ",(0,n.jsx)(d.InlineCode,{codeConfig:D,code:{lang:"python",lines:[{tokens:[{content:"dict",props:{style:{color:"#79C0FF"}}}]}]},children:"dict"}),". They specify the behavior of the generated fields."]}),"\n"]}),(0,n.jsxs)(t.p,{children:["Check out the ",(0,n.jsx)(t.a,{href:"../components/custom",children:"component reference"})," for more details on the available field configurations."]})]}),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(d.CodeSlot,{}),(0,n.jsx)(t.h2,{id:"example",children:"Example"}),(0,n.jsxs)(t.p,{children:["Let's create a custom component that processes a document (",(0,n.jsx)(d.InlineCode,{codeConfig:D,code:{lines:[{tokens:[{content:"langchain.schema.Document",props:{style:{color:"#C9D1D9"}}}]}],lang:"python"},children:"langchain.schema.Document"}),") using a simple function."]})]}),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h3,{id:"pick-a-display-name",children:"Pick a display name"}),(0,n.jsxs)(t.p,{children:["To start, let's choose a name for our component by adding a ",(0,n.jsx)(d.InlineCode,{codeConfig:D,code:{lang:"python",lines:[{tokens:[{content:"display_name",props:{style:{color:"#C9D1D9"}}}]}]},children:"display_name"})," attribute. This name will appear on the workspace. The name of the class is not relevant, but let's call it ",(0,n.jsx)(d.InlineCode,{codeConfig:D,code:{lang:"python",lines:[{tokens:[{content:"DocumentProcessor",props:{style:{color:"#FFA657"}}}]}]},children:"DocumentProcessor"}),"."]}),(0,n.jsx)(d.CodeSlot,{})]}),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h3,{id:"write-a-description",children:"Write a description"}),(0,n.jsxs)(t.p,{children:["We can also write a description for it using a ",(0,n.jsx)(d.InlineCode,{codeConfig:D,code:{lang:"python",lines:[{tokens:[{content:"description",props:{style:{color:"#C9D1D9"}}}]}]},children:"description"})," attribute."]}),(0,n.jsx)(d.CodeSlot,{})]}),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(d.CodeSlot,{}),(0,n.jsx)(t.h3,{id:"add-the-build-method",children:"Add the build method"}),(0,n.jsxs)(t.p,{children:["Here, the build method takes two input parameters: ",(0,n.jsx)(d.InlineCode,{codeConfig:D,code:{lang:"python",lines:[{tokens:[{content:"document",props:{style:{color:"#A5D6FF"}}}]}]},children:"document"}),", representing the input document to be processed, and ",(0,n.jsx)(d.InlineCode,{codeConfig:D,code:{lang:"python",lines:[{tokens:[{content:"function",props:{style:{color:"#C9D1D9"}}}]}]},children:"function"}),', a string representing the selected text transformation to be applied (either "Uppercase," "Lowercase," or "Titlecase"). The method processes the text content of the input Document based on the selected function.']}),(0,n.jsxs)(t.p,{children:["The attribute ",(0,n.jsx)(d.InlineCode,{codeConfig:D,code:{lang:"python",lines:[{tokens:[{content:"repr_value",props:{style:{color:"#C9D1D9"}}}]}]},children:"repr_value"})," is used to display the result of the component on the workspace. It is optional and can be used to display any string value."]}),(0,n.jsxs)(t.p,{children:["The return type is ",(0,n.jsx)(d.InlineCode,{codeConfig:D,code:{lang:"python",lines:[{tokens:[{content:"Document",props:{style:{color:"#C9D1D9"}}}]}]},children:"Document"}),"."]})]}),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h3,{id:"customize-the-component-fields",children:"Customize the component fields"}),(0,n.jsxs)(t.p,{children:["The ",(0,n.jsx)(d.InlineCode,{codeConfig:D,code:{lang:"python",lines:[{tokens:[{content:"build_config",props:{style:{color:"#D2A8FF"}}}]}]},children:"build_config"})," method is here defined to customize the component fields."]}),(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(d.InlineCode,{codeConfig:D,code:{lang:"python",lines:[{tokens:[{content:"options",props:{style:{color:"#C9D1D9"}}}]}]},children:"options"})," determines that the field will be a dropdown menu. The list values and field type must be ",(0,n.jsx)(d.InlineCode,{codeConfig:D,code:{lang:"python",lines:[{tokens:[{content:"str",props:{style:{color:"#79C0FF"}}}]}]},children:"str"}),"."]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(d.InlineCode,{codeConfig:D,code:{lang:"python",lines:[{tokens:[{content:"value",props:{style:{color:"#A5D6FF"}}}]}]},children:"value"})," is the default value of the field."]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(d.InlineCode,{codeConfig:D,code:{lang:"python",lines:[{tokens:[{content:"display_name",props:{style:{color:"#C9D1D9"}}}]}]},children:"display_name"})," is the name of the field to be displayed."]}),"\n"]}),(0,n.jsx)(d.CodeSlot,{})]})]}),"\n",(0,n.jsx)(t.p,{children:"All done! This is what our script and brand-new custom component look like:"}),"\n",(0,n.jsxs)("div",{style:{display:"flex",justifyContent:"center"},children:[(0,n.jsx)(l.A,{alt:"Document Processor Code",sources:{light:"img/document_processor_code.png",dark:"img/document_processor_code.png"},style:{maxWidth:"100%",margin:"0 auto",display:"flex",justifyContent:"center"}}),(0,n.jsx)(l.A,{alt:"Document Processor Component",sources:{light:"img/document_processor.png",dark:"img/document_processor.png"},style:{width:"40%",margin:"0 auto",display:"flex",justifyContent:"center"}})]}),"\n",(0,n.jsx)(t.hr,{}),"\n",(0,n.jsx)(t.h2,{id:"load-custom-components",children:"Load Custom Components"}),"\n",(0,n.jsx)(t.p,{children:"For advanced customization, Langflow offers the option to create and load custom components outside of the standard interface. This process involves creating the desired components using a text editor and loading them using the Langflow CLI."}),"\n",(0,n.jsx)(t.h3,{id:"folder-structure",children:"Folder Structure"}),"\n",(0,n.jsxs)(t.p,{children:["Create a folder that follows the same structural conventions as the ",(0,n.jsx)(t.a,{href:"https://github.com/langflow-ai/langflow/blob/dev/src/backend/base/langflow/config.yaml",children:"config.yaml"})," file. Inside this main directory, use a ",(0,n.jsx)(t.code,{children:"custom_components"})," subdirectory for your custom components."]}),"\n",(0,n.jsxs)(t.p,{children:["Inside ",(0,n.jsx)(t.code,{children:"custom_components"}),", you can create a Python file for each component. Similarly, any custom agents should be housed in an ",(0,n.jsx)(t.code,{children:"agents"})," subdirectory."]}),"\n",(0,n.jsxs)(t.p,{children:["If you use a subdirectory name that is not in our config.yaml file, your component will appear in an ",(0,n.jsx)(t.code,{children:"Other"})," category in the sidebar."]}),"\n",(0,n.jsx)(t.p,{children:"Your structure should look something like this:"}),"\n",(0,n.jsx)(d.Code,{codeConfig:D,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:".",props:{}}]},{tokens:[{content:"\u2514\u2500\u2500 custom_components",props:{}}]},{tokens:[{content:" \u251c\u2500\u2500 document_processor.py",props:{}}]},{tokens:[{content:" \u2514\u2500\u2500 ...",props:{}}]},{tokens:[{content:"\u2514\u2500\u2500 agents",props:{}}]},{tokens:[{content:" \u2514\u2500\u2500 ...",props:{}}]},{tokens:[{content:"\u2514\u2500\u2500 my_agents <-- Other category",props:{}}]},{tokens:[{content:" \u2514\u2500\u2500 ...",props:{}}]}],lang:"text"},annotations:[]}]}),"\n",(0,n.jsx)(t.h3,{id:"load-custom-components-1",children:"Load Custom Components"}),"\n",(0,n.jsxs)(t.p,{children:["The recommended way to load custom components is to set the ",(0,n.jsx)(d.InlineCode,{codeConfig:D,code:{lines:[{tokens:[{content:"LANGFLOW_COMPONENTS_PATH",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"LANGFLOW_COMPONENTS_PATH"})," environment variable to the path of your custom components directory. Then, run the Langflow CLI as usual."]}),"\n",(0,n.jsx)(d.Code,{codeConfig:D,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"export",props:{style:{color:"#FF7B72"}}},{content:" LANGFLOW_COMPONENTS_PATH",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"'[\"/path/to/components\"]'",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"langflow ",props:{style:{color:"#FFA657"}}},{content:"run",props:{style:{color:"#A5D6FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,n.jsxs)(t.p,{children:["Alternatively, you can specify the path to your custom components using the ",(0,n.jsx)(d.InlineCode,{codeConfig:D,code:{lines:[{tokens:[{content:"--",props:{style:{color:"#FF7B72"}}},{content:"components",props:{style:{color:"#C9D1D9"}}},{content:"-",props:{style:{color:"#FF7B72"}}},{content:"path",props:{style:{color:"#C9D1D9"}}}]}],lang:"jsx"},children:"--components-path"})," argument when running the Langflow CLI, as shown below:"]}),"\n",(0,n.jsx)(d.Code,{codeConfig:D,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"langflow ",props:{style:{color:"#FFA657"}}},{content:"run ",props:{style:{color:"#A5D6FF"}}},{content:"--components-path ",props:{style:{color:"#79C0FF"}}},{content:"/path/to/components",props:{style:{color:"#A5D6FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,n.jsx)(t.p,{children:"Langflow will attempt to load all of the components found in the specified directory. If a component fails to load due to errors in the component's code, Langflow will print an error message to the console but will continue loading the rest of the components."}),"\n",(0,n.jsx)(t.h3,{id:"interact-with-custom-components",children:"Interact with Custom Components"}),"\n",(0,n.jsx)(t.p,{children:"Once your custom components have been loaded successfully, they will appear in Langflow's sidebar. From there, you can add them to your Langflow workspace for use. However, please note that components with errors will not be available for addition to the workspace. Always ensure your code is error-free before attempting to load components."}),"\n",(0,n.jsx)(t.p,{children:"Remember, creating custom components allows you to extend the functionality of Langflow to better suit your unique needs. Happy coding!"})]})}const C=function(o={}){const{wrapper:t}=Object.assign({},(0,s.RP)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(u,o)})):u(o)};function m(o,t){throw new Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/assets/js/b7466e5a.a424c8c8.js b/assets/js/b7466e5a.a424c8c8.js deleted file mode 100644 index 27c64a440e..0000000000 --- a/assets/js/b7466e5a.a424c8c8.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[25],{7533:(o,e,t)=>{t.d(e,{A:()=>l});var n=t(6540),s=t(1122),r=t(6025),c=t(4848);const l=o=>{let{alt:e,sources:t,style:l}=o;const[p,i]=(0,n.useState)(!1),a=o=>{"Escape"===o.key&&i(!1)};(0,n.useEffect)((()=>(p?document.addEventListener("keydown",a):document.removeEventListener("keydown",a),()=>{document.removeEventListener("keydown",a)})),[p]);return(0,c.jsx)("div",{className:"zoomable-image "+(p?"fullscreen":""),onClick:()=>{i(!p)},style:{width:"50%",margin:"0 auto",display:"flex",justifyContent:"center",...l},children:(0,c.jsx)(s.A,{className:"zoomable-image-inner",alt:e,sources:{light:(0,r.Ay)(t.light),dark:(0,r.Ay)(t.dark)}})})}},5751:(o,e,t)=>{t.r(e),t.d(e,{CH:()=>y,assets:()=>d,chCodeConfig:()=>D,contentTitle:()=>i,default:()=>u,frontMatter:()=>p,metadata:()=>a,toc:()=>h});t(6540);var n=t(4848),s=t(8453),r=t(4754),c=t(7293),l=(t(1122),t(6025),t(7533));const p={},i="Database Properties",a={id:"integrations/notion/list-database-properties",title:"Database Properties",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/integrations/notion/list-database-properties.md",sourceDirName:"integrations/notion",slug:"/integrations/notion/list-database-properties",permalink:"/integrations/notion/list-database-properties",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"docs",previous:{title:"Notion Search",permalink:"/integrations/notion/search"},next:{title:"List Pages",permalink:"/integrations/notion/list-pages"}},d={},y={annotations:r.hk,Code:r.Cy},D={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},h=[{value:"Component Usage",id:"component-usage",level:2},{value:"Component Python code",id:"component-python-code",level:2},{value:"Example Usage",id:"example-usage",level:2},{value:"Best Practices",id:"best-practices",level:2},{value:"Troubleshooting",id:"troubleshooting",level:2}];function F(o){const e=Object.assign({h1:"h1",p:"p",code:"code",a:"a",ul:"ul",li:"li",h2:"h2",ol:"ol"},(0,s.RP)(),o.components);return y||g("CH",!1),y.Code||g("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n","\n","\n",(0,n.jsx)(e.h1,{id:"database-properties",children:"Database Properties"}),"\n",(0,n.jsx)(c.A,{type:"warning",title:"warning",children:(0,n.jsx)(e.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,n.jsxs)(e.p,{children:["The ",(0,n.jsx)(e.code,{children:"NotionDatabaseProperties"})," component retrieves properties of a Notion database. It provides a convenient way to integrate Notion database information into your Langflow workflows."]}),"\n",(0,n.jsx)(e.p,{children:(0,n.jsx)(e.a,{href:"https://developers.notion.com/reference/post-database-query",children:"Notion Reference"})}),"\n",(0,n.jsxs)(c.A,{type:"tip",title:"Component Functionality",children:[(0,n.jsxs)(e.p,{children:["The ",(0,n.jsx)(e.code,{children:"NotionDatabaseProperties"})," component enables you to:"]}),(0,n.jsxs)(e.ul,{children:["\n",(0,n.jsx)(e.li,{children:"Retrieve properties of a Notion database"}),"\n",(0,n.jsx)(e.li,{children:"Access the retrieved properties in your Langflow flows"}),"\n",(0,n.jsx)(e.li,{children:"Integrate Notion database information seamlessly into your workflows"}),"\n"]})]}),"\n",(0,n.jsx)(e.h2,{id:"component-usage",children:"Component Usage"}),"\n",(0,n.jsxs)(e.p,{children:["To use the ",(0,n.jsx)(e.code,{children:"NotionDatabaseProperties"})," component in a Langflow flow, follow these steps:"]}),"\n",(0,n.jsxs)(e.ol,{children:["\n",(0,n.jsxs)(e.li,{children:["Add the ",(0,n.jsx)(e.code,{children:"NotionDatabaseProperties"})," component to your flow."]}),"\n",(0,n.jsxs)(e.li,{children:["Configure the component by providing the required inputs:","\n",(0,n.jsxs)(e.ul,{children:["\n",(0,n.jsxs)(e.li,{children:[(0,n.jsx)(e.code,{children:"database_id"}),": The ID of the Notion database you want to retrieve properties from."]}),"\n",(0,n.jsxs)(e.li,{children:[(0,n.jsx)(e.code,{children:"notion_secret"}),": The Notion integration token for authentication."]}),"\n"]}),"\n"]}),"\n",(0,n.jsxs)(e.li,{children:["Connect the output of the ",(0,n.jsx)(e.code,{children:"NotionDatabaseProperties"})," component to other components in your flow as needed."]}),"\n"]}),"\n",(0,n.jsx)(e.h2,{id:"component-python-code",children:"Component Python code"}),"\n",(0,n.jsx)(y.Code,{codeConfig:D,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#FF7B72"}}},{content:" requests",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" typing ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Dict",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" CustomComponent",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.schema ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Data",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"class ",props:{style:{color:"#FF7B72"}}},{content:"NotionDatabaseProperties",props:{style:{color:"#FFA657"}}},{content:"(",props:{style:{color:"#C9D1D9"}}},{content:"CustomComponent",props:{style:{color:"#79C0FF"}}},{content:"):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"List Database Properties [Notion]"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" description ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"Retrieve properties of a Notion database."',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" documentation: ",props:{style:{color:"#C9D1D9"}}},{content:"str ",props:{style:{color:"#79C0FF"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"https://docs.langflow.org/integrations/notion/list-database-properties"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" icon ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"NotionDirectoryLoader"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build_config",props:{style:{color:"#D2A8FF"}}},{content:"(self):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "database_id"',props:{style:{color:"#A5D6FF"}}},{content:": {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "display_name"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"Database ID"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "field_type"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"str"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "info"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"The ID of the Notion database."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" },",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "notion_secret"',props:{style:{color:"#A5D6FF"}}},{content:": {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "display_name"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"Notion Secret"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "field_type"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"str"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "info"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"The Notion integration token."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "password"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"True",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" },",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" }",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build",props:{style:{color:"#D2A8FF"}}},{content:"(",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" self,",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" database_id: ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" notion_secret: ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ) -> Data:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" url ",props:{style:{color:"#C9D1D9"}}},{content:"= f",props:{style:{color:"#FF7B72"}}},{content:'"https://api.notion.com/v1/databases/',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"database_id",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" headers ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "Authorization"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"f",props:{style:{color:"#FF7B72"}}},{content:'"Bearer ',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"notion_secret",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "Notion-Version"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"2022-06-28"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:"# Use the latest supported version",props:{style:{color:"#8B949E"}}}]},{tokens:[{content:" }",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" response ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" requests.get(url, ",props:{style:{color:"#C9D1D9"}}},{content:"headers",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"headers)",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" response.raise_for_status()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" data ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" response.json()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" properties ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" data.get(",props:{style:{color:"#C9D1D9"}}},{content:'"properties"',props:{style:{color:"#A5D6FF"}}},{content:", {})",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" record ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" Data(",props:{style:{color:"#C9D1D9"}}},{content:"text",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:"(response.json()), ",props:{style:{color:"#C9D1D9"}}},{content:"data",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"properties)",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" self",props:{style:{color:"#79C0FF"}}},{content:".status ",props:{style:{color:"#C9D1D9"}}},{content:"= f",props:{style:{color:"#FF7B72"}}},{content:'"Retrieved ',props:{style:{color:"#A5D6FF"}}},{content:"{len",props:{style:{color:"#79C0FF"}}},{content:"(properties)",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:" properties from the Notion database.",props:{style:{color:"#A5D6FF"}}},{content:"\\n {",props:{style:{color:"#79C0FF"}}},{content:"record.text",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" record",props:{style:{color:"#C9D1D9"}}}]}],lang:"python"},annotations:[]}]}),"\n",(0,n.jsx)(e.h2,{id:"example-usage",children:"Example Usage"}),"\n",(0,n.jsxs)(c.A,{type:"info",title:"Example Usage",children:[(0,n.jsxs)(e.p,{children:["Here's an example of how you can use the ",(0,n.jsx)(e.code,{children:"NotionDatabaseProperties"})," component in a Langflow flow:"]}),(0,n.jsx)(l.A,{alt:"NotionDatabaseProperties Flow Example",sources:{light:"img/notion/NotionDatabaseProperties_flow_example.png",dark:"img/notion/NotionDatabaseProperties_flow_example_dark.png"},style:{width:"100%",margin:"20px 0"}}),(0,n.jsxs)(e.p,{children:["In this example, the ",(0,n.jsx)(e.code,{children:"NotionDatabaseProperties"})," component retrieves the properties of a Notion database, and the retrieved properties are then used as input for subsequent components in the flow."]})]}),"\n",(0,n.jsx)(e.h2,{id:"best-practices",children:"Best Practices"}),"\n",(0,n.jsxs)(e.p,{children:["When using the ",(0,n.jsx)(e.code,{children:"NotionDatabaseProperties"})," component, consider the following best practices:"]}),"\n",(0,n.jsxs)(e.ul,{children:["\n",(0,n.jsx)(e.li,{children:"Ensure that you have a valid Notion integration token with the necessary permissions to access the desired database."}),"\n",(0,n.jsx)(e.li,{children:"Double-check the database ID to avoid retrieving properties from the wrong database."}),"\n",(0,n.jsx)(e.li,{children:"Handle potential errors gracefully by checking the response status and providing appropriate error messages."}),"\n"]}),"\n",(0,n.jsxs)(e.p,{children:["The ",(0,n.jsx)(e.code,{children:"NotionDatabaseProperties"})," component simplifies the process of retrieving properties from a Notion database and integrating them into your Langflow workflows. By leveraging this component, you can easily access and utilize Notion database information in your flows, enabling powerful integrations and automations."]}),"\n",(0,n.jsxs)(e.p,{children:["Feel free to explore the capabilities of the ",(0,n.jsx)(e.code,{children:"NotionDatabaseProperties"})," component and experiment with different use cases to enhance your Langflow workflows!"]}),"\n",(0,n.jsx)(e.h2,{id:"troubleshooting",children:"Troubleshooting"}),"\n",(0,n.jsxs)(e.p,{children:["If you encounter any issues while using the ",(0,n.jsx)(e.code,{children:"NotionDatabaseProperties"})," component, consider the following:"]}),"\n",(0,n.jsxs)(e.ul,{children:["\n",(0,n.jsx)(e.li,{children:"Verify that the Notion integration token is valid and has the required permissions."}),"\n",(0,n.jsx)(e.li,{children:"Check the database ID to ensure it matches the intended Notion database."}),"\n",(0,n.jsx)(e.li,{children:"Inspect the response from the Notion API for any error messages or status codes that may indicate the cause of the issue."}),"\n"]})]})}const u=function(o={}){const{wrapper:e}=Object.assign({},(0,s.RP)(),o.components);return e?(0,n.jsx)(e,Object.assign({},o,{children:(0,n.jsx)(F,o)})):F(o)};function g(o,e){throw new Error("Expected "+(e?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/assets/js/b7466e5a.e12ea85c.js b/assets/js/b7466e5a.e12ea85c.js new file mode 100644 index 0000000000..60614b8c4d --- /dev/null +++ b/assets/js/b7466e5a.e12ea85c.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[25],{7293:(o,e,t)=>{t.d(e,{A:()=>_});var n=t(6540),s=t(4848);function r(o){const{mdxAdmonitionTitle:e,rest:t}=function(o){const e=n.Children.toArray(o),t=e.find((o=>n.isValidElement(o)&&"mdxAdmonitionTitle"===o.type)),r=e.filter((o=>o!==t)),c=t?.props.children;return{mdxAdmonitionTitle:c,rest:r.length>0?(0,s.jsx)(s.Fragment,{children:r}):null}}(o.children),r=o.title??e;return{...o,...r&&{title:r},children:t}}var c=t(8215),l=t(1312),i=t(7559);const a={admonition:"admonition_xJq3",admonitionHeading:"admonitionHeading_Gvgb",admonitionIcon:"admonitionIcon_Rf37",admonitionContent:"admonitionContent_BuS1"};function p(o){let{type:e,className:t,children:n}=o;return(0,s.jsx)("div",{className:(0,c.A)(i.G.common.admonition,i.G.common.admonitionType(e),a.admonition,t),children:n})}function d(o){let{icon:e,title:t}=o;return(0,s.jsxs)("div",{className:a.admonitionHeading,children:[(0,s.jsx)("span",{className:a.admonitionIcon,children:e}),t]})}function h(o){let{children:e}=o;return e?(0,s.jsx)("div",{className:a.admonitionContent,children:e}):null}function y(o){const{type:e,icon:t,title:n,children:r,className:c}=o;return(0,s.jsxs)(p,{type:e,className:c,children:[n||t?(0,s.jsx)(d,{title:n,icon:t}):null,(0,s.jsx)(h,{children:r})]})}function u(o){return(0,s.jsx)("svg",{viewBox:"0 0 14 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"})})}const D={icon:(0,s.jsx)(u,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.note",description:"The default label used for the Note admonition (:::note)",children:"note"})};function m(o){return(0,s.jsx)(y,{...D,...o,className:(0,c.A)("alert alert--secondary",o.className),children:o.children})}function F(o){return(0,s.jsx)("svg",{viewBox:"0 0 12 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"})})}const f={icon:(0,s.jsx)(F,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.tip",description:"The default label used for the Tip admonition (:::tip)",children:"tip"})};function g(o){return(0,s.jsx)(y,{...f,...o,className:(0,c.A)("alert alert--success",o.className),children:o.children})}function x(o){return(0,s.jsx)("svg",{viewBox:"0 0 14 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"})})}const C={icon:(0,s.jsx)(x,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.info",description:"The default label used for the Info admonition (:::info)",children:"info"})};function b(o){return(0,s.jsx)(y,{...C,...o,className:(0,c.A)("alert alert--info",o.className),children:o.children})}function j(o){return(0,s.jsx)("svg",{viewBox:"0 0 16 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"})})}const k={icon:(0,s.jsx)(j,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.warning",description:"The default label used for the Warning admonition (:::warning)",children:"warning"})};function v(o){return(0,s.jsx)("svg",{viewBox:"0 0 12 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"})})}const w={icon:(0,s.jsx)(v,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.danger",description:"The default label used for the Danger admonition (:::danger)",children:"danger"})};const A={icon:(0,s.jsx)(j,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.caution",description:"The default label used for the Caution admonition (:::caution)",children:"caution"})};const N={...{note:m,tip:g,info:b,warning:function(o){return(0,s.jsx)(y,{...k,...o,className:(0,c.A)("alert alert--warning",o.className),children:o.children})},danger:function(o){return(0,s.jsx)(y,{...w,...o,className:(0,c.A)("alert alert--danger",o.className),children:o.children})}},...{secondary:o=>(0,s.jsx)(m,{title:"secondary",...o}),important:o=>(0,s.jsx)(b,{title:"important",...o}),success:o=>(0,s.jsx)(g,{title:"success",...o}),caution:function(o){return(0,s.jsx)(y,{...A,...o,className:(0,c.A)("alert alert--warning",o.className),children:o.children})}}};var B=t(6763);function _(o){const e=r(o),t=(n=e.type,N[n]||(B.warn(`No admonition component found for admonition type "${n}". Using Info as fallback.`),N.info));var n;return(0,s.jsx)(t,{...e})}},7533:(o,e,t)=>{t.d(e,{A:()=>l});var n=t(6540),s=t(1122),r=t(6025),c=t(4848);const l=o=>{let{alt:e,sources:t,style:l}=o;const[i,a]=(0,n.useState)(!1),p=o=>{"Escape"===o.key&&a(!1)};(0,n.useEffect)((()=>(i?document.addEventListener("keydown",p):document.removeEventListener("keydown",p),()=>{document.removeEventListener("keydown",p)})),[i]);return(0,c.jsx)("div",{className:"zoomable-image "+(i?"fullscreen":""),onClick:()=>{a(!i)},style:{width:"50%",margin:"0 auto",display:"flex",justifyContent:"center",...l},children:(0,c.jsx)(s.A,{className:"zoomable-image-inner",alt:e,sources:{light:(0,r.Ay)(t.light),dark:(0,r.Ay)(t.dark)}})})}},5751:(o,e,t)=>{t.r(e),t.d(e,{CH:()=>h,assets:()=>d,chCodeConfig:()=>y,contentTitle:()=>a,default:()=>m,frontMatter:()=>i,metadata:()=>p,toc:()=>u});t(6540);var n=t(4848),s=t(8453),r=t(4754),c=t(7293),l=(t(1122),t(6025),t(7533));const i={},a="Database Properties",p={id:"integrations/notion/list-database-properties",title:"Database Properties",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/integrations/notion/list-database-properties.md",sourceDirName:"integrations/notion",slug:"/integrations/notion/list-database-properties",permalink:"/integrations/notion/list-database-properties",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"docs",previous:{title:"Notion Search",permalink:"/integrations/notion/search"},next:{title:"List Pages",permalink:"/integrations/notion/list-pages"}},d={},h={annotations:r.hk,Code:r.Cy},y={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},u=[{value:"Component Usage",id:"component-usage",level:2},{value:"Component Python code",id:"component-python-code",level:2},{value:"Example Usage",id:"example-usage",level:2},{value:"Best Practices",id:"best-practices",level:2},{value:"Troubleshooting",id:"troubleshooting",level:2}];function D(o){const e=Object.assign({h1:"h1",p:"p",code:"code",a:"a",ul:"ul",li:"li",h2:"h2",ol:"ol"},(0,s.RP)(),o.components);return h||F("CH",!1),h.Code||F("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n","\n","\n",(0,n.jsx)(e.h1,{id:"database-properties",children:"Database Properties"}),"\n",(0,n.jsx)(c.A,{type:"warning",title:"warning",children:(0,n.jsx)(e.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,n.jsxs)(e.p,{children:["The ",(0,n.jsx)(e.code,{children:"NotionDatabaseProperties"})," component retrieves properties of a Notion database. It provides a convenient way to integrate Notion database information into your Langflow workflows."]}),"\n",(0,n.jsx)(e.p,{children:(0,n.jsx)(e.a,{href:"https://developers.notion.com/reference/post-database-query",children:"Notion Reference"})}),"\n",(0,n.jsxs)(c.A,{type:"tip",title:"Component Functionality",children:[(0,n.jsxs)(e.p,{children:["The ",(0,n.jsx)(e.code,{children:"NotionDatabaseProperties"})," component enables you to:"]}),(0,n.jsxs)(e.ul,{children:["\n",(0,n.jsx)(e.li,{children:"Retrieve properties of a Notion database"}),"\n",(0,n.jsx)(e.li,{children:"Access the retrieved properties in your Langflow flows"}),"\n",(0,n.jsx)(e.li,{children:"Integrate Notion database information seamlessly into your workflows"}),"\n"]})]}),"\n",(0,n.jsx)(e.h2,{id:"component-usage",children:"Component Usage"}),"\n",(0,n.jsxs)(e.p,{children:["To use the ",(0,n.jsx)(e.code,{children:"NotionDatabaseProperties"})," component in a Langflow flow, follow these steps:"]}),"\n",(0,n.jsxs)(e.ol,{children:["\n",(0,n.jsxs)(e.li,{children:["Add the ",(0,n.jsx)(e.code,{children:"NotionDatabaseProperties"})," component to your flow."]}),"\n",(0,n.jsxs)(e.li,{children:["Configure the component by providing the required inputs:","\n",(0,n.jsxs)(e.ul,{children:["\n",(0,n.jsxs)(e.li,{children:[(0,n.jsx)(e.code,{children:"database_id"}),": The ID of the Notion database you want to retrieve properties from."]}),"\n",(0,n.jsxs)(e.li,{children:[(0,n.jsx)(e.code,{children:"notion_secret"}),": The Notion integration token for authentication."]}),"\n"]}),"\n"]}),"\n",(0,n.jsxs)(e.li,{children:["Connect the output of the ",(0,n.jsx)(e.code,{children:"NotionDatabaseProperties"})," component to other components in your flow as needed."]}),"\n"]}),"\n",(0,n.jsx)(e.h2,{id:"component-python-code",children:"Component Python code"}),"\n",(0,n.jsx)(h.Code,{codeConfig:y,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#FF7B72"}}},{content:" requests",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" typing ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Dict",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" CustomComponent",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.schema ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Data",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"class ",props:{style:{color:"#FF7B72"}}},{content:"NotionDatabaseProperties",props:{style:{color:"#FFA657"}}},{content:"(",props:{style:{color:"#C9D1D9"}}},{content:"CustomComponent",props:{style:{color:"#79C0FF"}}},{content:"):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"List Database Properties [Notion]"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" description ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"Retrieve properties of a Notion database."',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" documentation: ",props:{style:{color:"#C9D1D9"}}},{content:"str ",props:{style:{color:"#79C0FF"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"https://docs.langflow.org/integrations/notion/list-database-properties"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" icon ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"NotionDirectoryLoader"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build_config",props:{style:{color:"#D2A8FF"}}},{content:"(self):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "database_id"',props:{style:{color:"#A5D6FF"}}},{content:": {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "display_name"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"Database ID"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "field_type"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"str"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "info"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"The ID of the Notion database."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" },",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "notion_secret"',props:{style:{color:"#A5D6FF"}}},{content:": {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "display_name"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"Notion Secret"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "field_type"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"str"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "info"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"The Notion integration token."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "password"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"True",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" },",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" }",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build",props:{style:{color:"#D2A8FF"}}},{content:"(",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" self,",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" database_id: ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" notion_secret: ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ) -> Data:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" url ",props:{style:{color:"#C9D1D9"}}},{content:"= f",props:{style:{color:"#FF7B72"}}},{content:'"https://api.notion.com/v1/databases/',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"database_id",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" headers ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "Authorization"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"f",props:{style:{color:"#FF7B72"}}},{content:'"Bearer ',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"notion_secret",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "Notion-Version"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"2022-06-28"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:"# Use the latest supported version",props:{style:{color:"#8B949E"}}}]},{tokens:[{content:" }",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" response ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" requests.get(url, ",props:{style:{color:"#C9D1D9"}}},{content:"headers",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"headers)",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" response.raise_for_status()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" data ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" response.json()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" properties ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" data.get(",props:{style:{color:"#C9D1D9"}}},{content:'"properties"',props:{style:{color:"#A5D6FF"}}},{content:", {})",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" record ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" Data(",props:{style:{color:"#C9D1D9"}}},{content:"text",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:"(response.json()), ",props:{style:{color:"#C9D1D9"}}},{content:"data",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"properties)",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" self",props:{style:{color:"#79C0FF"}}},{content:".status ",props:{style:{color:"#C9D1D9"}}},{content:"= f",props:{style:{color:"#FF7B72"}}},{content:'"Retrieved ',props:{style:{color:"#A5D6FF"}}},{content:"{len",props:{style:{color:"#79C0FF"}}},{content:"(properties)",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:" properties from the Notion database.",props:{style:{color:"#A5D6FF"}}},{content:"\\n {",props:{style:{color:"#79C0FF"}}},{content:"record.text",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" record",props:{style:{color:"#C9D1D9"}}}]}],lang:"python"},annotations:[]}]}),"\n",(0,n.jsx)(e.h2,{id:"example-usage",children:"Example Usage"}),"\n",(0,n.jsxs)(c.A,{type:"info",title:"Example Usage",children:[(0,n.jsxs)(e.p,{children:["Here's an example of how you can use the ",(0,n.jsx)(e.code,{children:"NotionDatabaseProperties"})," component in a Langflow flow:"]}),(0,n.jsx)(l.A,{alt:"NotionDatabaseProperties Flow Example",sources:{light:"img/notion/NotionDatabaseProperties_flow_example.png",dark:"img/notion/NotionDatabaseProperties_flow_example_dark.png"},style:{width:"100%",margin:"20px 0"}}),(0,n.jsxs)(e.p,{children:["In this example, the ",(0,n.jsx)(e.code,{children:"NotionDatabaseProperties"})," component retrieves the properties of a Notion database, and the retrieved properties are then used as input for subsequent components in the flow."]})]}),"\n",(0,n.jsx)(e.h2,{id:"best-practices",children:"Best Practices"}),"\n",(0,n.jsxs)(e.p,{children:["When using the ",(0,n.jsx)(e.code,{children:"NotionDatabaseProperties"})," component, consider the following best practices:"]}),"\n",(0,n.jsxs)(e.ul,{children:["\n",(0,n.jsx)(e.li,{children:"Ensure that you have a valid Notion integration token with the necessary permissions to access the desired database."}),"\n",(0,n.jsx)(e.li,{children:"Double-check the database ID to avoid retrieving properties from the wrong database."}),"\n",(0,n.jsx)(e.li,{children:"Handle potential errors gracefully by checking the response status and providing appropriate error messages."}),"\n"]}),"\n",(0,n.jsxs)(e.p,{children:["The ",(0,n.jsx)(e.code,{children:"NotionDatabaseProperties"})," component simplifies the process of retrieving properties from a Notion database and integrating them into your Langflow workflows. By leveraging this component, you can easily access and utilize Notion database information in your flows, enabling powerful integrations and automations."]}),"\n",(0,n.jsxs)(e.p,{children:["Feel free to explore the capabilities of the ",(0,n.jsx)(e.code,{children:"NotionDatabaseProperties"})," component and experiment with different use cases to enhance your Langflow workflows!"]}),"\n",(0,n.jsx)(e.h2,{id:"troubleshooting",children:"Troubleshooting"}),"\n",(0,n.jsxs)(e.p,{children:["If you encounter any issues while using the ",(0,n.jsx)(e.code,{children:"NotionDatabaseProperties"})," component, consider the following:"]}),"\n",(0,n.jsxs)(e.ul,{children:["\n",(0,n.jsx)(e.li,{children:"Verify that the Notion integration token is valid and has the required permissions."}),"\n",(0,n.jsx)(e.li,{children:"Check the database ID to ensure it matches the intended Notion database."}),"\n",(0,n.jsx)(e.li,{children:"Inspect the response from the Notion API for any error messages or status codes that may indicate the cause of the issue."}),"\n"]})]})}const m=function(o={}){const{wrapper:e}=Object.assign({},(0,s.RP)(),o.components);return e?(0,n.jsx)(e,Object.assign({},o,{children:(0,n.jsx)(D,o)})):D(o)};function F(o,e){throw new Error("Expected "+(e?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/assets/js/bbc1c28c.01cc804d.js b/assets/js/bbc1c28c.01cc804d.js deleted file mode 100644 index f9f15fcd2a..0000000000 --- a/assets/js/bbc1c28c.01cc804d.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[8991],{2614:(e,o,t)=>{t.r(o),t.d(o,{CH:()=>h,assets:()=>d,chCodeConfig:()=>u,contentTitle:()=>l,default:()=>b,frontMatter:()=>s,metadata:()=>a,toc:()=>p});t(6540);var n=t(4848),r=t(8453),c=t(4754),i=t(7293);const s={},l="How to Contribute?",a={id:"contributing/how-contribute",title:"How to Contribute?",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/contributing/how-contribute.mdx",sourceDirName:"contributing",slug:"/contributing/how-contribute",permalink:"/contributing/how-contribute",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"docs",previous:{title:"Telemetry",permalink:"/contributing/telemetry"},next:{title:"GitHub Issues",permalink:"/contributing/github-issues"}},d={},h={annotations:c.hk,Code:c.Cy},u={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},p=[{value:"Local development",id:"local-development",level:2},{value:"Run locally",id:"run-locally",level:2},{value:"Docker compose",id:"docker-compose",level:2},{value:"Documentation",id:"documentation",level:2}];function g(e){const o=Object.assign({h1:"h1",p:"p",a:"a",hr:"hr",h2:"h2",code:"code",ul:"ul",li:"li"},(0,r.RP)(),e.components);return h||f("CH",!1),h.Code||f("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n","\n","\n",(0,n.jsx)(o.h1,{id:"how-to-contribute",children:"How to Contribute?"}),"\n",(0,n.jsx)(i.A,{type:"warning",title:"warning",children:(0,n.jsx)(o.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,n.jsxs)(o.p,{children:["\ud83d\udc4b Hello there! We welcome contributions from developers of all levels to our open-source project on ",(0,n.jsx)(o.a,{href:"https://github.com/langflow-ai/langflow",children:"GitHub"}),". If you'd like to contribute, please check our contributing guidelines and help make Langflow more accessible."]}),"\n",(0,n.jsx)(o.p,{children:"As an open-source project in a rapidly developing field, we are extremely open\nto contributions, whether in the form of a new feature, improved infra, or better documentation."}),"\n",(0,n.jsxs)(o.p,{children:["To contribute to this project, please follow a ",(0,n.jsx)(o.a,{href:"https://docs.github.com/en/get-started/quickstart/contributing-to-projects",children:'"fork and pull request"'})," workflow."]}),"\n",(0,n.jsx)(o.p,{children:"Please do not try to push directly to this repo unless you are a maintainer."}),"\n",(0,n.jsx)(o.hr,{}),"\n",(0,n.jsx)(o.h2,{id:"local-development",children:"Local development"}),"\n",(0,n.jsx)(o.p,{children:"You can develop Langflow using docker compose, or locally."}),"\n",(0,n.jsxs)(o.p,{children:["We provide a ",(0,n.jsx)(o.code,{children:".vscode/launch.json"})," file for debugging the backend in VSCode, which is a lot faster than using docker compose."]}),"\n",(0,n.jsx)(o.p,{children:"Setting up hooks:"}),"\n",(0,n.jsx)(h.Code,{codeConfig:u,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"make ",props:{style:{color:"#FFA657"}}},{content:"init",props:{style:{color:"#A5D6FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,n.jsxs)(o.p,{children:["This will install the pre-commit hooks, which will run ",(0,n.jsx)(o.code,{children:"make format"})," on every commit."]}),"\n",(0,n.jsxs)(o.p,{children:["It is advised to run ",(0,n.jsx)(o.code,{children:"make lint"})," before pushing to the repository."]}),"\n",(0,n.jsx)(o.hr,{}),"\n",(0,n.jsx)(o.h2,{id:"run-locally",children:"Run locally"}),"\n",(0,n.jsx)(o.p,{children:"Langflow can run locally by cloning the repository and installing the dependencies. We recommend using a virtual environment to isolate the dependencies from your system."}),"\n",(0,n.jsx)(o.p,{children:"Before you start, make sure you have the following installed:"}),"\n",(0,n.jsxs)(o.ul,{children:["\n",(0,n.jsx)(o.li,{children:"Poetry (>=1.4)"}),"\n",(0,n.jsx)(o.li,{children:"Node.js"}),"\n"]}),"\n",(0,n.jsx)(o.p,{children:"Then, in the root folder, install the dependencies and start the development server for the backend:"}),"\n",(0,n.jsx)(h.Code,{codeConfig:u,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"make ",props:{style:{color:"#FFA657"}}},{content:"backend",props:{style:{color:"#A5D6FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,n.jsx)(o.p,{children:"And the frontend:"}),"\n",(0,n.jsx)(h.Code,{codeConfig:u,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"make ",props:{style:{color:"#FFA657"}}},{content:"frontend",props:{style:{color:"#A5D6FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,n.jsx)(o.hr,{}),"\n",(0,n.jsx)(o.h2,{id:"docker-compose",children:"Docker compose"}),"\n",(0,n.jsxs)(o.p,{children:["The following snippet will run the backend and frontend in separate containers. The frontend will be available at ",(0,n.jsx)(o.code,{children:"localhost:3000"})," and the backend at ",(0,n.jsx)(o.code,{children:"localhost:7860"}),"."]}),"\n",(0,n.jsx)(h.Code,{codeConfig:u,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"docker ",props:{style:{color:"#FFA657"}}},{content:"compose up ",props:{style:{color:"#A5D6FF"}}},{content:"--build",props:{style:{color:"#79C0FF"}}}]},{tokens:[{content:"# or",props:{style:{color:"#8B949E"}}}]},{tokens:[{content:"make ",props:{style:{color:"#FFA657"}}},{content:"dev build=",props:{style:{color:"#A5D6FF"}}},{content:"1",props:{style:{color:"#79C0FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,n.jsx)(o.hr,{}),"\n",(0,n.jsx)(o.h2,{id:"documentation",children:"Documentation"}),"\n",(0,n.jsxs)(o.p,{children:["The documentation is built using ",(0,n.jsx)(o.a,{href:"https://docusaurus.io/",children:"Docusaurus"}),". To run the documentation locally, run the following commands:"]}),"\n",(0,n.jsx)(h.Code,{codeConfig:u,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"cd ",props:{style:{color:"#79C0FF"}}},{content:"docs",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"npm ",props:{style:{color:"#FFA657"}}},{content:"install",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"npm ",props:{style:{color:"#FFA657"}}},{content:"run start",props:{style:{color:"#A5D6FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,n.jsxs)(o.p,{children:["The documentation will be available at ",(0,n.jsx)(o.code,{children:"localhost:3000"})," and all the files are located in the ",(0,n.jsx)(o.code,{children:"docs/docs"})," folder.\nOnce you are done with your changes, you can create a Pull Request to the ",(0,n.jsx)(o.code,{children:"main"})," branch."]})]})}const b=function(e={}){const{wrapper:o}=Object.assign({},(0,r.RP)(),e.components);return o?(0,n.jsx)(o,Object.assign({},e,{children:(0,n.jsx)(g,e)})):g(e)};function f(e,o){throw new Error("Expected "+(o?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/assets/js/bbc1c28c.4365f5fb.js b/assets/js/bbc1c28c.4365f5fb.js new file mode 100644 index 0000000000..c5078aaf43 --- /dev/null +++ b/assets/js/bbc1c28c.4365f5fb.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[8991],{7293:(e,n,o)=>{o.d(n,{A:()=>H});var t=o(6540),i=o(4848);function c(e){const{mdxAdmonitionTitle:n,rest:o}=function(e){const n=t.Children.toArray(e),o=n.find((e=>t.isValidElement(e)&&"mdxAdmonitionTitle"===e.type)),c=n.filter((e=>e!==o)),r=o?.props.children;return{mdxAdmonitionTitle:r,rest:c.length>0?(0,i.jsx)(i.Fragment,{children:c}):null}}(e.children),c=e.title??n;return{...e,...c&&{title:c},children:o}}var r=o(8215),s=o(1312),l=o(7559);const a={admonition:"admonition_xJq3",admonitionHeading:"admonitionHeading_Gvgb",admonitionIcon:"admonitionIcon_Rf37",admonitionContent:"admonitionContent_BuS1"};function d(e){let{type:n,className:o,children:t}=e;return(0,i.jsx)("div",{className:(0,r.A)(l.G.common.admonition,l.G.common.admonitionType(n),a.admonition,o),children:t})}function h(e){let{icon:n,title:o}=e;return(0,i.jsxs)("div",{className:a.admonitionHeading,children:[(0,i.jsx)("span",{className:a.admonitionIcon,children:n}),o]})}function u(e){let{children:n}=e;return n?(0,i.jsx)("div",{className:a.admonitionContent,children:n}):null}function p(e){const{type:n,icon:o,title:t,children:c,className:r}=e;return(0,i.jsxs)(d,{type:n,className:r,children:[t||o?(0,i.jsx)(h,{title:t,icon:o}):null,(0,i.jsx)(u,{children:c})]})}function m(e){return(0,i.jsx)("svg",{viewBox:"0 0 14 16",...e,children:(0,i.jsx)("path",{fillRule:"evenodd",d:"M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"})})}const f={icon:(0,i.jsx)(m,{}),title:(0,i.jsx)(s.A,{id:"theme.admonition.note",description:"The default label used for the Note admonition (:::note)",children:"note"})};function g(e){return(0,i.jsx)(p,{...f,...e,className:(0,r.A)("alert alert--secondary",e.className),children:e.children})}function x(e){return(0,i.jsx)("svg",{viewBox:"0 0 12 16",...e,children:(0,i.jsx)("path",{fillRule:"evenodd",d:"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"})})}const j={icon:(0,i.jsx)(x,{}),title:(0,i.jsx)(s.A,{id:"theme.admonition.tip",description:"The default label used for the Tip admonition (:::tip)",children:"tip"})};function b(e){return(0,i.jsx)(p,{...j,...e,className:(0,r.A)("alert alert--success",e.className),children:e.children})}function v(e){return(0,i.jsx)("svg",{viewBox:"0 0 14 16",...e,children:(0,i.jsx)("path",{fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"})})}const y={icon:(0,i.jsx)(v,{}),title:(0,i.jsx)(s.A,{id:"theme.admonition.info",description:"The default label used for the Info admonition (:::info)",children:"info"})};function k(e){return(0,i.jsx)(p,{...y,...e,className:(0,r.A)("alert alert--info",e.className),children:e.children})}function w(e){return(0,i.jsx)("svg",{viewBox:"0 0 16 16",...e,children:(0,i.jsx)("path",{fillRule:"evenodd",d:"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"})})}const F={icon:(0,i.jsx)(w,{}),title:(0,i.jsx)(s.A,{id:"theme.admonition.warning",description:"The default label used for the Warning admonition (:::warning)",children:"warning"})};function C(e){return(0,i.jsx)("svg",{viewBox:"0 0 12 16",...e,children:(0,i.jsx)("path",{fillRule:"evenodd",d:"M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"})})}const A={icon:(0,i.jsx)(C,{}),title:(0,i.jsx)(s.A,{id:"theme.admonition.danger",description:"The default label used for the Danger admonition (:::danger)",children:"danger"})};const N={icon:(0,i.jsx)(w,{}),title:(0,i.jsx)(s.A,{id:"theme.admonition.caution",description:"The default label used for the Caution admonition (:::caution)",children:"caution"})};const T={...{note:g,tip:b,info:k,warning:function(e){return(0,i.jsx)(p,{...F,...e,className:(0,r.A)("alert alert--warning",e.className),children:e.children})},danger:function(e){return(0,i.jsx)(p,{...A,...e,className:(0,r.A)("alert alert--danger",e.className),children:e.children})}},...{secondary:e=>(0,i.jsx)(g,{title:"secondary",...e}),important:e=>(0,i.jsx)(k,{title:"important",...e}),success:e=>(0,i.jsx)(b,{title:"success",...e}),caution:function(e){return(0,i.jsx)(p,{...N,...e,className:(0,r.A)("alert alert--warning",e.className),children:e.children})}}};var B=o(6763);function H(e){const n=c(e),o=(t=n.type,T[t]||(B.warn(`No admonition component found for admonition type "${t}". Using Info as fallback.`),T.info));var t;return(0,i.jsx)(o,{...n})}},2614:(e,n,o)=>{o.r(n),o.d(n,{CH:()=>h,assets:()=>d,chCodeConfig:()=>u,contentTitle:()=>l,default:()=>f,frontMatter:()=>s,metadata:()=>a,toc:()=>p});o(6540);var t=o(4848),i=o(8453),c=o(4754),r=o(7293);const s={},l="How to Contribute?",a={id:"contributing/how-contribute",title:"How to Contribute?",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/contributing/how-contribute.mdx",sourceDirName:"contributing",slug:"/contributing/how-contribute",permalink:"/contributing/how-contribute",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"docs",previous:{title:"Telemetry",permalink:"/contributing/telemetry"},next:{title:"GitHub Issues",permalink:"/contributing/github-issues"}},d={},h={annotations:c.hk,Code:c.Cy},u={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},p=[{value:"Local development",id:"local-development",level:2},{value:"Run locally",id:"run-locally",level:2},{value:"Docker compose",id:"docker-compose",level:2},{value:"Documentation",id:"documentation",level:2}];function m(e){const n=Object.assign({h1:"h1",p:"p",a:"a",hr:"hr",h2:"h2",code:"code",ul:"ul",li:"li"},(0,i.RP)(),e.components);return h||g("CH",!1),h.Code||g("CH.Code",!0),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n","\n","\n",(0,t.jsx)(n.h1,{id:"how-to-contribute",children:"How to Contribute?"}),"\n",(0,t.jsx)(r.A,{type:"warning",title:"warning",children:(0,t.jsx)(n.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,t.jsxs)(n.p,{children:["\ud83d\udc4b Hello there! We welcome contributions from developers of all levels to our open-source project on ",(0,t.jsx)(n.a,{href:"https://github.com/langflow-ai/langflow",children:"GitHub"}),". If you'd like to contribute, please check our contributing guidelines and help make Langflow more accessible."]}),"\n",(0,t.jsx)(n.p,{children:"As an open-source project in a rapidly developing field, we are extremely open\nto contributions, whether in the form of a new feature, improved infra, or better documentation."}),"\n",(0,t.jsxs)(n.p,{children:["To contribute to this project, please follow a ",(0,t.jsx)(n.a,{href:"https://docs.github.com/en/get-started/quickstart/contributing-to-projects",children:'"fork and pull request"'})," workflow."]}),"\n",(0,t.jsx)(n.p,{children:"Please do not try to push directly to this repo unless you are a maintainer."}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h2,{id:"local-development",children:"Local development"}),"\n",(0,t.jsx)(n.p,{children:"You can develop Langflow using docker compose, or locally."}),"\n",(0,t.jsxs)(n.p,{children:["We provide a ",(0,t.jsx)(n.code,{children:".vscode/launch.json"})," file for debugging the backend in VSCode, which is a lot faster than using docker compose."]}),"\n",(0,t.jsx)(n.p,{children:"Setting up hooks:"}),"\n",(0,t.jsx)(h.Code,{codeConfig:u,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"make ",props:{style:{color:"#FFA657"}}},{content:"init",props:{style:{color:"#A5D6FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,t.jsxs)(n.p,{children:["This will install the pre-commit hooks, which will run ",(0,t.jsx)(n.code,{children:"make format"})," on every commit."]}),"\n",(0,t.jsxs)(n.p,{children:["It is advised to run ",(0,t.jsx)(n.code,{children:"make lint"})," before pushing to the repository."]}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h2,{id:"run-locally",children:"Run locally"}),"\n",(0,t.jsx)(n.p,{children:"Langflow can run locally by cloning the repository and installing the dependencies. We recommend using a virtual environment to isolate the dependencies from your system."}),"\n",(0,t.jsx)(n.p,{children:"Before you start, make sure you have the following installed:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Poetry (>=1.4)"}),"\n",(0,t.jsx)(n.li,{children:"Node.js"}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"Then, in the root folder, install the dependencies and start the development server for the backend:"}),"\n",(0,t.jsx)(h.Code,{codeConfig:u,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"make ",props:{style:{color:"#FFA657"}}},{content:"backend",props:{style:{color:"#A5D6FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,t.jsx)(n.p,{children:"And the frontend:"}),"\n",(0,t.jsx)(h.Code,{codeConfig:u,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"make ",props:{style:{color:"#FFA657"}}},{content:"frontend",props:{style:{color:"#A5D6FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h2,{id:"docker-compose",children:"Docker compose"}),"\n",(0,t.jsxs)(n.p,{children:["The following snippet will run the backend and frontend in separate containers. The frontend will be available at ",(0,t.jsx)(n.code,{children:"localhost:3000"})," and the backend at ",(0,t.jsx)(n.code,{children:"localhost:7860"}),"."]}),"\n",(0,t.jsx)(h.Code,{codeConfig:u,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"docker ",props:{style:{color:"#FFA657"}}},{content:"compose up ",props:{style:{color:"#A5D6FF"}}},{content:"--build",props:{style:{color:"#79C0FF"}}}]},{tokens:[{content:"# or",props:{style:{color:"#8B949E"}}}]},{tokens:[{content:"make ",props:{style:{color:"#FFA657"}}},{content:"dev build=",props:{style:{color:"#A5D6FF"}}},{content:"1",props:{style:{color:"#79C0FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h2,{id:"documentation",children:"Documentation"}),"\n",(0,t.jsxs)(n.p,{children:["The documentation is built using ",(0,t.jsx)(n.a,{href:"https://docusaurus.io/",children:"Docusaurus"}),". To run the documentation locally, run the following commands:"]}),"\n",(0,t.jsx)(h.Code,{codeConfig:u,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"cd ",props:{style:{color:"#79C0FF"}}},{content:"docs",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"npm ",props:{style:{color:"#FFA657"}}},{content:"install",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"npm ",props:{style:{color:"#FFA657"}}},{content:"run start",props:{style:{color:"#A5D6FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,t.jsxs)(n.p,{children:["The documentation will be available at ",(0,t.jsx)(n.code,{children:"localhost:3000"})," and all the files are located in the ",(0,t.jsx)(n.code,{children:"docs/docs"})," folder.\nOnce you are done with your changes, you can create a Pull Request to the ",(0,t.jsx)(n.code,{children:"main"})," branch."]})]})}const f=function(e={}){const{wrapper:n}=Object.assign({},(0,i.RP)(),e.components);return n?(0,t.jsx)(n,Object.assign({},e,{children:(0,t.jsx)(m,e)})):m(e)};function g(e,n){throw new Error("Expected "+(n?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/assets/js/cdfe9fae.5a5bf6cb.js b/assets/js/cdfe9fae.5a5bf6cb.js deleted file mode 100644 index 10889cc450..0000000000 --- a/assets/js/cdfe9fae.5a5bf6cb.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[1494],{7533:(o,t,e)=>{e.d(t,{A:()=>l});var n=e(6540),s=e(1122),r=e(6025),c=e(4848);const l=o=>{let{alt:t,sources:e,style:l}=o;const[p,i]=(0,n.useState)(!1),d=o=>{"Escape"===o.key&&i(!1)};(0,n.useEffect)((()=>(p?document.addEventListener("keydown",d):document.removeEventListener("keydown",d),()=>{document.removeEventListener("keydown",d)})),[p]);return(0,c.jsx)("div",{className:"zoomable-image "+(p?"fullscreen":""),onClick:()=>{i(!p)},style:{width:"50%",margin:"0 auto",display:"flex",justifyContent:"center",...l},children:(0,c.jsx)(s.A,{className:"zoomable-image-inner",alt:t,sources:{light:(0,r.Ay)(e.light),dark:(0,r.Ay)(e.dark)}})})}},8010:(o,t,e)=>{e.r(t),e.d(t,{CH:()=>y,assets:()=>a,chCodeConfig:()=>D,contentTitle:()=>i,default:()=>C,frontMatter:()=>p,metadata:()=>d,toc:()=>F});e(6540);var n=e(4848),s=e(8453),r=e(4754),c=e(7293),l=(e(1122),e(6025),e(7533));const p={},i="Add Content To Page",d={id:"integrations/notion/add-content-to-page",title:"Add Content To Page",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/integrations/notion/add-content-to-page.md",sourceDirName:"integrations/notion",slug:"/integrations/notion/add-content-to-page",permalink:"/integrations/notion/add-content-to-page",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"docs",previous:{title:"Page Create",permalink:"/integrations/notion/page-create"},next:{title:"Page Update",permalink:"/integrations/notion/page-update"}},a={},y={annotations:r.hk,Code:r.Cy},D={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},F=[{value:"Component Usage",id:"component-usage",level:2},{value:"Component Python Code",id:"component-python-code",level:2},{value:"Example Usage",id:"example-usage",level:2},{value:"Best Practices",id:"best-practices",level:2},{value:"Troubleshooting",id:"troubleshooting",level:2}];function h(o){const t=Object.assign({h1:"h1",p:"p",code:"code",a:"a",ul:"ul",li:"li",h2:"h2",ol:"ol",strong:"strong"},(0,s.RP)(),o.components);return y||g("CH",!1),y.Code||g("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n","\n","\n",(0,n.jsx)(t.h1,{id:"add-content-to-page",children:"Add Content To Page"}),"\n",(0,n.jsx)(c.A,{type:"warning",title:"warning",children:(0,n.jsx)(t.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,n.jsxs)(t.p,{children:["The ",(0,n.jsx)(t.code,{children:"AddContentToPage"})," component converts markdown text to Notion blocks and appends them to a Notion page."]}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.a,{href:"https://developers.notion.com/reference/patch-block-children",children:"Notion Reference"})}),"\n",(0,n.jsxs)(t.p,{children:["The ",(0,n.jsx)(t.code,{children:"AddContentToPage"})," component enables you to:"]}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"Convert markdown text to Notion blocks."}),"\n",(0,n.jsx)(t.li,{children:"Append the converted blocks to a specified Notion page."}),"\n",(0,n.jsx)(t.li,{children:"Seamlessly integrate Notion content creation into Langflow workflows."}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"component-usage",children:"Component Usage"}),"\n",(0,n.jsxs)(t.p,{children:["To use the ",(0,n.jsx)(t.code,{children:"AddContentToPage"})," component in a Langflow flow:"]}),"\n",(0,n.jsxs)(t.ol,{children:["\n",(0,n.jsxs)(t.li,{children:[(0,n.jsxs)(t.strong,{children:["Add the ",(0,n.jsx)(t.code,{children:"AddContentToPage"})," component"]})," to your flow."]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.strong,{children:"Configure the component"})," by providing:","\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"markdown_text"}),": The markdown text to convert."]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"block_id"}),": The ID of the Notion page/block to append the content."]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"notion_secret"}),": The Notion integration token for authentication."]}),"\n"]}),"\n"]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.strong,{children:"Connect the component"})," to other nodes in your flow as needed."]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.strong,{children:"Run the flow"})," to convert the markdown text and append it to the specified Notion page."]}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"component-python-code",children:"Component Python Code"}),"\n",(0,n.jsx)(y.Code,{codeConfig:D,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#FF7B72"}}},{content:" json",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" typing ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Optional",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"import",props:{style:{color:"#FF7B72"}}},{content:" requests",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.custom ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" CustomComponent",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"class ",props:{style:{color:"#FF7B72"}}},{content:"NotionPageCreator",props:{style:{color:"#FFA657"}}},{content:"(",props:{style:{color:"#C9D1D9"}}},{content:"CustomComponent",props:{style:{color:"#79C0FF"}}},{content:"):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"Create Page [Notion]"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" description ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"A component for creating Notion pages."',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" documentation: ",props:{style:{color:"#C9D1D9"}}},{content:"str ",props:{style:{color:"#79C0FF"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"https://docs.langflow.org/integrations/notion/add-content-to-page"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" icon ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"NotionDirectoryLoader"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build_config",props:{style:{color:"#D2A8FF"}}},{content:"(self):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "database_id"',props:{style:{color:"#A5D6FF"}}},{content:": {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "display_name"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"Database ID"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "field_type"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"str"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "info"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"The ID of the Notion database."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" },",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "notion_secret"',props:{style:{color:"#A5D6FF"}}},{content:": {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "display_name"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"Notion Secret"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "field_type"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"str"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "info"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"The Notion integration token."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "password"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"True",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" },",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "properties"',props:{style:{color:"#A5D6FF"}}},{content:": {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "display_name"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"Properties"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "field_type"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"str"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "info"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"\"The properties of the new page. Depending on your database setup, this can change. E.G: {'Task name': {'id': 'title', 'type': 'title', 'title': [{'type': 'text', 'text': {'content': 'Send Notion Components to LF', 'link': null",props:{style:{color:"#A5D6FF"}}},{content:"}}",props:{style:{color:"#79C0FF"}}},{content:"]",props:{style:{color:"#A5D6FF"}}},{content:"}}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" },",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" }",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build",props:{style:{color:"#D2A8FF"}}},{content:"(",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" self,",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" database_id: ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" notion_secret: ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" properties: ",props:{style:{color:"#C9D1D9"}}},{content:"str ",props:{style:{color:"#79C0FF"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'\'{"Task name": {"id": "title", "type": "title", "title": [{"type": "text", "text": {"content": "Send Notion Components to LF", "link": null',props:{style:{color:"#A5D6FF"}}},{content:"}}",props:{style:{color:"#79C0FF"}}},{content:"]",props:{style:{color:"#A5D6FF"}}},{content:"}}",props:{style:{color:"#79C0FF"}}},{content:"'",props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ) -> ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" if not",props:{style:{color:"#FF7B72"}}},{content:" database_id ",props:{style:{color:"#C9D1D9"}}},{content:"or not",props:{style:{color:"#FF7B72"}}},{content:" properties:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" raise ",props:{style:{color:"#FF7B72"}}},{content:"ValueError",props:{style:{color:"#79C0FF"}}},{content:"(",props:{style:{color:"#C9D1D9"}}},{content:"\"Invalid input. Please provide 'database_id' and 'properties'.\"",props:{style:{color:"#A5D6FF"}}},{content:")",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" headers ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "Authorization"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"f",props:{style:{color:"#FF7B72"}}},{content:'"Bearer ',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"notion_secret",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "Content-Type"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"application/json"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "Notion-Version"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"2022-06-28"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" }",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" data ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "parent"',props:{style:{color:"#A5D6FF"}}},{content:": {",props:{style:{color:"#C9D1D9"}}},{content:'"database_id"',props:{style:{color:"#A5D6FF"}}},{content:": database_id},",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "properties"',props:{style:{color:"#A5D6FF"}}},{content:": json.loads(properties),",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" }",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" response ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" requests.post(",props:{style:{color:"#C9D1D9"}}},{content:'"https://api.notion.com/v1/pages"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:"headers",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"headers, ",props:{style:{color:"#C9D1D9"}}},{content:"json",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"data)",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" if",props:{style:{color:"#FF7B72"}}},{content:" response.status_code ",props:{style:{color:"#C9D1D9"}}},{content:"== ",props:{style:{color:"#FF7B72"}}},{content:"200",props:{style:{color:"#79C0FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" page_id ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" response.json()[",props:{style:{color:"#C9D1D9"}}},{content:'"id"',props:{style:{color:"#A5D6FF"}}},{content:"]",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" self",props:{style:{color:"#79C0FF"}}},{content:".status ",props:{style:{color:"#C9D1D9"}}},{content:"= f",props:{style:{color:"#FF7B72"}}},{content:'"Successfully created Notion page with ID: ',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"page_id",props:{style:{color:"#C9D1D9"}}},{content:"}\\n {str",props:{style:{color:"#79C0FF"}}},{content:"(response.json())",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" response.json()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" else",props:{style:{color:"#FF7B72"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" error_message ",props:{style:{color:"#C9D1D9"}}},{content:"= f",props:{style:{color:"#FF7B72"}}},{content:'"Failed to create Notion page. Status code: ',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"response.status_code",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:", Error: ",props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"response.text",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" self",props:{style:{color:"#79C0FF"}}},{content:".status ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" error_message",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" raise ",props:{style:{color:"#FF7B72"}}},{content:"Exception",props:{style:{color:"#79C0FF"}}},{content:"(error_message)",props:{style:{color:"#C9D1D9"}}}]}],lang:"python"},annotations:[]}]}),"\n",(0,n.jsx)(t.h2,{id:"example-usage",children:"Example Usage"}),"\n",(0,n.jsxs)(t.p,{children:["Example of using the ",(0,n.jsx)(t.code,{children:"AddContentToPage"})," component in a Langflow flow using Markdown as input:"]}),"\n",(0,n.jsx)(l.A,{alt:"NotionDatabaseProperties Flow Example",sources:{light:"img/notion/AddContentToPage_flow_example.png",dark:"img/notion/AddContentToPage_flow_example.png"},style:{width:"100%",margin:"20px 0"}}),"\n",(0,n.jsxs)(t.p,{children:["In this example, the ",(0,n.jsx)(t.code,{children:"AddContentToPage"})," component connects to a ",(0,n.jsx)(t.code,{children:"MarkdownLoader"})," component to provide the markdown text input. The converted Notion blocks are appended to the specified Notion page using the provided ",(0,n.jsx)(t.code,{children:"block_id"})," and ",(0,n.jsx)(t.code,{children:"notion_secret"}),"."]}),"\n",(0,n.jsx)(t.h2,{id:"best-practices",children:"Best Practices"}),"\n",(0,n.jsxs)(t.p,{children:["When using the ",(0,n.jsx)(t.code,{children:"AddContentToPage"})," component:"]}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"Ensure markdown text is well-formatted."}),"\n",(0,n.jsxs)(t.li,{children:["Verify the ",(0,n.jsx)(t.code,{children:"block_id"})," corresponds to the right Notion page/block."]}),"\n",(0,n.jsx)(t.li,{children:"Keep your Notion integration token secure."}),"\n",(0,n.jsx)(t.li,{children:"Test with sample markdown text before production use."}),"\n"]}),"\n",(0,n.jsxs)(t.p,{children:["The ",(0,n.jsx)(t.code,{children:"AddContentToPage"})," component is a powerful tool for integrating Notion content creation into Langflow workflows, facilitating easy conversion of markdown text to Notion blocks and appending them to specific pages."]}),"\n",(0,n.jsx)(t.h2,{id:"troubleshooting",children:"Troubleshooting"}),"\n",(0,n.jsxs)(t.p,{children:["If you encounter any issues while using the ",(0,n.jsx)(t.code,{children:"AddContentToPage"})," component, consider the following:"]}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"Verify the Notion integration token\u2019s validity and permissions."}),"\n",(0,n.jsx)(t.li,{children:"Check the Notion API documentation for updates."}),"\n",(0,n.jsx)(t.li,{children:"Ensure markdown text is properly formatted."}),"\n",(0,n.jsxs)(t.li,{children:["Double-check the ",(0,n.jsx)(t.code,{children:"block_id"})," for correctness."]}),"\n"]})]})}const C=function(o={}){const{wrapper:t}=Object.assign({},(0,s.RP)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(h,o)})):h(o)};function g(o,t){throw new Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/assets/js/cdfe9fae.82f3a17d.js b/assets/js/cdfe9fae.82f3a17d.js new file mode 100644 index 0000000000..fe0a760b92 --- /dev/null +++ b/assets/js/cdfe9fae.82f3a17d.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[1494],{7293:(o,t,e)=>{e.d(t,{A:()=>T});var n=e(6540),s=e(4848);function r(o){const{mdxAdmonitionTitle:t,rest:e}=function(o){const t=n.Children.toArray(o),e=t.find((o=>n.isValidElement(o)&&"mdxAdmonitionTitle"===o.type)),r=t.filter((o=>o!==e)),c=e?.props.children;return{mdxAdmonitionTitle:c,rest:r.length>0?(0,s.jsx)(s.Fragment,{children:r}):null}}(o.children),r=o.title??t;return{...o,...r&&{title:r},children:e}}var c=e(8215),l=e(1312),p=e(7559);const i={admonition:"admonition_xJq3",admonitionHeading:"admonitionHeading_Gvgb",admonitionIcon:"admonitionIcon_Rf37",admonitionContent:"admonitionContent_BuS1"};function d(o){let{type:t,className:e,children:n}=o;return(0,s.jsx)("div",{className:(0,c.A)(p.G.common.admonition,p.G.common.admonitionType(t),i.admonition,e),children:n})}function a(o){let{icon:t,title:e}=o;return(0,s.jsxs)("div",{className:i.admonitionHeading,children:[(0,s.jsx)("span",{className:i.admonitionIcon,children:t}),e]})}function y(o){let{children:t}=o;return t?(0,s.jsx)("div",{className:i.admonitionContent,children:t}):null}function h(o){const{type:t,icon:e,title:n,children:r,className:c}=o;return(0,s.jsxs)(d,{type:t,className:c,children:[n||e?(0,s.jsx)(a,{title:n,icon:e}):null,(0,s.jsx)(y,{children:r})]})}function D(o){return(0,s.jsx)("svg",{viewBox:"0 0 14 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"})})}const F={icon:(0,s.jsx)(D,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.note",description:"The default label used for the Note admonition (:::note)",children:"note"})};function u(o){return(0,s.jsx)(h,{...F,...o,className:(0,c.A)("alert alert--secondary",o.className),children:o.children})}function C(o){return(0,s.jsx)("svg",{viewBox:"0 0 12 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"})})}const g={icon:(0,s.jsx)(C,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.tip",description:"The default label used for the Tip admonition (:::tip)",children:"tip"})};function m(o){return(0,s.jsx)(h,{...g,...o,className:(0,c.A)("alert alert--success",o.className),children:o.children})}function f(o){return(0,s.jsx)("svg",{viewBox:"0 0 14 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"})})}const x={icon:(0,s.jsx)(f,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.info",description:"The default label used for the Info admonition (:::info)",children:"info"})};function k(o){return(0,s.jsx)(h,{...x,...o,className:(0,c.A)("alert alert--info",o.className),children:o.children})}function j(o){return(0,s.jsx)("svg",{viewBox:"0 0 16 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"})})}const A={icon:(0,s.jsx)(j,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.warning",description:"The default label used for the Warning admonition (:::warning)",children:"warning"})};function b(o){return(0,s.jsx)("svg",{viewBox:"0 0 12 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"})})}const v={icon:(0,s.jsx)(b,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.danger",description:"The default label used for the Danger admonition (:::danger)",children:"danger"})};const w={icon:(0,s.jsx)(j,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.caution",description:"The default label used for the Caution admonition (:::caution)",children:"caution"})};const B={...{note:u,tip:m,info:k,warning:function(o){return(0,s.jsx)(h,{...A,...o,className:(0,c.A)("alert alert--warning",o.className),children:o.children})},danger:function(o){return(0,s.jsx)(h,{...v,...o,className:(0,c.A)("alert alert--danger",o.className),children:o.children})}},...{secondary:o=>(0,s.jsx)(u,{title:"secondary",...o}),important:o=>(0,s.jsx)(k,{title:"important",...o}),success:o=>(0,s.jsx)(m,{title:"success",...o}),caution:function(o){return(0,s.jsx)(h,{...w,...o,className:(0,c.A)("alert alert--warning",o.className),children:o.children})}}};var N=e(6763);function T(o){const t=r(o),e=(n=t.type,B[n]||(N.warn(`No admonition component found for admonition type "${n}". Using Info as fallback.`),B.info));var n;return(0,s.jsx)(e,{...t})}},7533:(o,t,e)=>{e.d(t,{A:()=>l});var n=e(6540),s=e(1122),r=e(6025),c=e(4848);const l=o=>{let{alt:t,sources:e,style:l}=o;const[p,i]=(0,n.useState)(!1),d=o=>{"Escape"===o.key&&i(!1)};(0,n.useEffect)((()=>(p?document.addEventListener("keydown",d):document.removeEventListener("keydown",d),()=>{document.removeEventListener("keydown",d)})),[p]);return(0,c.jsx)("div",{className:"zoomable-image "+(p?"fullscreen":""),onClick:()=>{i(!p)},style:{width:"50%",margin:"0 auto",display:"flex",justifyContent:"center",...l},children:(0,c.jsx)(s.A,{className:"zoomable-image-inner",alt:t,sources:{light:(0,r.Ay)(e.light),dark:(0,r.Ay)(e.dark)}})})}},8010:(o,t,e)=>{e.r(t),e.d(t,{CH:()=>y,assets:()=>a,chCodeConfig:()=>h,contentTitle:()=>i,default:()=>u,frontMatter:()=>p,metadata:()=>d,toc:()=>D});e(6540);var n=e(4848),s=e(8453),r=e(4754),c=e(7293),l=(e(1122),e(6025),e(7533));const p={},i="Add Content To Page",d={id:"integrations/notion/add-content-to-page",title:"Add Content To Page",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/integrations/notion/add-content-to-page.md",sourceDirName:"integrations/notion",slug:"/integrations/notion/add-content-to-page",permalink:"/integrations/notion/add-content-to-page",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"docs",previous:{title:"Page Create",permalink:"/integrations/notion/page-create"},next:{title:"Page Update",permalink:"/integrations/notion/page-update"}},a={},y={annotations:r.hk,Code:r.Cy},h={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},D=[{value:"Component Usage",id:"component-usage",level:2},{value:"Component Python Code",id:"component-python-code",level:2},{value:"Example Usage",id:"example-usage",level:2},{value:"Best Practices",id:"best-practices",level:2},{value:"Troubleshooting",id:"troubleshooting",level:2}];function F(o){const t=Object.assign({h1:"h1",p:"p",code:"code",a:"a",ul:"ul",li:"li",h2:"h2",ol:"ol",strong:"strong"},(0,s.RP)(),o.components);return y||C("CH",!1),y.Code||C("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n","\n","\n",(0,n.jsx)(t.h1,{id:"add-content-to-page",children:"Add Content To Page"}),"\n",(0,n.jsx)(c.A,{type:"warning",title:"warning",children:(0,n.jsx)(t.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,n.jsxs)(t.p,{children:["The ",(0,n.jsx)(t.code,{children:"AddContentToPage"})," component converts markdown text to Notion blocks and appends them to a Notion page."]}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.a,{href:"https://developers.notion.com/reference/patch-block-children",children:"Notion Reference"})}),"\n",(0,n.jsxs)(t.p,{children:["The ",(0,n.jsx)(t.code,{children:"AddContentToPage"})," component enables you to:"]}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"Convert markdown text to Notion blocks."}),"\n",(0,n.jsx)(t.li,{children:"Append the converted blocks to a specified Notion page."}),"\n",(0,n.jsx)(t.li,{children:"Seamlessly integrate Notion content creation into Langflow workflows."}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"component-usage",children:"Component Usage"}),"\n",(0,n.jsxs)(t.p,{children:["To use the ",(0,n.jsx)(t.code,{children:"AddContentToPage"})," component in a Langflow flow:"]}),"\n",(0,n.jsxs)(t.ol,{children:["\n",(0,n.jsxs)(t.li,{children:[(0,n.jsxs)(t.strong,{children:["Add the ",(0,n.jsx)(t.code,{children:"AddContentToPage"})," component"]})," to your flow."]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.strong,{children:"Configure the component"})," by providing:","\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"markdown_text"}),": The markdown text to convert."]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"block_id"}),": The ID of the Notion page/block to append the content."]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"notion_secret"}),": The Notion integration token for authentication."]}),"\n"]}),"\n"]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.strong,{children:"Connect the component"})," to other nodes in your flow as needed."]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.strong,{children:"Run the flow"})," to convert the markdown text and append it to the specified Notion page."]}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"component-python-code",children:"Component Python Code"}),"\n",(0,n.jsx)(y.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#FF7B72"}}},{content:" json",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" typing ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Optional",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"import",props:{style:{color:"#FF7B72"}}},{content:" requests",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.custom ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" CustomComponent",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"class ",props:{style:{color:"#FF7B72"}}},{content:"NotionPageCreator",props:{style:{color:"#FFA657"}}},{content:"(",props:{style:{color:"#C9D1D9"}}},{content:"CustomComponent",props:{style:{color:"#79C0FF"}}},{content:"):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"Create Page [Notion]"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" description ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"A component for creating Notion pages."',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" documentation: ",props:{style:{color:"#C9D1D9"}}},{content:"str ",props:{style:{color:"#79C0FF"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"https://docs.langflow.org/integrations/notion/add-content-to-page"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" icon ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"NotionDirectoryLoader"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build_config",props:{style:{color:"#D2A8FF"}}},{content:"(self):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "database_id"',props:{style:{color:"#A5D6FF"}}},{content:": {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "display_name"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"Database ID"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "field_type"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"str"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "info"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"The ID of the Notion database."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" },",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "notion_secret"',props:{style:{color:"#A5D6FF"}}},{content:": {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "display_name"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"Notion Secret"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "field_type"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"str"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "info"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"The Notion integration token."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "password"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"True",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" },",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "properties"',props:{style:{color:"#A5D6FF"}}},{content:": {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "display_name"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"Properties"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "field_type"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"str"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "info"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"\"The properties of the new page. Depending on your database setup, this can change. E.G: {'Task name': {'id': 'title', 'type': 'title', 'title': [{'type': 'text', 'text': {'content': 'Send Notion Components to LF', 'link': null",props:{style:{color:"#A5D6FF"}}},{content:"}}",props:{style:{color:"#79C0FF"}}},{content:"]",props:{style:{color:"#A5D6FF"}}},{content:"}}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" },",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" }",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build",props:{style:{color:"#D2A8FF"}}},{content:"(",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" self,",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" database_id: ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" notion_secret: ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" properties: ",props:{style:{color:"#C9D1D9"}}},{content:"str ",props:{style:{color:"#79C0FF"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'\'{"Task name": {"id": "title", "type": "title", "title": [{"type": "text", "text": {"content": "Send Notion Components to LF", "link": null',props:{style:{color:"#A5D6FF"}}},{content:"}}",props:{style:{color:"#79C0FF"}}},{content:"]",props:{style:{color:"#A5D6FF"}}},{content:"}}",props:{style:{color:"#79C0FF"}}},{content:"'",props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ) -> ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" if not",props:{style:{color:"#FF7B72"}}},{content:" database_id ",props:{style:{color:"#C9D1D9"}}},{content:"or not",props:{style:{color:"#FF7B72"}}},{content:" properties:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" raise ",props:{style:{color:"#FF7B72"}}},{content:"ValueError",props:{style:{color:"#79C0FF"}}},{content:"(",props:{style:{color:"#C9D1D9"}}},{content:"\"Invalid input. Please provide 'database_id' and 'properties'.\"",props:{style:{color:"#A5D6FF"}}},{content:")",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" headers ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "Authorization"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"f",props:{style:{color:"#FF7B72"}}},{content:'"Bearer ',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"notion_secret",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "Content-Type"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"application/json"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "Notion-Version"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"2022-06-28"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" }",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" data ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "parent"',props:{style:{color:"#A5D6FF"}}},{content:": {",props:{style:{color:"#C9D1D9"}}},{content:'"database_id"',props:{style:{color:"#A5D6FF"}}},{content:": database_id},",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "properties"',props:{style:{color:"#A5D6FF"}}},{content:": json.loads(properties),",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" }",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" response ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" requests.post(",props:{style:{color:"#C9D1D9"}}},{content:'"https://api.notion.com/v1/pages"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:"headers",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"headers, ",props:{style:{color:"#C9D1D9"}}},{content:"json",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"data)",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" if",props:{style:{color:"#FF7B72"}}},{content:" response.status_code ",props:{style:{color:"#C9D1D9"}}},{content:"== ",props:{style:{color:"#FF7B72"}}},{content:"200",props:{style:{color:"#79C0FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" page_id ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" response.json()[",props:{style:{color:"#C9D1D9"}}},{content:'"id"',props:{style:{color:"#A5D6FF"}}},{content:"]",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" self",props:{style:{color:"#79C0FF"}}},{content:".status ",props:{style:{color:"#C9D1D9"}}},{content:"= f",props:{style:{color:"#FF7B72"}}},{content:'"Successfully created Notion page with ID: ',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"page_id",props:{style:{color:"#C9D1D9"}}},{content:"}\\n {str",props:{style:{color:"#79C0FF"}}},{content:"(response.json())",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" response.json()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" else",props:{style:{color:"#FF7B72"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" error_message ",props:{style:{color:"#C9D1D9"}}},{content:"= f",props:{style:{color:"#FF7B72"}}},{content:'"Failed to create Notion page. Status code: ',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"response.status_code",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:", Error: ",props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"response.text",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" self",props:{style:{color:"#79C0FF"}}},{content:".status ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" error_message",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" raise ",props:{style:{color:"#FF7B72"}}},{content:"Exception",props:{style:{color:"#79C0FF"}}},{content:"(error_message)",props:{style:{color:"#C9D1D9"}}}]}],lang:"python"},annotations:[]}]}),"\n",(0,n.jsx)(t.h2,{id:"example-usage",children:"Example Usage"}),"\n",(0,n.jsxs)(t.p,{children:["Example of using the ",(0,n.jsx)(t.code,{children:"AddContentToPage"})," component in a Langflow flow using Markdown as input:"]}),"\n",(0,n.jsx)(l.A,{alt:"NotionDatabaseProperties Flow Example",sources:{light:"img/notion/AddContentToPage_flow_example.png",dark:"img/notion/AddContentToPage_flow_example.png"},style:{width:"100%",margin:"20px 0"}}),"\n",(0,n.jsxs)(t.p,{children:["In this example, the ",(0,n.jsx)(t.code,{children:"AddContentToPage"})," component connects to a ",(0,n.jsx)(t.code,{children:"MarkdownLoader"})," component to provide the markdown text input. The converted Notion blocks are appended to the specified Notion page using the provided ",(0,n.jsx)(t.code,{children:"block_id"})," and ",(0,n.jsx)(t.code,{children:"notion_secret"}),"."]}),"\n",(0,n.jsx)(t.h2,{id:"best-practices",children:"Best Practices"}),"\n",(0,n.jsxs)(t.p,{children:["When using the ",(0,n.jsx)(t.code,{children:"AddContentToPage"})," component:"]}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"Ensure markdown text is well-formatted."}),"\n",(0,n.jsxs)(t.li,{children:["Verify the ",(0,n.jsx)(t.code,{children:"block_id"})," corresponds to the right Notion page/block."]}),"\n",(0,n.jsx)(t.li,{children:"Keep your Notion integration token secure."}),"\n",(0,n.jsx)(t.li,{children:"Test with sample markdown text before production use."}),"\n"]}),"\n",(0,n.jsxs)(t.p,{children:["The ",(0,n.jsx)(t.code,{children:"AddContentToPage"})," component is a powerful tool for integrating Notion content creation into Langflow workflows, facilitating easy conversion of markdown text to Notion blocks and appending them to specific pages."]}),"\n",(0,n.jsx)(t.h2,{id:"troubleshooting",children:"Troubleshooting"}),"\n",(0,n.jsxs)(t.p,{children:["If you encounter any issues while using the ",(0,n.jsx)(t.code,{children:"AddContentToPage"})," component, consider the following:"]}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"Verify the Notion integration token\u2019s validity and permissions."}),"\n",(0,n.jsx)(t.li,{children:"Check the Notion API documentation for updates."}),"\n",(0,n.jsx)(t.li,{children:"Ensure markdown text is properly formatted."}),"\n",(0,n.jsxs)(t.li,{children:["Double-check the ",(0,n.jsx)(t.code,{children:"block_id"})," for correctness."]}),"\n"]})]})}const u=function(o={}){const{wrapper:t}=Object.assign({},(0,s.RP)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(F,o)})):F(o)};function C(o,t){throw new Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/assets/js/d018f77e.798f0c01.js b/assets/js/d018f77e.798f0c01.js new file mode 100644 index 0000000000..083e5c1800 --- /dev/null +++ b/assets/js/d018f77e.798f0c01.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[9973],{7293:(e,n,t)=>{t.d(n,{A:()=>q});var i=t(6540),o=t(4848);function r(e){const{mdxAdmonitionTitle:n,rest:t}=function(e){const n=i.Children.toArray(e),t=n.find((e=>i.isValidElement(e)&&"mdxAdmonitionTitle"===e.type)),r=n.filter((e=>e!==t)),s=t?.props.children;return{mdxAdmonitionTitle:s,rest:r.length>0?(0,o.jsx)(o.Fragment,{children:r}):null}}(e.children),r=e.title??n;return{...e,...r&&{title:r},children:t}}var s=t(8215),c=t(1312),a=t(7559);const d={admonition:"admonition_xJq3",admonitionHeading:"admonitionHeading_Gvgb",admonitionIcon:"admonitionIcon_Rf37",admonitionContent:"admonitionContent_BuS1"};function l(e){let{type:n,className:t,children:i}=e;return(0,o.jsx)("div",{className:(0,s.A)(a.G.common.admonition,a.G.common.admonitionType(n),d.admonition,t),children:i})}function h(e){let{icon:n,title:t}=e;return(0,o.jsxs)("div",{className:d.admonitionHeading,children:[(0,o.jsx)("span",{className:d.admonitionIcon,children:n}),t]})}function u(e){let{children:n}=e;return n?(0,o.jsx)("div",{className:d.admonitionContent,children:n}):null}function m(e){const{type:n,icon:t,title:i,children:r,className:s}=e;return(0,o.jsxs)(l,{type:n,className:s,children:[i||t?(0,o.jsx)(h,{title:i,icon:t}):null,(0,o.jsx)(u,{children:r})]})}function p(e){return(0,o.jsx)("svg",{viewBox:"0 0 14 16",...e,children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"})})}const g={icon:(0,o.jsx)(p,{}),title:(0,o.jsx)(c.A,{id:"theme.admonition.note",description:"The default label used for the Note admonition (:::note)",children:"note"})};function x(e){return(0,o.jsx)(m,{...g,...e,className:(0,s.A)("alert alert--secondary",e.className),children:e.children})}function j(e){return(0,o.jsx)("svg",{viewBox:"0 0 12 16",...e,children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"})})}const f={icon:(0,o.jsx)(j,{}),title:(0,o.jsx)(c.A,{id:"theme.admonition.tip",description:"The default label used for the Tip admonition (:::tip)",children:"tip"})};function b(e){return(0,o.jsx)(m,{...f,...e,className:(0,s.A)("alert alert--success",e.className),children:e.children})}function v(e){return(0,o.jsx)("svg",{viewBox:"0 0 14 16",...e,children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"})})}const w={icon:(0,o.jsx)(v,{}),title:(0,o.jsx)(c.A,{id:"theme.admonition.info",description:"The default label used for the Info admonition (:::info)",children:"info"})};function y(e){return(0,o.jsx)(m,{...w,...e,className:(0,s.A)("alert alert--info",e.className),children:e.children})}function k(e){return(0,o.jsx)("svg",{viewBox:"0 0 16 16",...e,children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"})})}const A={icon:(0,o.jsx)(k,{}),title:(0,o.jsx)(c.A,{id:"theme.admonition.warning",description:"The default label used for the Warning admonition (:::warning)",children:"warning"})};function C(e){return(0,o.jsx)("svg",{viewBox:"0 0 12 16",...e,children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"})})}const N={icon:(0,o.jsx)(C,{}),title:(0,o.jsx)(c.A,{id:"theme.admonition.danger",description:"The default label used for the Danger admonition (:::danger)",children:"danger"})};const T={icon:(0,o.jsx)(k,{}),title:(0,o.jsx)(c.A,{id:"theme.admonition.caution",description:"The default label used for the Caution admonition (:::caution)",children:"caution"})};const I={...{note:x,tip:b,info:y,warning:function(e){return(0,o.jsx)(m,{...A,...e,className:(0,s.A)("alert alert--warning",e.className),children:e.children})},danger:function(e){return(0,o.jsx)(m,{...N,...e,className:(0,s.A)("alert alert--danger",e.className),children:e.children})}},...{secondary:e=>(0,o.jsx)(x,{title:"secondary",...e}),important:e=>(0,o.jsx)(y,{title:"important",...e}),success:e=>(0,o.jsx)(b,{title:"success",...e}),caution:function(e){return(0,o.jsx)(m,{...T,...e,className:(0,s.A)("alert alert--warning",e.className),children:e.children})}}};var B=t(6763);function q(e){const n=r(e),t=(i=n.type,I[i]||(B.warn(`No admonition component found for admonition type "${i}". Using Info as fallback.`),I.info));var i;return(0,o.jsx)(t,{...n})}},7533:(e,n,t)=>{t.d(n,{A:()=>c});var i=t(6540),o=t(1122),r=t(6025),s=t(4848);const c=e=>{let{alt:n,sources:t,style:c}=e;const[a,d]=(0,i.useState)(!1),l=e=>{"Escape"===e.key&&d(!1)};(0,i.useEffect)((()=>(a?document.addEventListener("keydown",l):document.removeEventListener("keydown",l),()=>{document.removeEventListener("keydown",l)})),[a]);return(0,s.jsx)("div",{className:"zoomable-image "+(a?"fullscreen":""),onClick:()=>{d(!a)},style:{width:"50%",margin:"0 auto",display:"flex",justifyContent:"center",...c},children:(0,s.jsx)(o.A,{className:"zoomable-image-inner",alt:n,sources:{light:(0,r.Ay)(t.light),dark:(0,r.Ay)(t.dark)}})})}},7876:(e,n,t)=>{t.r(n),t.d(n,{CH:()=>u,assets:()=>h,chCodeConfig:()=>m,contentTitle:()=>d,default:()=>x,frontMatter:()=>a,metadata:()=>l,toc:()=>p});t(6540);var i=t(4848),o=t(8453),r=t(4754),s=(t(1122),t(6025),t(7533)),c=t(7293);const a={},d="Document QA",l={id:"starter-projects/document-qa",title:"Document QA",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/starter-projects/document-qa.mdx",sourceDirName:"starter-projects",slug:"/starter-projects/document-qa",permalink:"/starter-projects/document-qa",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"docs",previous:{title:"Blog Writer",permalink:"/starter-projects/blog-writer"},next:{title:"Memory Chatbot",permalink:"/starter-projects/memory-chatbot"}},h={},u={annotations:r.hk,Code:r.Cy},m={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},p=[{value:"Prerequisites",id:"prerequisites",level:2},{value:"Create the Document QA project",id:"create-the-document-qa-project",level:2},{value:"Run the Document QA flow",id:"run-the-document-qa-flow",level:2}];function g(e){const n=Object.assign({h1:"h1",p:"p",h2:"h2",ul:"ul",li:"li",a:"a",ol:"ol",strong:"strong",code:"code"},(0,o.RP)(),e.components);return u||j("CH",!1),u.Code||j("CH.Code",!0),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n","\n","\n",(0,i.jsx)(n.h1,{id:"document-qa",children:"Document QA"}),"\n",(0,i.jsx)(c.A,{type:"warning",title:"warning",children:(0,i.jsx)(n.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,i.jsx)(n.p,{children:"Build a question-and-answer chatbot with a document loaded from local memory."}),"\n",(0,i.jsx)(n.h2,{id:"prerequisites",children:"Prerequisites"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.a,{href:"../getting-started/install-langflow",children:"Langflow installed and running"})}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.a,{href:"https://platform.openai.com",children:"OpenAI API key created"})}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"create-the-document-qa-project",children:"Create the Document QA project"}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsxs)(n.li,{children:["From the Langflow dashboard, click ",(0,i.jsx)(n.strong,{children:"New Project"}),"."]}),"\n",(0,i.jsxs)(n.li,{children:["Select ",(0,i.jsx)(n.strong,{children:"Document QA"}),"."]}),"\n",(0,i.jsxs)(n.li,{children:["The ",(0,i.jsx)(n.strong,{children:"Document QA"})," flow is created."]}),"\n"]}),"\n",(0,i.jsx)(s.A,{alt:"Docusaurus themed image",sources:{light:"img/document-qa.png",dark:"img/document-qa.png"},style:{width:"100%",maxWidth:"800px",margin:"0 auto"}}),"\n",(0,i.jsxs)(n.p,{children:["This flow creates a basic chatbot with the ",(0,i.jsx)(n.strong,{children:"Chat Input"}),", ",(0,i.jsx)(n.strong,{children:"Prompt"}),", ",(0,i.jsx)(n.strong,{children:"OpenAI"}),", and ",(0,i.jsx)(n.strong,{children:"Chat Output"})," components.\nThis chatbot is augmented with the ",(0,i.jsx)(n.strong,{children:"Files"})," component, which loads a file from your local machine into the ",(0,i.jsx)(n.strong,{children:"Prompt"})," component as ",(0,i.jsx)(n.code,{children:"{Document}"}),".\nThe ",(0,i.jsx)(n.strong,{children:"Prompt"})," component is instructed to answer questions based on the contents of ",(0,i.jsx)(n.code,{children:"{Document}"}),".\nIncluding a file with the prompt gives the ",(0,i.jsx)(n.strong,{children:"OpenAI"})," component context it may not otherwise have access to."]}),"\n",(0,i.jsxs)(n.ol,{start:"4",children:["\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:["To create an environment variable for the ",(0,i.jsx)(n.strong,{children:"OpenAI"})," component, in the ",(0,i.jsx)(n.strong,{children:"OpenAI API Key"})," field, click the ",(0,i.jsx)(n.strong,{children:"Globe"})," button, and then click ",(0,i.jsx)(n.strong,{children:"Add New Variable"}),"."]}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsxs)(n.li,{children:["In the ",(0,i.jsx)(n.strong,{children:"Variable Name"})," field, enter ",(0,i.jsx)(n.code,{children:"openai_api_key"}),"."]}),"\n",(0,i.jsxs)(n.li,{children:["In the ",(0,i.jsx)(n.strong,{children:"Value"})," field, paste your OpenAI API Key (",(0,i.jsx)(n.code,{children:"sk-..."}),")."]}),"\n",(0,i.jsxs)(n.li,{children:["Click ",(0,i.jsx)(n.strong,{children:"Save Variable"}),"."]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:["To select a document to load, in the ",(0,i.jsx)(n.strong,{children:"Files"})," component, click within the ",(0,i.jsx)(n.strong,{children:"Path"})," field."]}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsxs)(n.li,{children:["Select a local file, and then click ",(0,i.jsx)(n.strong,{children:"Open"}),"."]}),"\n",(0,i.jsxs)(n.li,{children:["The file name appears in the field.","\n",(0,i.jsx)(c.A,{type:"tip",children:(0,i.jsxs)(n.p,{children:["The file must be of an extension type listed\n",(0,i.jsx)(n.a,{href:"https://github.com/langflow-ai/langflow/blob/dev/src/backend/base/langflow/base/data/utils.py#L13",children:"here"}),"."]})}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"run-the-document-qa-flow",children:"Run the Document QA flow"}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsxs)(n.li,{children:["Click the ",(0,i.jsx)(n.strong,{children:"Run"})," button.\nThe ",(0,i.jsx)(n.strong,{children:"Interaction Panel"})," opens, where you can converse with your bot."]}),"\n",(0,i.jsxs)(n.li,{children:["Type a message and press Enter.\nFor this example, we loaded an error log ",(0,i.jsx)(n.code,{children:".txt"}),' file and asked, "What went wrong?"\nThe bot responded:']}),"\n"]}),"\n",(0,i.jsx)(u.Code,{codeConfig:m,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"The issue occurred during the execution of migrations in the application. Specifically, an error was raised by the Alembic library, indicating that new upgrade operations were detected that had not been accounted for in the existing migration scripts. The operation in question involved modifying the nullable property of a column (apikey, created_at) in the database, with details about the existing type (DATETIME()), existing server default, and other properties.",props:{}}]}],lang:"text"},annotations:[]}]}),"\n",(0,i.jsx)(n.p,{children:"This result indicates that the bot received the loaded document and understood the context surrounding the vague question. It also correctly identified the issue in the error log, and followed up with appropriate troubleshooting suggestions. Nice!"})]})}const x=function(e={}){const{wrapper:n}=Object.assign({},(0,o.RP)(),e.components);return n?(0,i.jsx)(n,Object.assign({},e,{children:(0,i.jsx)(g,e)})):g(e)};function j(e,n){throw new Error("Expected "+(n?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/assets/js/d018f77e.90d418e4.js b/assets/js/d018f77e.90d418e4.js deleted file mode 100644 index 398c45c853..0000000000 --- a/assets/js/d018f77e.90d418e4.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[9973],{7533:(e,t,n)=>{n.d(t,{A:()=>c});var o=n(6540),r=n(1122),i=n(6025),s=n(4848);const c=e=>{let{alt:t,sources:n,style:c}=e;const[d,a]=(0,o.useState)(!1),l=e=>{"Escape"===e.key&&a(!1)};(0,o.useEffect)((()=>(d?document.addEventListener("keydown",l):document.removeEventListener("keydown",l),()=>{document.removeEventListener("keydown",l)})),[d]);return(0,s.jsx)("div",{className:"zoomable-image "+(d?"fullscreen":""),onClick:()=>{a(!d)},style:{width:"50%",margin:"0 auto",display:"flex",justifyContent:"center",...c},children:(0,s.jsx)(r.A,{className:"zoomable-image-inner",alt:t,sources:{light:(0,i.Ay)(n.light),dark:(0,i.Ay)(n.dark)}})})}},7876:(e,t,n)=>{n.r(t),n.d(t,{CH:()=>u,assets:()=>h,chCodeConfig:()=>g,contentTitle:()=>a,default:()=>x,frontMatter:()=>d,metadata:()=>l,toc:()=>p});n(6540);var o=n(4848),r=n(8453),i=n(4754),s=(n(1122),n(6025),n(7533)),c=n(7293);const d={},a="Document QA",l={id:"starter-projects/document-qa",title:"Document QA",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/starter-projects/document-qa.mdx",sourceDirName:"starter-projects",slug:"/starter-projects/document-qa",permalink:"/starter-projects/document-qa",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"docs",previous:{title:"Blog Writer",permalink:"/starter-projects/blog-writer"},next:{title:"Memory Chatbot",permalink:"/starter-projects/memory-chatbot"}},h={},u={annotations:i.hk,Code:i.Cy},g={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},p=[{value:"Prerequisites",id:"prerequisites",level:2},{value:"Create the Document QA project",id:"create-the-document-qa-project",level:2},{value:"Run the Document QA flow",id:"run-the-document-qa-flow",level:2}];function m(e){const t=Object.assign({h1:"h1",p:"p",h2:"h2",ul:"ul",li:"li",a:"a",ol:"ol",strong:"strong",code:"code"},(0,r.RP)(),e.components);return u||j("CH",!1),u.Code||j("CH.Code",!0),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n","\n","\n",(0,o.jsx)(t.h1,{id:"document-qa",children:"Document QA"}),"\n",(0,o.jsx)(c.A,{type:"warning",title:"warning",children:(0,o.jsx)(t.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,o.jsx)(t.p,{children:"Build a question-and-answer chatbot with a document loaded from local memory."}),"\n",(0,o.jsx)(t.h2,{id:"prerequisites",children:"Prerequisites"}),"\n",(0,o.jsxs)(t.ul,{children:["\n",(0,o.jsxs)(t.li,{children:["\n",(0,o.jsx)(t.p,{children:(0,o.jsx)(t.a,{href:"../getting-started/install-langflow",children:"Langflow installed and running"})}),"\n"]}),"\n",(0,o.jsxs)(t.li,{children:["\n",(0,o.jsx)(t.p,{children:(0,o.jsx)(t.a,{href:"https://platform.openai.com",children:"OpenAI API key created"})}),"\n"]}),"\n"]}),"\n",(0,o.jsx)(t.h2,{id:"create-the-document-qa-project",children:"Create the Document QA project"}),"\n",(0,o.jsxs)(t.ol,{children:["\n",(0,o.jsxs)(t.li,{children:["From the Langflow dashboard, click ",(0,o.jsx)(t.strong,{children:"New Project"}),"."]}),"\n",(0,o.jsxs)(t.li,{children:["Select ",(0,o.jsx)(t.strong,{children:"Document QA"}),"."]}),"\n",(0,o.jsxs)(t.li,{children:["The ",(0,o.jsx)(t.strong,{children:"Document QA"})," flow is created."]}),"\n"]}),"\n",(0,o.jsx)(s.A,{alt:"Docusaurus themed image",sources:{light:"img/document-qa.png",dark:"img/document-qa.png"},style:{width:"100%",maxWidth:"800px",margin:"0 auto"}}),"\n",(0,o.jsxs)(t.p,{children:["This flow creates a basic chatbot with the ",(0,o.jsx)(t.strong,{children:"Chat Input"}),", ",(0,o.jsx)(t.strong,{children:"Prompt"}),", ",(0,o.jsx)(t.strong,{children:"OpenAI"}),", and ",(0,o.jsx)(t.strong,{children:"Chat Output"})," components.\nThis chatbot is augmented with the ",(0,o.jsx)(t.strong,{children:"Files"})," component, which loads a file from your local machine into the ",(0,o.jsx)(t.strong,{children:"Prompt"})," component as ",(0,o.jsx)(t.code,{children:"{Document}"}),".\nThe ",(0,o.jsx)(t.strong,{children:"Prompt"})," component is instructed to answer questions based on the contents of ",(0,o.jsx)(t.code,{children:"{Document}"}),".\nIncluding a file with the prompt gives the ",(0,o.jsx)(t.strong,{children:"OpenAI"})," component context it may not otherwise have access to."]}),"\n",(0,o.jsxs)(t.ol,{start:"4",children:["\n",(0,o.jsxs)(t.li,{children:["\n",(0,o.jsxs)(t.p,{children:["To create an environment variable for the ",(0,o.jsx)(t.strong,{children:"OpenAI"})," component, in the ",(0,o.jsx)(t.strong,{children:"OpenAI API Key"})," field, click the ",(0,o.jsx)(t.strong,{children:"Globe"})," button, and then click ",(0,o.jsx)(t.strong,{children:"Add New Variable"}),"."]}),"\n",(0,o.jsxs)(t.ol,{children:["\n",(0,o.jsxs)(t.li,{children:["In the ",(0,o.jsx)(t.strong,{children:"Variable Name"})," field, enter ",(0,o.jsx)(t.code,{children:"openai_api_key"}),"."]}),"\n",(0,o.jsxs)(t.li,{children:["In the ",(0,o.jsx)(t.strong,{children:"Value"})," field, paste your OpenAI API Key (",(0,o.jsx)(t.code,{children:"sk-..."}),")."]}),"\n",(0,o.jsxs)(t.li,{children:["Click ",(0,o.jsx)(t.strong,{children:"Save Variable"}),"."]}),"\n"]}),"\n"]}),"\n",(0,o.jsxs)(t.li,{children:["\n",(0,o.jsxs)(t.p,{children:["To select a document to load, in the ",(0,o.jsx)(t.strong,{children:"Files"})," component, click within the ",(0,o.jsx)(t.strong,{children:"Path"})," field."]}),"\n",(0,o.jsxs)(t.ol,{children:["\n",(0,o.jsxs)(t.li,{children:["Select a local file, and then click ",(0,o.jsx)(t.strong,{children:"Open"}),"."]}),"\n",(0,o.jsxs)(t.li,{children:["The file name appears in the field.","\n",(0,o.jsx)(c.A,{type:"tip",children:(0,o.jsxs)(t.p,{children:["The file must be of an extension type listed\n",(0,o.jsx)(t.a,{href:"https://github.com/langflow-ai/langflow/blob/dev/src/backend/base/langflow/base/data/utils.py#L13",children:"here"}),"."]})}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,o.jsx)(t.h2,{id:"run-the-document-qa-flow",children:"Run the Document QA flow"}),"\n",(0,o.jsxs)(t.ol,{children:["\n",(0,o.jsxs)(t.li,{children:["Click the ",(0,o.jsx)(t.strong,{children:"Run"})," button.\nThe ",(0,o.jsx)(t.strong,{children:"Interaction Panel"})," opens, where you can converse with your bot."]}),"\n",(0,o.jsxs)(t.li,{children:["Type a message and press Enter.\nFor this example, we loaded an error log ",(0,o.jsx)(t.code,{children:".txt"}),' file and asked, "What went wrong?"\nThe bot responded:']}),"\n"]}),"\n",(0,o.jsx)(u.Code,{codeConfig:g,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"The issue occurred during the execution of migrations in the application. Specifically, an error was raised by the Alembic library, indicating that new upgrade operations were detected that had not been accounted for in the existing migration scripts. The operation in question involved modifying the nullable property of a column (apikey, created_at) in the database, with details about the existing type (DATETIME()), existing server default, and other properties.",props:{}}]}],lang:"text"},annotations:[]}]}),"\n",(0,o.jsx)(t.p,{children:"This result indicates that the bot received the loaded document and understood the context surrounding the vague question. It also correctly identified the issue in the error log, and followed up with appropriate troubleshooting suggestions. Nice!"})]})}const x=function(e={}){const{wrapper:t}=Object.assign({},(0,r.RP)(),e.components);return t?(0,o.jsx)(t,Object.assign({},e,{children:(0,o.jsx)(m,e)})):m(e)};function j(e,t){throw new Error("Expected "+(t?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/assets/js/d0c97127.06a4928d.js b/assets/js/d0c97127.06a4928d.js new file mode 100644 index 0000000000..8eb75231d0 --- /dev/null +++ b/assets/js/d0c97127.06a4928d.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[3794],{7533:(e,t,n)=>{n.d(t,{A:()=>r});var s=n(6540),o=n(1122),i=n(6025),a=n(4848);const r=e=>{let{alt:t,sources:n,style:r}=e;const[c,l]=(0,s.useState)(!1),d=e=>{"Escape"===e.key&&l(!1)};(0,s.useEffect)((()=>(c?document.addEventListener("keydown",d):document.removeEventListener("keydown",d),()=>{document.removeEventListener("keydown",d)})),[c]);return(0,a.jsx)("div",{className:"zoomable-image "+(c?"fullscreen":""),onClick:()=>{l(!c)},style:{width:"50%",margin:"0 auto",display:"flex",justifyContent:"center",...r},children:(0,a.jsx)(o.A,{className:"zoomable-image-inner",alt:t,sources:{light:(0,i.Ay)(n.light),dark:(0,i.Ay)(n.dark)}})})}},9730:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>m,contentTitle:()=>l,default:()=>x,frontMatter:()=>c,metadata:()=>d,toc:()=>p});n(6540);var s=n(4848),o=n(8453),i=(n(1122),n(6025),n(7533),n(3554)),a=n.n(i),r=n(7293);const c={},l="Combine Text",d={id:"examples/combine-text",title:"Combine Text",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/examples/combine-text.mdx",sourceDirName:"examples",slug:"/examples/combine-text",permalink:"/examples/combine-text",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{}},m={},p=[];function u(e){const t=Object.assign({h1:"h1",p:"p",strong:"strong"},(0,o.RP)(),e.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.h1,{id:"combine-text",children:"Combine Text"}),"\n",(0,s.jsx)(r.A,{type:"warning",title:"warning",children:(0,s.jsx)(t.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,s.jsx)(t.p,{children:"With LLM pipelines, combining text from different sources may be as important as splitting text."}),"\n",(0,s.jsxs)(t.p,{children:["The ",(0,s.jsx)(t.strong,{children:"Combine Text"})," component concatenates two text inputs into a single chunk using a specified delimiter, such as whitespace or a newline."]}),"\n",(0,s.jsxs)(t.p,{children:["Also, check out ",(0,s.jsx)(t.strong,{children:"Combine Texts (Unsorted)"})," as a similar alternative."]}),"\n",(0,s.jsxs)(t.p,{children:["This component is available under the ",(0,s.jsx)(t.strong,{children:"Helpers"})," tab of the Langflow sidebar."]}),"\n",(0,s.jsx)("div",{style:{marginBottom:"20px",display:"flex",justifyContent:"center"},children:(0,s.jsx)(a(),{playing:!0,controls:!0,url:"/videos/combine_text.mp4"})})]})}const x=function(e={}){const{wrapper:t}=Object.assign({},(0,o.RP)(),e.components);return t?(0,s.jsx)(t,Object.assign({},e,{children:(0,s.jsx)(u,e)})):u(e)}},8453:(e,t,n)=>{n.d(t,{RP:()=>i,xA:()=>r});var s=n(6540);const o=s.createContext({});function i(e){const t=s.useContext(o);return s.useMemo((()=>"function"==typeof e?e(t):{...t,...e}),[t,e])}const a={};function r({components:e,children:t,disableParentContext:n}){let r;return r=n?"function"==typeof e?e({}):e||a:i(e),s.createElement(o.Provider,{value:r},t)}}}]); \ No newline at end of file diff --git a/assets/js/d0c97127.e464c4d2.js b/assets/js/d0c97127.e464c4d2.js deleted file mode 100644 index 7603caff95..0000000000 --- a/assets/js/d0c97127.e464c4d2.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[3794],{7293:(n,e,t)=>{t.d(e,{A:()=>H});var i=t(6540),o=t(4848);function s(n){const{mdxAdmonitionTitle:e,rest:t}=function(n){const e=i.Children.toArray(n),t=e.find((n=>i.isValidElement(n)&&"mdxAdmonitionTitle"===n.type)),s=e.filter((n=>n!==t)),a=t?.props.children;return{mdxAdmonitionTitle:a,rest:s.length>0?(0,o.jsx)(o.Fragment,{children:s}):null}}(n.children),s=n.title??e;return{...n,...s&&{title:s},children:t}}var a=t(8215),c=t(1312),r=t(7559);const l={admonition:"admonition_xJq3",admonitionHeading:"admonitionHeading_Gvgb",admonitionIcon:"admonitionIcon_Rf37",admonitionContent:"admonitionContent_BuS1"};function d(n){let{type:e,className:t,children:i}=n;return(0,o.jsx)("div",{className:(0,a.A)(r.G.common.admonition,r.G.common.admonitionType(e),l.admonition,t),children:i})}function m(n){let{icon:e,title:t}=n;return(0,o.jsxs)("div",{className:l.admonitionHeading,children:[(0,o.jsx)("span",{className:l.admonitionIcon,children:e}),t]})}function u(n){let{children:e}=n;return e?(0,o.jsx)("div",{className:l.admonitionContent,children:e}):null}function h(n){const{type:e,icon:t,title:i,children:s,className:a}=n;return(0,o.jsxs)(d,{type:e,className:a,children:[i||t?(0,o.jsx)(m,{title:i,icon:t}):null,(0,o.jsx)(u,{children:s})]})}function x(n){return(0,o.jsx)("svg",{viewBox:"0 0 14 16",...n,children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"})})}const f={icon:(0,o.jsx)(x,{}),title:(0,o.jsx)(c.A,{id:"theme.admonition.note",description:"The default label used for the Note admonition (:::note)",children:"note"})};function p(n){return(0,o.jsx)(h,{...f,...n,className:(0,a.A)("alert alert--secondary",n.className),children:n.children})}function j(n){return(0,o.jsx)("svg",{viewBox:"0 0 12 16",...n,children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"})})}const g={icon:(0,o.jsx)(j,{}),title:(0,o.jsx)(c.A,{id:"theme.admonition.tip",description:"The default label used for the Tip admonition (:::tip)",children:"tip"})};function v(n){return(0,o.jsx)(h,{...g,...n,className:(0,a.A)("alert alert--success",n.className),children:n.children})}function b(n){return(0,o.jsx)("svg",{viewBox:"0 0 14 16",...n,children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"})})}const y={icon:(0,o.jsx)(b,{}),title:(0,o.jsx)(c.A,{id:"theme.admonition.info",description:"The default label used for the Info admonition (:::info)",children:"info"})};function w(n){return(0,o.jsx)(h,{...y,...n,className:(0,a.A)("alert alert--info",n.className),children:n.children})}function A(n){return(0,o.jsx)("svg",{viewBox:"0 0 16 16",...n,children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"})})}const C={icon:(0,o.jsx)(A,{}),title:(0,o.jsx)(c.A,{id:"theme.admonition.warning",description:"The default label used for the Warning admonition (:::warning)",children:"warning"})};function N(n){return(0,o.jsx)("svg",{viewBox:"0 0 12 16",...n,children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"})})}const T={icon:(0,o.jsx)(N,{}),title:(0,o.jsx)(c.A,{id:"theme.admonition.danger",description:"The default label used for the Danger admonition (:::danger)",children:"danger"})};const z={icon:(0,o.jsx)(A,{}),title:(0,o.jsx)(c.A,{id:"theme.admonition.caution",description:"The default label used for the Caution admonition (:::caution)",children:"caution"})};const k={...{note:p,tip:v,info:w,warning:function(n){return(0,o.jsx)(h,{...C,...n,className:(0,a.A)("alert alert--warning",n.className),children:n.children})},danger:function(n){return(0,o.jsx)(h,{...T,...n,className:(0,a.A)("alert alert--danger",n.className),children:n.children})}},...{secondary:n=>(0,o.jsx)(p,{title:"secondary",...n}),important:n=>(0,o.jsx)(w,{title:"important",...n}),success:n=>(0,o.jsx)(v,{title:"success",...n}),caution:function(n){return(0,o.jsx)(h,{...z,...n,className:(0,a.A)("alert alert--warning",n.className),children:n.children})}}};var M=t(6763);function H(n){const e=s(n),t=(i=e.type,k[i]||(M.warn(`No admonition component found for admonition type "${i}". Using Info as fallback.`),k.info));var i;return(0,o.jsx)(t,{...e})}},7533:(n,e,t)=>{t.d(e,{A:()=>c});var i=t(6540),o=t(1122),s=t(6025),a=t(4848);const c=n=>{let{alt:e,sources:t,style:c}=n;const[r,l]=(0,i.useState)(!1),d=n=>{"Escape"===n.key&&l(!1)};(0,i.useEffect)((()=>(r?document.addEventListener("keydown",d):document.removeEventListener("keydown",d),()=>{document.removeEventListener("keydown",d)})),[r]);return(0,a.jsx)("div",{className:"zoomable-image "+(r?"fullscreen":""),onClick:()=>{l(!r)},style:{width:"50%",margin:"0 auto",display:"flex",justifyContent:"center",...c},children:(0,a.jsx)(o.A,{className:"zoomable-image-inner",alt:e,sources:{light:(0,s.Ay)(t.light),dark:(0,s.Ay)(t.dark)}})})}},9730:(n,e,t)=>{t.r(e),t.d(e,{assets:()=>m,contentTitle:()=>l,default:()=>x,frontMatter:()=>r,metadata:()=>d,toc:()=>u});t(6540);var i=t(4848),o=t(8453),s=(t(1122),t(6025),t(7533),t(3554)),a=t.n(s),c=t(7293);const r={},l="Combine Text",d={id:"examples/combine-text",title:"Combine Text",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/examples/combine-text.mdx",sourceDirName:"examples",slug:"/examples/combine-text",permalink:"/examples/combine-text",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{}},m={},u=[];function h(n){const e=Object.assign({h1:"h1",p:"p",strong:"strong"},(0,o.RP)(),n.components);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(e.h1,{id:"combine-text",children:"Combine Text"}),"\n",(0,i.jsx)(c.A,{type:"warning",title:"warning",children:(0,i.jsx)(e.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,i.jsx)(e.p,{children:"With LLM pipelines, combining text from different sources may be as important as splitting text."}),"\n",(0,i.jsxs)(e.p,{children:["The ",(0,i.jsx)(e.strong,{children:"Combine Text"})," component concatenates two text inputs into a single chunk using a specified delimiter, such as whitespace or a newline."]}),"\n",(0,i.jsxs)(e.p,{children:["Also, check out ",(0,i.jsx)(e.strong,{children:"Combine Texts (Unsorted)"})," as a similar alternative."]}),"\n",(0,i.jsxs)(e.p,{children:["This component is available under the ",(0,i.jsx)(e.strong,{children:"Helpers"})," tab of the Langflow sidebar."]}),"\n",(0,i.jsx)("div",{style:{marginBottom:"20px",display:"flex",justifyContent:"center"},children:(0,i.jsx)(a(),{playing:!0,controls:!0,url:"/videos/combine_text.mp4"})})]})}const x=function(n={}){const{wrapper:e}=Object.assign({},(0,o.RP)(),n.components);return e?(0,i.jsx)(e,Object.assign({},n,{children:(0,i.jsx)(h,n)})):h(n)}},8453:(n,e,t)=>{t.d(e,{RP:()=>s,xA:()=>c});var i=t(6540);const o=i.createContext({});function s(n){const e=i.useContext(o);return i.useMemo((()=>"function"==typeof n?n(e):{...e,...n}),[e,n])}const a={};function c({components:n,children:e,disableParentContext:t}){let c;return c=t?"function"==typeof n?n({}):n||a:s(n),i.createElement(o.Provider,{value:c},e)}}}]); \ No newline at end of file diff --git a/assets/js/dbc18341.d592274a.js b/assets/js/dbc18341.d592274a.js deleted file mode 100644 index 605d1dfb79..0000000000 --- a/assets/js/dbc18341.d592274a.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[9887],{251:(o,e,t)=>{t.r(e),t.d(e,{CH:()=>d,assets:()=>i,chCodeConfig:()=>h,contentTitle:()=>a,default:()=>g,frontMatter:()=>c,metadata:()=>p,toc:()=>y});t(6540);var n=t(4848),l=t(8453),s=t(4754),r=t(7293);const c={},a="Kubernetes",p={id:"deployment/kubernetes",title:"Kubernetes",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/deployment/kubernetes.mdx",sourceDirName:"deployment",slug:"/deployment/kubernetes",permalink:"/deployment/kubernetes",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"docs",previous:{title:"Backend-only",permalink:"/deployment/backend-only"},next:{title:"Deploy on Google Cloud Platform",permalink:"/deployment/gcp-deployment"}},i={},d={annotations:s.hk,Code:s.Cy},h={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},y=[{value:"LangFlow (IDE)",id:"langflow-ide",level:2},{value:"Prerequisites",id:"prerequisites",level:3},{value:"Step 0. Prepare a Kubernetes cluster",id:"step-0-prepare-a-kubernetes-cluster",level:3},{value:"Step 1. Install the LangFlow Helm chart",id:"step-1-install-the-langflow-helm-chart",level:3},{value:"Step 2. Access LangFlow",id:"step-2-access-langflow",level:3},{value:"LangFlow version",id:"langflow-version",level:3},{value:"Storage",id:"storage",level:3},{value:"Scaling",id:"scaling",level:3},{value:"Deploy on AWS EKS, Google GKE, or Azure AKS and other examples",id:"deploy-on-aws-eks-google-gke-or-azure-aks-and-other-examples",level:3},{value:"LangFlow (Runtime)",id:"langflow-runtime",level:2},{value:"Import a flow",id:"import-a-flow",level:2},{value:"Prerequisites",id:"prerequisites-1",level:3},{value:"Step 0. Prepare a Kubernetes cluster",id:"step-0-prepare-a-kubernetes-cluster-1",level:3},{value:"Step 1. Install the LangFlow runtime Helm chart",id:"step-1-install-the-langflow-runtime-helm-chart",level:3},{value:"Step 2. Access the LangFlow app API",id:"step-2-access-the-langflow-app-api",level:3},{value:"Storage",id:"storage-1",level:3},{value:"Log level and LangFlow configurations",id:"log-level-and-langflow-configurations",level:3},{value:"Configure secrets and variables",id:"configure-secrets-and-variables",level:3},{value:"Scaling",id:"scaling-1",level:3},{value:"Other examples",id:"other-examples",level:3}];function u(o){const e=Object.assign({h1:"h1",p:"p",ul:"ul",li:"li",a:"a",h2:"h2",h3:"h3",ol:"ol",code:"code",strong:"strong"},(0,l.RP)(),o.components);return d||f("CH",!1),d.Code||f("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n","\n","\n",(0,n.jsx)(e.h1,{id:"kubernetes",children:"Kubernetes"}),"\n",(0,n.jsx)(r.A,{type:"warning",title:"warning",children:(0,n.jsx)(e.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,n.jsx)(e.p,{children:"This guide will help you get LangFlow up and running in Kubernetes cluster, including the following steps:"}),"\n",(0,n.jsxs)(e.ul,{children:["\n",(0,n.jsxs)(e.li,{children:["Install ",(0,n.jsx)(e.a,{href:"#langflow-ide",children:"LangFlow as IDE"})," in a Kubernetes cluster (for development)"]}),"\n",(0,n.jsxs)(e.li,{children:["Install ",(0,n.jsx)(e.a,{href:"#langflow-runtime",children:"LangFlow as a standalone application"})," in a Kubernetes cluster (for production runtime workloads)"]}),"\n"]}),"\n",(0,n.jsx)(e.h2,{id:"langflow-ide",children:"LangFlow (IDE)"}),"\n",(0,n.jsx)(e.p,{children:"This solution is designed to provide a complete environment for developers to create, test, and debug their flows. It includes both the API and the UI."}),"\n",(0,n.jsx)(e.h3,{id:"prerequisites",children:"Prerequisites"}),"\n",(0,n.jsxs)(e.ul,{children:["\n",(0,n.jsx)(e.li,{children:"Kubernetes server"}),"\n",(0,n.jsx)(e.li,{children:"kubectl"}),"\n",(0,n.jsx)(e.li,{children:"Helm"}),"\n"]}),"\n",(0,n.jsx)(e.h3,{id:"step-0-prepare-a-kubernetes-cluster",children:"Step 0. Prepare a Kubernetes cluster"}),"\n",(0,n.jsxs)(e.p,{children:["We use ",(0,n.jsx)(e.a,{href:"https://minikube.sigs.k8s.io/docs/start/",children:"Minikube"})," for this example, but you can use any Kubernetes cluster."]}),"\n",(0,n.jsxs)(e.ol,{children:["\n",(0,n.jsxs)(e.li,{children:["Create a Kubernetes cluster on Minikube.","\n",(0,n.jsx)(d.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"minikube ",props:{style:{color:"#FFA657"}}},{content:"start",props:{style:{color:"#A5D6FF"}}}]}],lang:"shell"},annotations:[]}]}),"\n"]}),"\n",(0,n.jsxs)(e.li,{children:["Set ",(0,n.jsx)(e.code,{children:"kubectl"})," to use Minikube.","\n",(0,n.jsx)(d.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"kubectl ",props:{style:{color:"#FFA657"}}},{content:"config use-context minikube",props:{style:{color:"#A5D6FF"}}}]}],lang:"shell"},annotations:[]}]}),"\n"]}),"\n"]}),"\n",(0,n.jsx)(e.h3,{id:"step-1-install-the-langflow-helm-chart",children:"Step 1. Install the LangFlow Helm chart"}),"\n",(0,n.jsxs)(e.ol,{children:["\n",(0,n.jsxs)(e.li,{children:["Add the repository to Helm.","\n",(0,n.jsx)(d.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"helm ",props:{style:{color:"#FFA657"}}},{content:"repo add langflow https://langflow-ai.github.io/langflow-helm-charts",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"helm ",props:{style:{color:"#FFA657"}}},{content:"repo update",props:{style:{color:"#A5D6FF"}}}]}],lang:"shell"},annotations:[]}]}),"\n"]}),"\n",(0,n.jsxs)(e.li,{children:["Install LangFlow with the default options in the ",(0,n.jsx)(e.code,{children:"langflow"})," namespace.","\n",(0,n.jsx)(d.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"helm ",props:{style:{color:"#FFA657"}}},{content:"install langflow-ide langflow/langflow-ide ",props:{style:{color:"#A5D6FF"}}},{content:"-n ",props:{style:{color:"#79C0FF"}}},{content:"langflow ",props:{style:{color:"#A5D6FF"}}},{content:"--create-namespace",props:{style:{color:"#79C0FF"}}}]}],lang:"shell"},annotations:[]}]}),"\n"]}),"\n",(0,n.jsxs)(e.li,{children:["Check the status of the pods","\n",(0,n.jsx)(d.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"kubectl ",props:{style:{color:"#FFA657"}}},{content:"get pods ",props:{style:{color:"#A5D6FF"}}},{content:"-n ",props:{style:{color:"#79C0FF"}}},{content:"langflow",props:{style:{color:"#A5D6FF"}}}]}],lang:"shell"},annotations:[]}]}),"\n",(0,n.jsx)(d.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"NAME READY STATUS RESTARTS AGE",props:{}}]},{tokens:[{content:"langflow-0 1/1 Running 0 33s",props:{}}]},{tokens:[{content:"langflow-frontend-5d9c558dbb-g7tc9 1/1 Running 0 38s",props:{}}]}],lang:"text"},annotations:[]}]}),"\n"]}),"\n"]}),"\n",(0,n.jsx)(e.h3,{id:"step-2-access-langflow",children:"Step 2. Access LangFlow"}),"\n",(0,n.jsx)(e.p,{children:"Enable local port forwarding to access LangFlow from your local machine."}),"\n",(0,n.jsx)(d.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"kubectl ",props:{style:{color:"#FFA657"}}},{content:"port-forward ",props:{style:{color:"#A5D6FF"}}},{content:"-n ",props:{style:{color:"#79C0FF"}}},{content:"langflow svc/langflow-langflow-runtime 7860:",props:{style:{color:"#A5D6FF"}}},{content:"7860",props:{style:{color:"#79C0FF"}}}]}],lang:"shell"},annotations:[]}]}),"\n",(0,n.jsxs)(e.p,{children:["Now you can access LangFlow at ",(0,n.jsx)(e.a,{href:"http://localhost:7860/",children:"http://localhost:7860/"}),"."]}),"\n",(0,n.jsx)(e.h3,{id:"langflow-version",children:"LangFlow version"}),"\n",(0,n.jsxs)(e.p,{children:["To specify a different LangFlow version, you can set the ",(0,n.jsx)(e.code,{children:"langflow.backend.image.tag"})," and ",(0,n.jsx)(e.code,{children:"langflow.frontend.image.tag"})," values in the ",(0,n.jsx)(e.code,{children:"values.yaml"})," file."]}),"\n",(0,n.jsx)(d.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"langflow",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" backend",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" image",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" tag",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"1.0.0a59"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" frontend",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" image",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" tag",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"1.0.0a59"',props:{style:{color:"#A5D6FF"}}}]}],lang:"yaml"},annotations:[]}]}),"\n",(0,n.jsx)(e.h3,{id:"storage",children:"Storage"}),"\n",(0,n.jsxs)(e.p,{children:["By default, the chart will use a SQLLite database stored in a local persistent disk.\nIf you want to use an external PostgreSQL database, you can set the ",(0,n.jsx)(e.code,{children:"langflow.database"})," values in the ",(0,n.jsx)(e.code,{children:"values.yaml"})," file."]}),"\n",(0,n.jsx)(d.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"# Deploy postgresql. You can skip this section if you have an existing postgresql database.",props:{style:{color:"#8B949E"}}}]},{tokens:[{content:"postgresql",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" enabled",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"true",props:{style:{color:"#79C0FF"}}}]},{tokens:[{content:" fullnameOverride",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"langflow-ide-postgresql-service"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" auth",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" username",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"langflow"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" password",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"langflow-postgres"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" database",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"langflow-db"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"langflow",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" backend",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" externalDatabase",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" enabled",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"true",props:{style:{color:"#79C0FF"}}}]},{tokens:[{content:" driver",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" value",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"postgresql"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" host",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" value",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"langflow-ide-postgresql-service"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" port",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" value",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"5432"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" database",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" value",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"langflow-db"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" user",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" value",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"langflow"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" password",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" valueFrom",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" secretKeyRef",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" key",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"password"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" name",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"langflow-ide-postgresql-service"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" sqlite",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" enabled",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"false",props:{style:{color:"#79C0FF"}}}]}],lang:"yaml"},annotations:[]}]}),"\n",(0,n.jsx)(e.h3,{id:"scaling",children:"Scaling"}),"\n",(0,n.jsxs)(e.p,{children:["You can scale the number of replicas for the LangFlow backend and frontend services by changing the ",(0,n.jsx)(e.code,{children:"replicaCount"})," value in the ",(0,n.jsx)(e.code,{children:"values.yaml"})," file."]}),"\n",(0,n.jsx)(d.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"langflow",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" backend",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" replicaCount",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"3",props:{style:{color:"#79C0FF"}}}]},{tokens:[{content:" frontend",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" replicaCount",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"3",props:{style:{color:"#79C0FF"}}}]}],lang:"yaml"},annotations:[]}]}),"\n",(0,n.jsx)(e.p,{children:"You can scale frontend and backend services independently."}),"\n",(0,n.jsxs)(e.p,{children:["To scale vertically (increase the resources for the pods), you can set the ",(0,n.jsx)(e.code,{children:"resources"})," values in the ",(0,n.jsx)(e.code,{children:"values.yaml"})," file."]}),"\n",(0,n.jsx)(d.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"langflow",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" backend",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" resources",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" requests",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" memory",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"2Gi"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" cpu",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"1000m"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" frontend",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" resources",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" requests",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" memory",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"1Gi"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" cpu",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"1000m"',props:{style:{color:"#A5D6FF"}}}]}],lang:"yaml"},annotations:[]}]}),"\n",(0,n.jsx)(e.h3,{id:"deploy-on-aws-eks-google-gke-or-azure-aks-and-other-examples",children:"Deploy on AWS EKS, Google GKE, or Azure AKS and other examples"}),"\n",(0,n.jsxs)(e.p,{children:["Visit the ",(0,n.jsx)(e.a,{href:"https://github.com/langflow-ai/langflow-helm-charts",children:"LangFlow Helm Charts repository"})," for more examples and configurations."]}),"\n",(0,n.jsxs)(e.p,{children:["Use the ",(0,n.jsx)(e.a,{href:"https://github.com/langflow-ai/langflow-helm-charts/blob/main/charts/langflow-ide/values.yaml",children:"default values file"})," as reference for all the options available."]}),"\n",(0,n.jsxs)(e.p,{children:["Visit the ",(0,n.jsx)(e.a,{href:"https://github.com/langflow-ai/langflow-helm-charts/tree/main/examples/langflow-ide",children:"examples directory"})," to learn more about different deployment options."]}),"\n",(0,n.jsx)(e.h2,{id:"langflow-runtime",children:"LangFlow (Runtime)"}),"\n",(0,n.jsx)(e.p,{children:"The runtime chart is tailored for deploying applications in a production environment. It is focused on stability, performance, isolation and security to ensure that applications run reliably and efficiently."}),"\n",(0,n.jsx)(e.p,{children:"Using a dedicated deployment for a set of flows is fundamental in production environments in order to have a granular resource control."}),"\n",(0,n.jsx)(e.h2,{id:"import-a-flow",children:"Import a flow"}),"\n",(0,n.jsx)(e.p,{children:"There are two ways to import a flow (or multiple flows) and deploy it with the LangFlow runtime Helm chart:"}),"\n",(0,n.jsxs)(e.ol,{children:["\n",(0,n.jsxs)(e.li,{children:["\n",(0,n.jsxs)(e.p,{children:[(0,n.jsx)(e.strong,{children:"From a remote location"}),": You can reference a flow stored in a remote location, such as a URL or a Git repository by customizing the ",(0,n.jsx)(e.code,{children:"values.yaml"})," file in the section ",(0,n.jsx)(e.code,{children:"downloadFlows"}),":"]}),"\n",(0,n.jsx)(d.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"downloadFlows",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" flows",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" - ",props:{style:{color:"#C9D1D9"}}},{content:"url",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"https://raw.githubusercontent.com/langflow-ai/langflow/dev/src/backend/base/langflow/initial_setup/starter_projects/Basic%20Prompting%20(Hello%2C%20world!).json",props:{style:{color:"#A5D6FF"}}}]}],lang:"yaml"},annotations:[]}]}),"\n",(0,n.jsxs)(e.p,{children:["When the LangFlow runtime starts, it will download the flow from the specified URL and run it.\nThe flow UUID to use to call the API endpoints is the same as the one in the JSON file under the ",(0,n.jsx)(e.code,{children:"id"})," field.\nYou can also specify a ",(0,n.jsx)(e.code,{children:"endpoint_name"})," field to give a friendly name to the flow."]}),"\n"]}),"\n",(0,n.jsxs)(e.li,{children:["\n",(0,n.jsxs)(e.p,{children:[(0,n.jsx)(e.strong,{children:"Packaging the flow as docker image"}),": You can add a flow from to a docker image based on Langflow runtime and refer to it in the chart."]}),"\n",(0,n.jsx)(e.p,{children:"First you need a base Dockerfile to get the langflow image and add your local flows:"}),"\n",(0,n.jsx)(d.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:" FROM langflowai/langflow-backend:latest",props:{}}]},{tokens:[{content:" RUN mkdir /app/flows",props:{}}]},{tokens:[{content:" COPY ./*json /app/flows/.",props:{}}]}],lang:"text"},annotations:[]}]}),"\n",(0,n.jsx)(e.p,{children:"Then you can build the image and push it to DockerHub (or any registry you prefer):"}),"\n",(0,n.jsx)(d.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"# Create the Dockerfile",props:{style:{color:"#8B949E"}}}]},{tokens:[{content:"echo ",props:{style:{color:"#79C0FF"}}},{content:'"""FROM langflowai/langflow-backend:latest',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"RUN mkdir /app/flows",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"ENV LANGFLOW_LOAD_FLOWS_PATH=/app/flows",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:'COPY ./*json /app/flows/.""" ',props:{style:{color:"#A5D6FF"}}},{content:"> ",props:{style:{color:"#FF7B72"}}},{content:"Dockerfile",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"# Download the flows",props:{style:{color:"#8B949E"}}}]},{tokens:[{content:"wget ",props:{style:{color:"#FFA657"}}},{content:"https://raw.githubusercontent.com/langflow-ai/langflow/dev/src/backend/base/langflow/initial_setup/starter_projects/Basic%20Prompting%",props:{style:{color:"#A5D6FF"}}},{content:"20",props:{style:{color:"#79C0FF"}}},{content:"(",props:{style:{color:"#C9D1D9"}}},{content:"Hello%2C%20world!",props:{style:{color:"#FFA657"}}},{content:")",props:{style:{color:"#C9D1D9"}}},{content:".json",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"# Build the docker image locally",props:{style:{color:"#8B949E"}}}]},{tokens:[{content:"docker ",props:{style:{color:"#FFA657"}}},{content:"build ",props:{style:{color:"#A5D6FF"}}},{content:"-t ",props:{style:{color:"#79C0FF"}}},{content:"myuser/langflow-just-chat:",props:{style:{color:"#A5D6FF"}}},{content:"1.0.0 -f ",props:{style:{color:"#79C0FF"}}},{content:"Dockerfile .",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"# Push the image to DockerHub",props:{style:{color:"#8B949E"}}}]},{tokens:[{content:"docker ",props:{style:{color:"#FFA657"}}},{content:"push myuser/langflow-just-chat:",props:{style:{color:"#A5D6FF"}}},{content:"1.0.0",props:{style:{color:"#79C0FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n"]}),"\n"]}),"\n",(0,n.jsx)(e.h3,{id:"prerequisites-1",children:"Prerequisites"}),"\n",(0,n.jsxs)(e.ul,{children:["\n",(0,n.jsx)(e.li,{children:"Kubernetes server"}),"\n",(0,n.jsx)(e.li,{children:"kubectl"}),"\n",(0,n.jsx)(e.li,{children:"Helm"}),"\n"]}),"\n",(0,n.jsx)(e.h3,{id:"step-0-prepare-a-kubernetes-cluster-1",children:"Step 0. Prepare a Kubernetes cluster"}),"\n",(0,n.jsx)(e.p,{children:"Follow the same steps as for the LangFlow IDE."}),"\n",(0,n.jsx)(e.h3,{id:"step-1-install-the-langflow-runtime-helm-chart",children:"Step 1. Install the LangFlow runtime Helm chart"}),"\n",(0,n.jsxs)(e.ol,{children:["\n",(0,n.jsxs)(e.li,{children:["Add the repository to Helm.","\n",(0,n.jsx)(d.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"helm ",props:{style:{color:"#FFA657"}}},{content:"repo add langflow https://langflow-ai.github.io/langflow-helm-charts",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"helm ",props:{style:{color:"#FFA657"}}},{content:"repo update",props:{style:{color:"#A5D6FF"}}}]}],lang:"shell"},annotations:[]}]}),"\n"]}),"\n",(0,n.jsxs)(e.li,{children:["Install the LangFlow app with the default options in the ",(0,n.jsx)(e.code,{children:"langflow"})," namespace.\nIf you bundled the flow in a docker image, you can specify the image name in the ",(0,n.jsx)(e.code,{children:"values.yaml"})," file or with the ",(0,n.jsx)(e.code,{children:"--set"})," flag:","\n",(0,n.jsx)(d.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"helm ",props:{style:{color:"#FFA657"}}},{content:"install my-langflow-app langflow/langflow-runtime ",props:{style:{color:"#A5D6FF"}}},{content:"-n ",props:{style:{color:"#79C0FF"}}},{content:"langflow ",props:{style:{color:"#A5D6FF"}}},{content:"--create-namespace --set ",props:{style:{color:"#79C0FF"}}},{content:"image.repository=myuser/langflow-just-chat ",props:{style:{color:"#A5D6FF"}}},{content:"--set ",props:{style:{color:"#79C0FF"}}},{content:"image.tag=",props:{style:{color:"#A5D6FF"}}},{content:"1.0.0",props:{style:{color:"#79C0FF"}}}]}],lang:"shell"},annotations:[]}]}),"\n","If you want to download the flow from a remote location, you can specify the URL in the ",(0,n.jsx)(e.code,{children:"values.yaml"})," file or with the ",(0,n.jsx)(e.code,{children:"--set"})," flag:","\n",(0,n.jsx)(d.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"helm ",props:{style:{color:"#FFA657"}}},{content:"install my-langflow-app langflow/langflow-runtime ",props:{style:{color:"#A5D6FF"}}},{content:"-n ",props:{style:{color:"#79C0FF"}}},{content:"langflow ",props:{style:{color:"#A5D6FF"}}},{content:"--create-namespace --set ",props:{style:{color:"#79C0FF"}}},{content:"downloadFlows.flows[0].url=https://raw.githubusercontent.com/langflow-ai/langflow/dev/src/backend/base/langflow/initial_setup/starter_projects/Basic%20Prompting%",props:{style:{color:"#A5D6FF"}}},{content:"20",props:{style:{color:"#79C0FF"}}},{content:"(",props:{style:{color:"#C9D1D9"}}},{content:"Hello%2C%20world!",props:{style:{color:"#FFA657"}}},{content:")",props:{style:{color:"#C9D1D9"}}},{content:".json",props:{style:{color:"#A5D6FF"}}}]}],lang:"shell"},annotations:[]}]}),"\n",(0,n.jsxs)(e.ol,{start:"3",children:["\n",(0,n.jsx)(e.li,{children:"Check the status of the pods"}),"\n"]}),"\n",(0,n.jsx)(d.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"kubectl ",props:{style:{color:"#FFA657"}}},{content:"get pods ",props:{style:{color:"#A5D6FF"}}},{content:"-n ",props:{style:{color:"#79C0FF"}}},{content:"langflow",props:{style:{color:"#A5D6FF"}}}]}],lang:"shell"},annotations:[]}]}),"\n"]}),"\n"]}),"\n",(0,n.jsx)(e.h3,{id:"step-2-access-the-langflow-app-api",children:"Step 2. Access the LangFlow app API"}),"\n",(0,n.jsx)(e.p,{children:"Enable local port forwarding to access LangFlow from your local machine."}),"\n",(0,n.jsx)(d.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"kubectl ",props:{style:{color:"#FFA657"}}},{content:"port-forward ",props:{style:{color:"#A5D6FF"}}},{content:"-n ",props:{style:{color:"#79C0FF"}}},{content:"langflow svc/langflow-my-langflow-app 7860:",props:{style:{color:"#A5D6FF"}}},{content:"7860",props:{style:{color:"#79C0FF"}}}]}],lang:"shell"},annotations:[]}]}),"\n",(0,n.jsxs)(e.p,{children:["Now you can access the API at ",(0,n.jsx)(e.a,{href:"http://localhost:7860/api/v1/flows",children:"http://localhost:7860/api/v1/flows"})," and execute the flow:"]}),"\n",(0,n.jsx)(d.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"id",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"$(",props:{style:{color:"#A5D6FF"}}},{content:"curl ",props:{style:{color:"#FFA657"}}},{content:"-s",props:{style:{color:"#79C0FF"}}},{content:" http://localhost:7860/api/v1/flows ",props:{style:{color:"#A5D6FF"}}},{content:"| ",props:{style:{color:"#FF7B72"}}},{content:"jq ",props:{style:{color:"#FFA657"}}},{content:"-r",props:{style:{color:"#79C0FF"}}},{content:" '.flows[0].id')",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"curl ",props:{style:{color:"#FFA657"}}},{content:"-X ",props:{style:{color:"#79C0FF"}}},{content:"POST ",props:{style:{color:"#A5D6FF"}}},{content:"\\",props:{style:{color:"#79C0FF"}}}]},{tokens:[{content:' "http://localhost:7860/api/v1/run/',props:{style:{color:"#A5D6FF"}}},{content:"$id",props:{style:{color:"#C9D1D9"}}},{content:'?stream=false" ',props:{style:{color:"#A5D6FF"}}},{content:"\\",props:{style:{color:"#79C0FF"}}}]},{tokens:[{content:" -H ",props:{style:{color:"#79C0FF"}}},{content:"'Content-Type: application/json'",props:{style:{color:"#A5D6FF"}}},{content:"\\",props:{style:{color:"#79C0FF"}}}]},{tokens:[{content:" -d ",props:{style:{color:"#79C0FF"}}},{content:"'{",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:' "input_value": "Hello!",',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:' "output_type": "chat",',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:' "input_type": "chat"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" }'",props:{style:{color:"#A5D6FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,n.jsx)(e.h3,{id:"storage-1",children:"Storage"}),"\n",(0,n.jsx)(e.p,{children:"In this case, the storage is not needed as our deployment is stateless."}),"\n",(0,n.jsx)(e.h3,{id:"log-level-and-langflow-configurations",children:"Log level and LangFlow configurations"}),"\n",(0,n.jsxs)(e.p,{children:["You can set the log level and other LangFlow configurations in the ",(0,n.jsx)(e.code,{children:"values.yaml"})," file."]}),"\n",(0,n.jsx)(d.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"env",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" - ",props:{style:{color:"#C9D1D9"}}},{content:"name",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"LANGFLOW_LOG_LEVEL",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" value",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"INFO"',props:{style:{color:"#A5D6FF"}}}]}],lang:"yaml"},annotations:[]}]}),"\n",(0,n.jsx)(e.h3,{id:"configure-secrets-and-variables",children:"Configure secrets and variables"}),"\n",(0,n.jsxs)(e.p,{children:["In order to inject secrets and LangFlow global variables, you can use the ",(0,n.jsx)(e.code,{children:"secrets"})," and ",(0,n.jsx)(e.code,{children:"env"})," sections in the ",(0,n.jsx)(e.code,{children:"values.yaml"})," file."]}),"\n",(0,n.jsxs)(e.p,{children:["Let's say your flow uses a global variable which is a secret; when you export the flow as JSON, it's recommended to not include it.\nWhen importing the flow in the LangFlow runtime, you can set the global variable using the ",(0,n.jsx)(e.code,{children:"env"})," section in the ",(0,n.jsx)(e.code,{children:"values.yaml"})," file.\nAssuming you have a global variable called ",(0,n.jsx)(e.code,{children:"openai_key_var"}),", you can read it directly from a secret:"]}),"\n",(0,n.jsx)(d.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"env",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" - ",props:{style:{color:"#C9D1D9"}}},{content:"name",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"openai_key_var",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" valueFrom",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" secretKeyRef",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" name",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"openai-key",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" key",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"openai-key",props:{style:{color:"#A5D6FF"}}}]}],lang:"yaml"},annotations:[]}]}),"\n",(0,n.jsx)(e.p,{children:"or directly from the values file (not recommended for secret values!):"}),"\n",(0,n.jsx)(d.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"env",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" - ",props:{style:{color:"#C9D1D9"}}},{content:"name",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"openai_key_var",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" value",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"sk-...."',props:{style:{color:"#A5D6FF"}}}]}],lang:"yaml"},annotations:[]}]}),"\n",(0,n.jsx)(e.h3,{id:"scaling-1",children:"Scaling"}),"\n",(0,n.jsxs)(e.p,{children:["You can scale the number of replicas for the LangFlow app by changing the ",(0,n.jsx)(e.code,{children:"replicaCount"})," value in the ",(0,n.jsx)(e.code,{children:"values.yaml"})," file."]}),"\n",(0,n.jsx)(d.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"replicaCount",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"3",props:{style:{color:"#79C0FF"}}}]}],lang:"yaml"},annotations:[]}]}),"\n",(0,n.jsxs)(e.p,{children:["To scale vertically (increase the resources for the pods), you can set the ",(0,n.jsx)(e.code,{children:"resources"})," values in the ",(0,n.jsx)(e.code,{children:"values.yaml"})," file."]}),"\n",(0,n.jsx)(d.Code,{codeConfig:h,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"resources",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" requests",props:{style:{color:"#7EE787"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" memory",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"2Gi"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" cpu",props:{style:{color:"#7EE787"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"1000m"',props:{style:{color:"#A5D6FF"}}}]}],lang:"yaml"},annotations:[]}]}),"\n",(0,n.jsx)(e.h3,{id:"other-examples",children:"Other examples"}),"\n",(0,n.jsxs)(e.p,{children:["Visit the ",(0,n.jsx)(e.a,{href:"https://github.com/langflow-ai/langflow-helm-charts",children:"LangFlow Helm Charts repository"})," for more examples and configurations."]}),"\n",(0,n.jsxs)(e.p,{children:["Use the ",(0,n.jsx)(e.a,{href:"https://github.com/langflow-ai/langflow-helm-charts/blob/main/charts/langflow-runtime/values.yaml",children:"default values file"})," as reference for all the options available."]}),"\n",(0,n.jsxs)(e.p,{children:["Visit the ",(0,n.jsx)(e.a,{href:"https://github.com/langflow-ai/langflow-helm-charts/tree/main/examples/langflow-runtime",children:"examples directory"})," to learn more about different deployment options."]})]})}const g=function(o={}){const{wrapper:e}=Object.assign({},(0,l.RP)(),o.components);return e?(0,n.jsx)(e,Object.assign({},o,{children:(0,n.jsx)(u,o)})):u(o)};function f(o,e){throw new Error("Expected "+(e?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/assets/js/dc753f6c.79ca7698.js b/assets/js/dc753f6c.79ca7698.js new file mode 100644 index 0000000000..3626779c87 --- /dev/null +++ b/assets/js/dc753f6c.79ca7698.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[4930],{7293:(o,t,e)=>{e.d(t,{A:()=>I});var n=e(6540),s=e(4848);function r(o){const{mdxAdmonitionTitle:t,rest:e}=function(o){const t=n.Children.toArray(o),e=t.find((o=>n.isValidElement(o)&&"mdxAdmonitionTitle"===o.type)),r=t.filter((o=>o!==e)),c=e?.props.children;return{mdxAdmonitionTitle:c,rest:r.length>0?(0,s.jsx)(s.Fragment,{children:r}):null}}(o.children),r=o.title??t;return{...o,...r&&{title:r},children:e}}var c=e(8215),l=e(1312),p=e(7559);const i={admonition:"admonition_xJq3",admonitionHeading:"admonitionHeading_Gvgb",admonitionIcon:"admonitionIcon_Rf37",admonitionContent:"admonitionContent_BuS1"};function F(o){let{type:t,className:e,children:n}=o;return(0,s.jsx)("div",{className:(0,c.A)(p.G.common.admonition,p.G.common.admonitionType(t),i.admonition,e),children:n})}function a(o){let{icon:t,title:e}=o;return(0,s.jsxs)("div",{className:i.admonitionHeading,children:[(0,s.jsx)("span",{className:i.admonitionIcon,children:t}),e]})}function y(o){let{children:t}=o;return t?(0,s.jsx)("div",{className:i.admonitionContent,children:t}):null}function D(o){const{type:t,icon:e,title:n,children:r,className:c}=o;return(0,s.jsxs)(F,{type:t,className:c,children:[n||e?(0,s.jsx)(a,{title:n,icon:e}):null,(0,s.jsx)(y,{children:r})]})}function d(o){return(0,s.jsx)("svg",{viewBox:"0 0 14 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"})})}const u={icon:(0,s.jsx)(d,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.note",description:"The default label used for the Note admonition (:::note)",children:"note"})};function C(o){return(0,s.jsx)(D,{...u,...o,className:(0,c.A)("alert alert--secondary",o.className),children:o.children})}function m(o){return(0,s.jsx)("svg",{viewBox:"0 0 12 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"})})}const h={icon:(0,s.jsx)(m,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.tip",description:"The default label used for the Tip admonition (:::tip)",children:"tip"})};function f(o){return(0,s.jsx)(D,{...h,...o,className:(0,c.A)("alert alert--success",o.className),children:o.children})}function k(o){return(0,s.jsx)("svg",{viewBox:"0 0 14 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"})})}const A={icon:(0,s.jsx)(k,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.info",description:"The default label used for the Info admonition (:::info)",children:"info"})};function B(o){return(0,s.jsx)(D,{...A,...o,className:(0,c.A)("alert alert--info",o.className),children:o.children})}function g(o){return(0,s.jsx)("svg",{viewBox:"0 0 16 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"})})}const x={icon:(0,s.jsx)(g,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.warning",description:"The default label used for the Warning admonition (:::warning)",children:"warning"})};function j(o){return(0,s.jsx)("svg",{viewBox:"0 0 12 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"})})}const v={icon:(0,s.jsx)(j,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.danger",description:"The default label used for the Danger admonition (:::danger)",children:"danger"})};const _={icon:(0,s.jsx)(g,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.caution",description:"The default label used for the Caution admonition (:::caution)",children:"caution"})};const b={...{note:C,tip:f,info:B,warning:function(o){return(0,s.jsx)(D,{...x,...o,className:(0,c.A)("alert alert--warning",o.className),children:o.children})},danger:function(o){return(0,s.jsx)(D,{...v,...o,className:(0,c.A)("alert alert--danger",o.className),children:o.children})}},...{secondary:o=>(0,s.jsx)(C,{title:"secondary",...o}),important:o=>(0,s.jsx)(B,{title:"important",...o}),success:o=>(0,s.jsx)(f,{title:"success",...o}),caution:function(o){return(0,s.jsx)(D,{..._,...o,className:(0,c.A)("alert alert--warning",o.className),children:o.children})}}};var w=e(6763);function I(o){const t=r(o),e=(n=t.type,b[n]||(w.warn(`No admonition component found for admonition type "${n}". Using Info as fallback.`),b.info));var n;return(0,s.jsx)(e,{...t})}},7533:(o,t,e)=>{e.d(t,{A:()=>l});var n=e(6540),s=e(1122),r=e(6025),c=e(4848);const l=o=>{let{alt:t,sources:e,style:l}=o;const[p,i]=(0,n.useState)(!1),F=o=>{"Escape"===o.key&&i(!1)};(0,n.useEffect)((()=>(p?document.addEventListener("keydown",F):document.removeEventListener("keydown",F),()=>{document.removeEventListener("keydown",F)})),[p]);return(0,c.jsx)("div",{className:"zoomable-image "+(p?"fullscreen":""),onClick:()=>{i(!p)},style:{width:"50%",margin:"0 auto",display:"flex",justifyContent:"center",...l},children:(0,c.jsx)(s.A,{className:"zoomable-image-inner",alt:t,sources:{light:(0,r.Ay)(e.light),dark:(0,r.Ay)(e.dark)}})})}},6361:(o,t,e)=>{e.r(t),e.d(t,{CH:()=>a,assets:()=>F,chCodeConfig:()=>y,contentTitle:()=>p,default:()=>u,frontMatter:()=>l,metadata:()=>i,toc:()=>D});e(6540);var n=e(4848),s=e(8453),r=e(4754),c=(e(1122),e(6025),e(7533),e(7293));const l={},p="Custom Components",i={id:"components/custom",title:"Custom Components",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/components/custom.mdx",sourceDirName:"components",slug:"/components/custom",permalink:"/components/custom",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"docs",previous:{title:"Embeddings",permalink:"/components/embeddings"},next:{title:"Build Chatbots with the System Message Component",permalink:"/tutorials/chatprompttemplate_guide"}},F={},a={annotations:r.hk,Code:r.Cy},y={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},D=[{value:"Basic Structure of a Custom Component",id:"basic-structure-of-a-custom-component",level:2},{value:"Create a Custom Component Step-by-Step",id:"create-a-custom-component-step-by-step",level:2},{value:"Advanced Example: Create a Conditional Router Component",id:"advanced-example-create-a-conditional-router-component",level:2}];function d(o){const t=Object.assign({h1:"h1",p:"p",h2:"h2",ol:"ol",li:"li",strong:"strong",code:"code",hr:"hr"},(0,s.RP)(),o.components);return a||C("CH",!1),a.Code||C("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n","\n","\n",(0,n.jsx)(t.h1,{id:"custom-components",children:"Custom Components"}),"\n",(0,n.jsx)(c.A,{type:"warning",title:"warning",children:(0,n.jsx)(t.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,n.jsx)(t.p,{children:"Build custom components in Langflow for various data processing and transformation tasks."}),"\n",(0,n.jsx)(t.p,{children:"This guide provides a comprehensive overview of how to create custom components using Langflow."}),"\n",(0,n.jsx)(t.h2,{id:"basic-structure-of-a-custom-component",children:"Basic Structure of a Custom Component"}),"\n",(0,n.jsx)(t.p,{children:"A custom component in Langflow typically includes the following parts:"}),"\n",(0,n.jsxs)(t.ol,{children:["\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.strong,{children:"Class Definition"}),": Inherits from the\xa0",(0,n.jsx)(t.code,{children:"Component"}),"\xa0class."]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.strong,{children:"Component Metadata"}),": Defines display name, description, and icon."]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.strong,{children:"Inputs and Outputs"}),": Specifies the inputs and outputs for the component."]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.strong,{children:"Processing Logic"}),": Implements the logic for processing data within the component."]}),"\n"]}),"\n",(0,n.jsx)(t.p,{children:"A custom component in Python looks like this:"}),"\n",(0,n.jsx)(a.Code,{codeConfig:y,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.custom ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Component",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.inputs ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" MessageTextInput, IntInput, BoolInput, DropdownInput, HandleInput",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.template ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Output",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.schema ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Data, Message",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" typing ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" List, Optional",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"class ",props:{style:{color:"#FF7B72"}}},{content:"ExampleComponent",props:{style:{color:"#FFA657"}}},{content:"(",props:{style:{color:"#C9D1D9"}}},{content:"Component",props:{style:{color:"#79C0FF"}}},{content:"):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"Example Component"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" description ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"A template for creating custom components."',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" icon ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"icon-name"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" inputs ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" [",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" MessageTextInput(",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"input_text"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"Input Text"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" info",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"Text input for the component."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ),",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" IntInput(",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"input_number"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"Input Number"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" info",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"Numeric input for the component."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ),",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" BoolInput(",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"input_boolean"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"Input Boolean"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" info",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"Boolean input for the component."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ),",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" DropdownInput(",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"input_choice"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"Input Choice"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" options",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"[",props:{style:{color:"#C9D1D9"}}},{content:'"Option1"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:'"Option2"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:'"Option3"',props:{style:{color:"#A5D6FF"}}},{content:"],",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" info",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"Dropdown input for the component."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ),",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ]",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" outputs ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" [",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" Output(",props:{style:{color:"#C9D1D9"}}},{content:"display_name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"Output Data"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:"name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"output_data"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:"method",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"process_data"',props:{style:{color:"#A5D6FF"}}},{content:"),",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ]",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"process_data",props:{style:{color:"#D2A8FF"}}},{content:"(self) -> Data:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" input_text ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:"self",props:{style:{color:"#79C0FF"}}},{content:".input_text",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" input_number ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:"self",props:{style:{color:"#79C0FF"}}},{content:".input_number",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" input_boolean ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:"self",props:{style:{color:"#79C0FF"}}},{content:".input_boolean",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" input_choice ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:"self",props:{style:{color:"#79C0FF"}}},{content:".input_choice",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" # Implement your processing logic here",props:{style:{color:"#8B949E"}}}]},{tokens:[{content:" result ",props:{style:{color:"#C9D1D9"}}},{content:"= f",props:{style:{color:"#FF7B72"}}},{content:'"Processed: ',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"input_text",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:", ",props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"input_number",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:", ",props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"input_boolean",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:", ",props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"input_choice",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" self",props:{style:{color:"#79C0FF"}}},{content:".status ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" result",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" Data(",props:{style:{color:"#C9D1D9"}}},{content:"data",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"{",props:{style:{color:"#C9D1D9"}}},{content:'"result"',props:{style:{color:"#A5D6FF"}}},{content:": result})",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]}],lang:"python"},annotations:[]}]}),"\n",(0,n.jsx)(t.h2,{id:"create-a-custom-component-step-by-step",children:"Create a Custom Component Step-by-Step"}),"\n",(0,n.jsxs)(t.ol,{children:["\n",(0,n.jsxs)(t.li,{children:["Create a class that inherits from the\xa0",(0,n.jsx)(t.code,{children:"Component"}),"\xa0class."]}),"\n"]}),"\n",(0,n.jsx)(a.Code,{codeConfig:y,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"class ",props:{style:{color:"#FF7B72"}}},{content:"ExampleComponent",props:{style:{color:"#FFA657"}}},{content:"(",props:{style:{color:"#C9D1D9"}}},{content:"Component",props:{style:{color:"#79C0FF"}}},{content:"):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" # Class content",props:{style:{color:"#8B949E"}}}]}],lang:"python"},annotations:[]}]}),"\n",(0,n.jsxs)(t.ol,{start:"2",children:["\n",(0,n.jsxs)(t.li,{children:["Define metadata such as\xa0",(0,n.jsx)(t.code,{children:"display_name"}),",\xa0",(0,n.jsx)(t.code,{children:"description"}),", and\xa0",(0,n.jsx)(t.code,{children:"icon"}),"."]}),"\n"]}),"\n",(0,n.jsx)(a.Code,{codeConfig:y,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"display_name ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"Example Component"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"description ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"A template for creating custom components."',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"icon ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"icon-name"',props:{style:{color:"#A5D6FF"}}}]}],lang:"python"},annotations:[]}]}),"\n",(0,n.jsxs)(t.ol,{start:"3",children:["\n",(0,n.jsxs)(t.li,{children:["Define the inputs and outputs for the component using the\xa0",(0,n.jsx)(t.code,{children:"inputs"}),"\xa0and\xa0",(0,n.jsx)(t.code,{children:"outputs"}),"\xa0lists."]}),"\n"]}),"\n",(0,n.jsxs)(t.p,{children:[(0,n.jsx)(t.strong,{children:"Inputs"}),"\xa0can be of various types such as\xa0",(0,n.jsx)(t.code,{children:"TextInput"}),",\xa0",(0,n.jsx)(t.code,{children:"IntInput"}),",\xa0",(0,n.jsx)(t.code,{children:"BoolInput"}),",\xa0",(0,n.jsx)(t.code,{children:"DropdownInput"}),", etc."]}),"\n",(0,n.jsx)(a.Code,{codeConfig:y,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"inputs ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" [",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" MessageTextInput(",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"input_text"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"Input Text"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" info",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"Text input for the component."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ),",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" IntInput(",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"input_number"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"Input Number"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" info",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"Numeric input for the component."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ),",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" BoolInput(",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"input_boolean"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"Input Boolean"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" info",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"Boolean input for the component."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ),",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" DropdownInput(",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"input_choice"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"Input Choice"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" options",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"[",props:{style:{color:"#C9D1D9"}}},{content:'"Option1"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:'"Option2"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:'"Option3"',props:{style:{color:"#A5D6FF"}}},{content:"],",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" info",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"Dropdown input for the component."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ),",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"]",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]}],lang:"python"},annotations:[]}]}),"\n",(0,n.jsxs)(t.p,{children:[(0,n.jsx)(t.strong,{children:"Outputs"}),"\xa0define the output methods for the component."]}),"\n",(0,n.jsx)(a.Code,{codeConfig:y,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"outputs ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" [",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" Output(",props:{style:{color:"#C9D1D9"}}},{content:"display_name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"Output Data"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:"name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"output_data"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:"method",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"process_data"',props:{style:{color:"#A5D6FF"}}},{content:"),",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"]",props:{style:{color:"#C9D1D9"}}}]}],lang:"python"},annotations:[]}]}),"\n",(0,n.jsxs)(t.ol,{start:"4",children:["\n",(0,n.jsx)(t.li,{children:"Implement the logic for processing data within the component. Define methods for processing data and returning results."}),"\n"]}),"\n",(0,n.jsx)(a.Code,{codeConfig:y,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"def ",props:{style:{color:"#FF7B72"}}},{content:"process_data",props:{style:{color:"#D2A8FF"}}},{content:"(self) -> Data:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" input_text ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:"self",props:{style:{color:"#79C0FF"}}},{content:".input_text",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" input_number ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:"self",props:{style:{color:"#79C0FF"}}},{content:".input_number",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" input_boolean ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:"self",props:{style:{color:"#79C0FF"}}},{content:".input_boolean",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" input_choice ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:"self",props:{style:{color:"#79C0FF"}}},{content:".input_choice",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" # Implement your processing logic here",props:{style:{color:"#8B949E"}}}]},{tokens:[{content:" result ",props:{style:{color:"#C9D1D9"}}},{content:"= f",props:{style:{color:"#FF7B72"}}},{content:'"Processed: ',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"input_text",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:", ",props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"input_number",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:", ",props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"input_boolean",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:", ",props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"input_choice",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" self",props:{style:{color:"#79C0FF"}}},{content:".status ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" result",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" Data(",props:{style:{color:"#C9D1D9"}}},{content:"data",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"{",props:{style:{color:"#C9D1D9"}}},{content:'"result"',props:{style:{color:"#A5D6FF"}}},{content:": result})",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]}],lang:"python"},annotations:[]}]}),"\n",(0,n.jsx)(t.h2,{id:"advanced-example-create-a-conditional-router-component",children:"Advanced Example: Create a Conditional Router Component"}),"\n",(0,n.jsx)(t.p,{children:"This example demonstrates a more complex component that routes data based on a condition."}),"\n",(0,n.jsxs)(t.p,{children:["Notice that this component has two outputs associated with the methods ",(0,n.jsx)(t.code,{children:"true_response"}),"\xa0and\xa0",(0,n.jsx)(t.code,{children:"false_response"}),"."]}),"\n",(0,n.jsxs)(t.p,{children:["These methods trigger ",(0,n.jsx)(t.code,{children:"self.stop"})," to block the transmission for the selected output, allowing for logic operations to be implemented visually."]}),"\n",(0,n.jsx)(a.Code,{codeConfig:y,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.custom ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Component",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.inputs ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" MessageTextInput, DropdownInput, BoolInput",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.template ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Output",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.field_typing ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Text",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"class ",props:{style:{color:"#FF7B72"}}},{content:"ConditionalRouterComponent",props:{style:{color:"#FFA657"}}},{content:"(",props:{style:{color:"#C9D1D9"}}},{content:"Component",props:{style:{color:"#79C0FF"}}},{content:"):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"Conditional Router"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" description ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"Routes input based on a specified condition."',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" icon ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"router"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" inputs ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" [",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" MessageTextInput(",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"input_value"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"Input Value"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" info",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"Value to be evaluated."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ),",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" MessageTextInput(",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"comparison_value"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"Comparison Value"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" info",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"Value to compare against."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ),",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" DropdownInput(",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"operator"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"Operator"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" options",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"[",props:{style:{color:"#C9D1D9"}}},{content:'"equals"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:'"not equals"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:'"contains"',props:{style:{color:"#A5D6FF"}}},{content:"],",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" info",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"Comparison operator."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ),",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ]",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" outputs ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" [",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" Output(",props:{style:{color:"#C9D1D9"}}},{content:"display_name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"True Output"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:"name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"true_output"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:"method",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"true_response"',props:{style:{color:"#A5D6FF"}}},{content:"),",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" Output(",props:{style:{color:"#C9D1D9"}}},{content:"display_name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"False Output"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:"name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"false_response"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:"method",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"false_response"',props:{style:{color:"#A5D6FF"}}},{content:"),",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ]",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"evaluate_condition",props:{style:{color:"#D2A8FF"}}},{content:"(self, input_value: ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:", comparison_value: ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:", operator: ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:") -> ",props:{style:{color:"#C9D1D9"}}},{content:"bool",props:{style:{color:"#79C0FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" if",props:{style:{color:"#FF7B72"}}},{content:" operator ",props:{style:{color:"#C9D1D9"}}},{content:"== ",props:{style:{color:"#FF7B72"}}},{content:'"equals"',props:{style:{color:"#A5D6FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" input_value ",props:{style:{color:"#C9D1D9"}}},{content:"==",props:{style:{color:"#FF7B72"}}},{content:" comparison_value",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" elif",props:{style:{color:"#FF7B72"}}},{content:" operator ",props:{style:{color:"#C9D1D9"}}},{content:"== ",props:{style:{color:"#FF7B72"}}},{content:'"not equals"',props:{style:{color:"#A5D6FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" input_value ",props:{style:{color:"#C9D1D9"}}},{content:"!=",props:{style:{color:"#FF7B72"}}},{content:" comparison_value",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" elif",props:{style:{color:"#FF7B72"}}},{content:" operator ",props:{style:{color:"#C9D1D9"}}},{content:"== ",props:{style:{color:"#FF7B72"}}},{content:'"contains"',props:{style:{color:"#A5D6FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" comparison_value ",props:{style:{color:"#C9D1D9"}}},{content:"in",props:{style:{color:"#FF7B72"}}},{content:" input_value",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return ",props:{style:{color:"#FF7B72"}}},{content:"False",props:{style:{color:"#79C0FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"true_response",props:{style:{color:"#D2A8FF"}}},{content:"(self) -> Text:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" if ",props:{style:{color:"#FF7B72"}}},{content:"self",props:{style:{color:"#79C0FF"}}},{content:".evaluate_condition(",props:{style:{color:"#C9D1D9"}}},{content:"self",props:{style:{color:"#79C0FF"}}},{content:".input_value, ",props:{style:{color:"#C9D1D9"}}},{content:"self",props:{style:{color:"#79C0FF"}}},{content:".comparison_value, ",props:{style:{color:"#C9D1D9"}}},{content:"self",props:{style:{color:"#79C0FF"}}},{content:".operator):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" self",props:{style:{color:"#79C0FF"}}},{content:".stop(",props:{style:{color:"#C9D1D9"}}},{content:'"false_response"',props:{style:{color:"#A5D6FF"}}},{content:")",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return ",props:{style:{color:"#FF7B72"}}},{content:"self",props:{style:{color:"#79C0FF"}}},{content:".input_value",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" else",props:{style:{color:"#FF7B72"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" self",props:{style:{color:"#79C0FF"}}},{content:".stop(",props:{style:{color:"#C9D1D9"}}},{content:'"true_response"',props:{style:{color:"#A5D6FF"}}},{content:")",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return ",props:{style:{color:"#FF7B72"}}},{content:'""',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"false_response",props:{style:{color:"#D2A8FF"}}},{content:"(self) -> Text:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" if not ",props:{style:{color:"#FF7B72"}}},{content:"self",props:{style:{color:"#79C0FF"}}},{content:".evaluate_condition(",props:{style:{color:"#C9D1D9"}}},{content:"self",props:{style:{color:"#79C0FF"}}},{content:".input_value, ",props:{style:{color:"#C9D1D9"}}},{content:"self",props:{style:{color:"#79C0FF"}}},{content:".comparison_value, ",props:{style:{color:"#C9D1D9"}}},{content:"self",props:{style:{color:"#79C0FF"}}},{content:".operator):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" self",props:{style:{color:"#79C0FF"}}},{content:".stop(",props:{style:{color:"#C9D1D9"}}},{content:'"true_response"',props:{style:{color:"#A5D6FF"}}},{content:")",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return ",props:{style:{color:"#FF7B72"}}},{content:"self",props:{style:{color:"#79C0FF"}}},{content:".input_value",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" else",props:{style:{color:"#FF7B72"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" self",props:{style:{color:"#79C0FF"}}},{content:".stop(",props:{style:{color:"#C9D1D9"}}},{content:'"false_response"',props:{style:{color:"#A5D6FF"}}},{content:")",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return ",props:{style:{color:"#FF7B72"}}},{content:'""',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]}],lang:"python"},annotations:[]}]}),"\n",(0,n.jsx)(t.p,{children:"By following these steps and examples, you can create custom components in Langflow tailored to your specific needs. The modular structure of Custom Components allows for flexible and reusable components that can be easily integrated into your workflows."}),"\n",(0,n.jsx)(t.hr,{})]})}const u=function(o={}){const{wrapper:t}=Object.assign({},(0,s.RP)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(d,o)})):d(o)};function C(o,t){throw new Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/assets/js/dc753f6c.8d11e670.js b/assets/js/dc753f6c.8d11e670.js deleted file mode 100644 index 58bf6c38d7..0000000000 --- a/assets/js/dc753f6c.8d11e670.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[4930],{7533:(o,t,e)=>{e.d(t,{A:()=>l});var n=e(6540),s=e(1122),r=e(6025),c=e(4848);const l=o=>{let{alt:t,sources:e,style:l}=o;const[p,F]=(0,n.useState)(!1),y=o=>{"Escape"===o.key&&F(!1)};(0,n.useEffect)((()=>(p?document.addEventListener("keydown",y):document.removeEventListener("keydown",y),()=>{document.removeEventListener("keydown",y)})),[p]);return(0,c.jsx)("div",{className:"zoomable-image "+(p?"fullscreen":""),onClick:()=>{F(!p)},style:{width:"50%",margin:"0 auto",display:"flex",justifyContent:"center",...l},children:(0,c.jsx)(s.A,{className:"zoomable-image-inner",alt:t,sources:{light:(0,r.Ay)(e.light),dark:(0,r.Ay)(e.dark)}})})}},6361:(o,t,e)=>{e.r(t),e.d(t,{CH:()=>D,assets:()=>y,chCodeConfig:()=>i,contentTitle:()=>p,default:()=>C,frontMatter:()=>l,metadata:()=>F,toc:()=>a});e(6540);var n=e(4848),s=e(8453),r=e(4754),c=(e(1122),e(6025),e(7533),e(7293));const l={},p="Custom Components",F={id:"components/custom",title:"Custom Components",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/components/custom.mdx",sourceDirName:"components",slug:"/components/custom",permalink:"/components/custom",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"docs",previous:{title:"Embeddings",permalink:"/components/embeddings"},next:{title:"Build Chatbots with the System Message Component",permalink:"/tutorials/chatprompttemplate_guide"}},y={},D={annotations:r.hk,Code:r.Cy},i={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},a=[{value:"Basic Structure of a Custom Component",id:"basic-structure-of-a-custom-component",level:2},{value:"Create a Custom Component Step-by-Step",id:"create-a-custom-component-step-by-step",level:2},{value:"Advanced Example: Create a Conditional Router Component",id:"advanced-example-create-a-conditional-router-component",level:2}];function u(o){const t=Object.assign({h1:"h1",p:"p",h2:"h2",ol:"ol",li:"li",strong:"strong",code:"code",hr:"hr"},(0,s.RP)(),o.components);return D||d("CH",!1),D.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n","\n","\n",(0,n.jsx)(t.h1,{id:"custom-components",children:"Custom Components"}),"\n",(0,n.jsx)(c.A,{type:"warning",title:"warning",children:(0,n.jsx)(t.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,n.jsx)(t.p,{children:"Build custom components in Langflow for various data processing and transformation tasks."}),"\n",(0,n.jsx)(t.p,{children:"This guide provides a comprehensive overview of how to create custom components using Langflow."}),"\n",(0,n.jsx)(t.h2,{id:"basic-structure-of-a-custom-component",children:"Basic Structure of a Custom Component"}),"\n",(0,n.jsx)(t.p,{children:"A custom component in Langflow typically includes the following parts:"}),"\n",(0,n.jsxs)(t.ol,{children:["\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.strong,{children:"Class Definition"}),": Inherits from the\xa0",(0,n.jsx)(t.code,{children:"Component"}),"\xa0class."]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.strong,{children:"Component Metadata"}),": Defines display name, description, and icon."]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.strong,{children:"Inputs and Outputs"}),": Specifies the inputs and outputs for the component."]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.strong,{children:"Processing Logic"}),": Implements the logic for processing data within the component."]}),"\n"]}),"\n",(0,n.jsx)(t.p,{children:"A custom component in Python looks like this:"}),"\n",(0,n.jsx)(D.Code,{codeConfig:i,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.custom ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Component",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.inputs ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" MessageTextInput, IntInput, BoolInput, DropdownInput, HandleInput",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.template ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Output",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.schema ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Data, Message",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" typing ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" List, Optional",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"class ",props:{style:{color:"#FF7B72"}}},{content:"ExampleComponent",props:{style:{color:"#FFA657"}}},{content:"(",props:{style:{color:"#C9D1D9"}}},{content:"Component",props:{style:{color:"#79C0FF"}}},{content:"):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"Example Component"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" description ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"A template for creating custom components."',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" icon ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"icon-name"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" inputs ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" [",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" MessageTextInput(",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"input_text"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"Input Text"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" info",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"Text input for the component."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ),",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" IntInput(",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"input_number"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"Input Number"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" info",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"Numeric input for the component."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ),",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" BoolInput(",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"input_boolean"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"Input Boolean"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" info",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"Boolean input for the component."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ),",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" DropdownInput(",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"input_choice"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"Input Choice"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" options",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"[",props:{style:{color:"#C9D1D9"}}},{content:'"Option1"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:'"Option2"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:'"Option3"',props:{style:{color:"#A5D6FF"}}},{content:"],",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" info",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"Dropdown input for the component."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ),",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ]",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" outputs ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" [",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" Output(",props:{style:{color:"#C9D1D9"}}},{content:"display_name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"Output Data"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:"name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"output_data"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:"method",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"process_data"',props:{style:{color:"#A5D6FF"}}},{content:"),",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ]",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"process_data",props:{style:{color:"#D2A8FF"}}},{content:"(self) -> Data:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" input_text ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:"self",props:{style:{color:"#79C0FF"}}},{content:".input_text",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" input_number ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:"self",props:{style:{color:"#79C0FF"}}},{content:".input_number",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" input_boolean ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:"self",props:{style:{color:"#79C0FF"}}},{content:".input_boolean",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" input_choice ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:"self",props:{style:{color:"#79C0FF"}}},{content:".input_choice",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" # Implement your processing logic here",props:{style:{color:"#8B949E"}}}]},{tokens:[{content:" result ",props:{style:{color:"#C9D1D9"}}},{content:"= f",props:{style:{color:"#FF7B72"}}},{content:'"Processed: ',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"input_text",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:", ",props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"input_number",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:", ",props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"input_boolean",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:", ",props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"input_choice",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" self",props:{style:{color:"#79C0FF"}}},{content:".status ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" result",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" Data(",props:{style:{color:"#C9D1D9"}}},{content:"data",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"{",props:{style:{color:"#C9D1D9"}}},{content:'"result"',props:{style:{color:"#A5D6FF"}}},{content:": result})",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]}],lang:"python"},annotations:[]}]}),"\n",(0,n.jsx)(t.h2,{id:"create-a-custom-component-step-by-step",children:"Create a Custom Component Step-by-Step"}),"\n",(0,n.jsxs)(t.ol,{children:["\n",(0,n.jsxs)(t.li,{children:["Create a class that inherits from the\xa0",(0,n.jsx)(t.code,{children:"Component"}),"\xa0class."]}),"\n"]}),"\n",(0,n.jsx)(D.Code,{codeConfig:i,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"class ",props:{style:{color:"#FF7B72"}}},{content:"ExampleComponent",props:{style:{color:"#FFA657"}}},{content:"(",props:{style:{color:"#C9D1D9"}}},{content:"Component",props:{style:{color:"#79C0FF"}}},{content:"):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" # Class content",props:{style:{color:"#8B949E"}}}]}],lang:"python"},annotations:[]}]}),"\n",(0,n.jsxs)(t.ol,{start:"2",children:["\n",(0,n.jsxs)(t.li,{children:["Define metadata such as\xa0",(0,n.jsx)(t.code,{children:"display_name"}),",\xa0",(0,n.jsx)(t.code,{children:"description"}),", and\xa0",(0,n.jsx)(t.code,{children:"icon"}),"."]}),"\n"]}),"\n",(0,n.jsx)(D.Code,{codeConfig:i,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"display_name ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"Example Component"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"description ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"A template for creating custom components."',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"icon ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"icon-name"',props:{style:{color:"#A5D6FF"}}}]}],lang:"python"},annotations:[]}]}),"\n",(0,n.jsxs)(t.ol,{start:"3",children:["\n",(0,n.jsxs)(t.li,{children:["Define the inputs and outputs for the component using the\xa0",(0,n.jsx)(t.code,{children:"inputs"}),"\xa0and\xa0",(0,n.jsx)(t.code,{children:"outputs"}),"\xa0lists."]}),"\n"]}),"\n",(0,n.jsxs)(t.p,{children:[(0,n.jsx)(t.strong,{children:"Inputs"}),"\xa0can be of various types such as\xa0",(0,n.jsx)(t.code,{children:"TextInput"}),",\xa0",(0,n.jsx)(t.code,{children:"IntInput"}),",\xa0",(0,n.jsx)(t.code,{children:"BoolInput"}),",\xa0",(0,n.jsx)(t.code,{children:"DropdownInput"}),", etc."]}),"\n",(0,n.jsx)(D.Code,{codeConfig:i,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"inputs ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" [",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" MessageTextInput(",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"input_text"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"Input Text"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" info",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"Text input for the component."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ),",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" IntInput(",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"input_number"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"Input Number"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" info",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"Numeric input for the component."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ),",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" BoolInput(",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"input_boolean"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"Input Boolean"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" info",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"Boolean input for the component."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ),",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" DropdownInput(",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"input_choice"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"Input Choice"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" options",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"[",props:{style:{color:"#C9D1D9"}}},{content:'"Option1"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:'"Option2"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:'"Option3"',props:{style:{color:"#A5D6FF"}}},{content:"],",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" info",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"Dropdown input for the component."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ),",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"]",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]}],lang:"python"},annotations:[]}]}),"\n",(0,n.jsxs)(t.p,{children:[(0,n.jsx)(t.strong,{children:"Outputs"}),"\xa0define the output methods for the component."]}),"\n",(0,n.jsx)(D.Code,{codeConfig:i,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"outputs ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" [",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" Output(",props:{style:{color:"#C9D1D9"}}},{content:"display_name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"Output Data"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:"name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"output_data"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:"method",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"process_data"',props:{style:{color:"#A5D6FF"}}},{content:"),",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"]",props:{style:{color:"#C9D1D9"}}}]}],lang:"python"},annotations:[]}]}),"\n",(0,n.jsxs)(t.ol,{start:"4",children:["\n",(0,n.jsx)(t.li,{children:"Implement the logic for processing data within the component. Define methods for processing data and returning results."}),"\n"]}),"\n",(0,n.jsx)(D.Code,{codeConfig:i,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"def ",props:{style:{color:"#FF7B72"}}},{content:"process_data",props:{style:{color:"#D2A8FF"}}},{content:"(self) -> Data:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" input_text ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:"self",props:{style:{color:"#79C0FF"}}},{content:".input_text",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" input_number ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:"self",props:{style:{color:"#79C0FF"}}},{content:".input_number",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" input_boolean ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:"self",props:{style:{color:"#79C0FF"}}},{content:".input_boolean",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" input_choice ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:"self",props:{style:{color:"#79C0FF"}}},{content:".input_choice",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" # Implement your processing logic here",props:{style:{color:"#8B949E"}}}]},{tokens:[{content:" result ",props:{style:{color:"#C9D1D9"}}},{content:"= f",props:{style:{color:"#FF7B72"}}},{content:'"Processed: ',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"input_text",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:", ",props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"input_number",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:", ",props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"input_boolean",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:", ",props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"input_choice",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" self",props:{style:{color:"#79C0FF"}}},{content:".status ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" result",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" Data(",props:{style:{color:"#C9D1D9"}}},{content:"data",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"{",props:{style:{color:"#C9D1D9"}}},{content:'"result"',props:{style:{color:"#A5D6FF"}}},{content:": result})",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]}],lang:"python"},annotations:[]}]}),"\n",(0,n.jsx)(t.h2,{id:"advanced-example-create-a-conditional-router-component",children:"Advanced Example: Create a Conditional Router Component"}),"\n",(0,n.jsx)(t.p,{children:"This example demonstrates a more complex component that routes data based on a condition."}),"\n",(0,n.jsxs)(t.p,{children:["Notice that this component has two outputs associated with the methods ",(0,n.jsx)(t.code,{children:"true_response"}),"\xa0and\xa0",(0,n.jsx)(t.code,{children:"false_response"}),"."]}),"\n",(0,n.jsxs)(t.p,{children:["These methods trigger ",(0,n.jsx)(t.code,{children:"self.stop"})," to block the transmission for the selected output, allowing for logic operations to be implemented visually."]}),"\n",(0,n.jsx)(D.Code,{codeConfig:i,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.custom ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Component",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.inputs ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" MessageTextInput, DropdownInput, BoolInput",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.template ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Output",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.field_typing ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Text",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"class ",props:{style:{color:"#FF7B72"}}},{content:"ConditionalRouterComponent",props:{style:{color:"#FFA657"}}},{content:"(",props:{style:{color:"#C9D1D9"}}},{content:"Component",props:{style:{color:"#79C0FF"}}},{content:"):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"Conditional Router"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" description ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"Routes input based on a specified condition."',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" icon ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"router"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" inputs ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" [",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" MessageTextInput(",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"input_value"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"Input Value"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" info",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"Value to be evaluated."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ),",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" MessageTextInput(",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"comparison_value"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"Comparison Value"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" info",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"Value to compare against."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ),",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" DropdownInput(",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"operator"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"Operator"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" options",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"[",props:{style:{color:"#C9D1D9"}}},{content:'"equals"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:'"not equals"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:'"contains"',props:{style:{color:"#A5D6FF"}}},{content:"],",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" info",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"Comparison operator."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ),",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ]",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" outputs ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" [",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" Output(",props:{style:{color:"#C9D1D9"}}},{content:"display_name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"True Output"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:"name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"true_output"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:"method",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"true_response"',props:{style:{color:"#A5D6FF"}}},{content:"),",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" Output(",props:{style:{color:"#C9D1D9"}}},{content:"display_name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"False Output"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:"name",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"false_response"',props:{style:{color:"#A5D6FF"}}},{content:", ",props:{style:{color:"#C9D1D9"}}},{content:"method",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"false_response"',props:{style:{color:"#A5D6FF"}}},{content:"),",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ]",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"evaluate_condition",props:{style:{color:"#D2A8FF"}}},{content:"(self, input_value: ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:", comparison_value: ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:", operator: ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:") -> ",props:{style:{color:"#C9D1D9"}}},{content:"bool",props:{style:{color:"#79C0FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" if",props:{style:{color:"#FF7B72"}}},{content:" operator ",props:{style:{color:"#C9D1D9"}}},{content:"== ",props:{style:{color:"#FF7B72"}}},{content:'"equals"',props:{style:{color:"#A5D6FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" input_value ",props:{style:{color:"#C9D1D9"}}},{content:"==",props:{style:{color:"#FF7B72"}}},{content:" comparison_value",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" elif",props:{style:{color:"#FF7B72"}}},{content:" operator ",props:{style:{color:"#C9D1D9"}}},{content:"== ",props:{style:{color:"#FF7B72"}}},{content:'"not equals"',props:{style:{color:"#A5D6FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" input_value ",props:{style:{color:"#C9D1D9"}}},{content:"!=",props:{style:{color:"#FF7B72"}}},{content:" comparison_value",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" elif",props:{style:{color:"#FF7B72"}}},{content:" operator ",props:{style:{color:"#C9D1D9"}}},{content:"== ",props:{style:{color:"#FF7B72"}}},{content:'"contains"',props:{style:{color:"#A5D6FF"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" comparison_value ",props:{style:{color:"#C9D1D9"}}},{content:"in",props:{style:{color:"#FF7B72"}}},{content:" input_value",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return ",props:{style:{color:"#FF7B72"}}},{content:"False",props:{style:{color:"#79C0FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"true_response",props:{style:{color:"#D2A8FF"}}},{content:"(self) -> Text:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" if ",props:{style:{color:"#FF7B72"}}},{content:"self",props:{style:{color:"#79C0FF"}}},{content:".evaluate_condition(",props:{style:{color:"#C9D1D9"}}},{content:"self",props:{style:{color:"#79C0FF"}}},{content:".input_value, ",props:{style:{color:"#C9D1D9"}}},{content:"self",props:{style:{color:"#79C0FF"}}},{content:".comparison_value, ",props:{style:{color:"#C9D1D9"}}},{content:"self",props:{style:{color:"#79C0FF"}}},{content:".operator):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" self",props:{style:{color:"#79C0FF"}}},{content:".stop(",props:{style:{color:"#C9D1D9"}}},{content:'"false_response"',props:{style:{color:"#A5D6FF"}}},{content:")",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return ",props:{style:{color:"#FF7B72"}}},{content:"self",props:{style:{color:"#79C0FF"}}},{content:".input_value",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" else",props:{style:{color:"#FF7B72"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" self",props:{style:{color:"#79C0FF"}}},{content:".stop(",props:{style:{color:"#C9D1D9"}}},{content:'"true_response"',props:{style:{color:"#A5D6FF"}}},{content:")",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return ",props:{style:{color:"#FF7B72"}}},{content:'""',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"false_response",props:{style:{color:"#D2A8FF"}}},{content:"(self) -> Text:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" if not ",props:{style:{color:"#FF7B72"}}},{content:"self",props:{style:{color:"#79C0FF"}}},{content:".evaluate_condition(",props:{style:{color:"#C9D1D9"}}},{content:"self",props:{style:{color:"#79C0FF"}}},{content:".input_value, ",props:{style:{color:"#C9D1D9"}}},{content:"self",props:{style:{color:"#79C0FF"}}},{content:".comparison_value, ",props:{style:{color:"#C9D1D9"}}},{content:"self",props:{style:{color:"#79C0FF"}}},{content:".operator):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" self",props:{style:{color:"#79C0FF"}}},{content:".stop(",props:{style:{color:"#C9D1D9"}}},{content:'"true_response"',props:{style:{color:"#A5D6FF"}}},{content:")",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return ",props:{style:{color:"#FF7B72"}}},{content:"self",props:{style:{color:"#79C0FF"}}},{content:".input_value",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" else",props:{style:{color:"#FF7B72"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" self",props:{style:{color:"#79C0FF"}}},{content:".stop(",props:{style:{color:"#C9D1D9"}}},{content:'"false_response"',props:{style:{color:"#A5D6FF"}}},{content:")",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return ",props:{style:{color:"#FF7B72"}}},{content:'""',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]}],lang:"python"},annotations:[]}]}),"\n",(0,n.jsx)(t.p,{children:"By following these steps and examples, you can create custom components in Langflow tailored to your specific needs. The modular structure of Custom Components allows for flexible and reusable components that can be easily integrated into your workflows."}),"\n",(0,n.jsx)(t.hr,{})]})}const C=function(o={}){const{wrapper:t}=Object.assign({},(0,s.RP)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(u,o)})):u(o)};function d(o,t){throw new Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/assets/js/e1fd28b8.0a1335ab.js b/assets/js/e1fd28b8.0a1335ab.js deleted file mode 100644 index 3bffa93d33..0000000000 --- a/assets/js/e1fd28b8.0a1335ab.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[6051],{7293:(e,n,o)=>{o.d(n,{A:()=>z});var t=o(6540),i=o(4848);function s(e){const{mdxAdmonitionTitle:n,rest:o}=function(e){const n=t.Children.toArray(e),o=n.find((e=>t.isValidElement(e)&&"mdxAdmonitionTitle"===e.type)),s=n.filter((e=>e!==o)),r=o?.props.children;return{mdxAdmonitionTitle:r,rest:s.length>0?(0,i.jsx)(i.Fragment,{children:s}):null}}(e.children),s=e.title??n;return{...e,...s&&{title:s},children:o}}var r=o(8215),l=o(1312),c=o(7559);const a={admonition:"admonition_xJq3",admonitionHeading:"admonitionHeading_Gvgb",admonitionIcon:"admonitionIcon_Rf37",admonitionContent:"admonitionContent_BuS1"};function d(e){let{type:n,className:o,children:t}=e;return(0,i.jsx)("div",{className:(0,r.A)(c.G.common.admonition,c.G.common.admonitionType(n),a.admonition,o),children:t})}function h(e){let{icon:n,title:o}=e;return(0,i.jsxs)("div",{className:a.admonitionHeading,children:[(0,i.jsx)("span",{className:a.admonitionIcon,children:n}),o]})}function j(e){let{children:n}=e;return n?(0,i.jsx)("div",{className:a.admonitionContent,children:n}):null}function p(e){const{type:n,icon:o,title:t,children:s,className:r}=e;return(0,i.jsxs)(d,{type:n,className:r,children:[t||o?(0,i.jsx)(h,{title:t,icon:o}):null,(0,i.jsx)(j,{children:s})]})}function u(e){return(0,i.jsx)("svg",{viewBox:"0 0 14 16",...e,children:(0,i.jsx)("path",{fillRule:"evenodd",d:"M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"})})}const m={icon:(0,i.jsx)(u,{}),title:(0,i.jsx)(l.A,{id:"theme.admonition.note",description:"The default label used for the Note admonition (:::note)",children:"note"})};function x(e){return(0,i.jsx)(p,{...m,...e,className:(0,r.A)("alert alert--secondary",e.className),children:e.children})}function g(e){return(0,i.jsx)("svg",{viewBox:"0 0 12 16",...e,children:(0,i.jsx)("path",{fillRule:"evenodd",d:"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"})})}const f={icon:(0,i.jsx)(g,{}),title:(0,i.jsx)(l.A,{id:"theme.admonition.tip",description:"The default label used for the Tip admonition (:::tip)",children:"tip"})};function y(e){return(0,i.jsx)(p,{...f,...e,className:(0,r.A)("alert alert--success",e.className),children:e.children})}function v(e){return(0,i.jsx)("svg",{viewBox:"0 0 14 16",...e,children:(0,i.jsx)("path",{fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"})})}const w={icon:(0,i.jsx)(v,{}),title:(0,i.jsx)(l.A,{id:"theme.admonition.info",description:"The default label used for the Info admonition (:::info)",children:"info"})};function A(e){return(0,i.jsx)(p,{...w,...e,className:(0,r.A)("alert alert--info",e.className),children:e.children})}function C(e){return(0,i.jsx)("svg",{viewBox:"0 0 16 16",...e,children:(0,i.jsx)("path",{fillRule:"evenodd",d:"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"})})}const I={icon:(0,i.jsx)(C,{}),title:(0,i.jsx)(l.A,{id:"theme.admonition.warning",description:"The default label used for the Warning admonition (:::warning)",children:"warning"})};function b(e){return(0,i.jsx)("svg",{viewBox:"0 0 12 16",...e,children:(0,i.jsx)("path",{fillRule:"evenodd",d:"M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"})})}const M={icon:(0,i.jsx)(b,{}),title:(0,i.jsx)(l.A,{id:"theme.admonition.danger",description:"The default label used for the Danger admonition (:::danger)",children:"danger"})};const N={icon:(0,i.jsx)(C,{}),title:(0,i.jsx)(l.A,{id:"theme.admonition.caution",description:"The default label used for the Caution admonition (:::caution)",children:"caution"})};const k={...{note:x,tip:y,info:A,warning:function(e){return(0,i.jsx)(p,{...I,...e,className:(0,r.A)("alert alert--warning",e.className),children:e.children})},danger:function(e){return(0,i.jsx)(p,{...M,...e,className:(0,r.A)("alert alert--danger",e.className),children:e.children})}},...{secondary:e=>(0,i.jsx)(x,{title:"secondary",...e}),important:e=>(0,i.jsx)(A,{title:"important",...e}),success:e=>(0,i.jsx)(y,{title:"success",...e}),caution:function(e){return(0,i.jsx)(p,{...N,...e,className:(0,r.A)("alert alert--warning",e.className),children:e.children})}}};var P=o(6763);function z(e){const n=s(e),o=(t=n.type,k[t]||(P.warn(`No admonition component found for admonition type "${t}". Using Info as fallback.`),k.info));var t;return(0,i.jsx)(o,{...n})}},7533:(e,n,o)=>{o.d(n,{A:()=>l});var t=o(6540),i=o(1122),s=o(6025),r=o(4848);const l=e=>{let{alt:n,sources:o,style:l}=e;const[c,a]=(0,t.useState)(!1),d=e=>{"Escape"===e.key&&a(!1)};(0,t.useEffect)((()=>(c?document.addEventListener("keydown",d):document.removeEventListener("keydown",d),()=>{document.removeEventListener("keydown",d)})),[c]);return(0,r.jsx)("div",{className:"zoomable-image "+(c?"fullscreen":""),onClick:()=>{a(!c)},style:{width:"50%",margin:"0 auto",display:"flex",justifyContent:"center",...l},children:(0,r.jsx)(i.A,{className:"zoomable-image-inner",alt:n,sources:{light:(0,s.Ay)(o.light),dark:(0,s.Ay)(o.dark)}})})}},7844:(e,n,o)=>{o.r(n),o.d(n,{assets:()=>p,contentTitle:()=>h,default:()=>x,frontMatter:()=>d,metadata:()=>j,toc:()=>u});o(6540);var t=o(4848),i=o(8453),s=(o(1122),o(6025)),r=o(7533),l=o(3554),c=o.n(l),a=o(7293);const d={},h="Collections and Projects",j={id:"administration/collections-projects",title:"Collections and Projects",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/administration/collections-projects.mdx",sourceDirName:"administration",slug:"/administration/collections-projects",permalink:"/administration/collections-projects",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"docs",previous:{title:"Logs",permalink:"/administration/logs"},next:{title:"Settings",permalink:"/administration/settings"}},p={},u=[{value:"Collections",id:"collections",level:2},{value:"Project",id:"project",level:2},{value:"Project options menu",id:"project-options-menu",level:2},{value:"Project folders",id:"project-folders",level:2}];function m(e){const n=Object.assign({h1:"h1",p:"p",ul:"ul",li:"li",strong:"strong",h2:"h2",img:"img",code:"code",a:"a"},(0,i.RP)(),e.components);return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.h1,{id:"collections-and-projects",children:"Collections and Projects"}),"\n",(0,t.jsx)(a.A,{type:"warning",title:"warning",children:(0,t.jsx)(n.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,t.jsx)(n.p,{children:"My Collection\xa0is a space in Langflow where users can manage, organize, and access their flows and components.\nFlows and components are displayed as individual cards that provide relevant information."}),"\n",(0,t.jsx)(r.A,{alt:"Docusaurus themed image",sources:{light:(0,s.Ay)("img/my-collection.png"),dark:(0,s.Ay)("img/my-collection.png")},style:{width:"30%",margin:"20px auto"}}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Folders"}),': Users can organize their projects into folders. Default folders include "My Projects" and the ability to create new folders. Hover over a folder to access options to download or delete it.']}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Search Bar"})," Enables users to quickly search through their flows and components."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Select All"}),": This feature allows users to select all projects displayed on the page for batch actions like moving, deleting, or exporting."]}),"\n"]}),"\n"]}),"\n",(0,t.jsxs)(n.p,{children:["Click on a flow card to open it in Langflow Workspace or use the\xa0",(0,t.jsx)(n.strong,{children:"Playground Button"}),"\xa0for direct access to execute and interact with the flow\u2019s chatbot interface."]}),"\n",(0,t.jsx)(n.h2,{id:"collections",children:"Collections"}),"\n",(0,t.jsxs)(n.p,{children:["Components created or imported by the user are also displayed in ",(0,t.jsx)(n.strong,{children:"My Collection"})," and can be directly removed from here."]}),"\n",(0,t.jsx)(n.p,{children:"A collection is a snapshot of flows available in a database."}),"\n",(0,t.jsx)(n.p,{children:"Collections can be downloaded to local storage and uploaded for future use."}),"\n",(0,t.jsx)("div",{style:{marginBottom:"20px",display:"flex",justifyContent:"center"},children:(0,t.jsx)(c(),{playing:!0,controls:!0,url:"/videos/langflow_collection.mp4"})}),"\n",(0,t.jsx)(n.h2,{id:"project",children:"Project"}),"\n",(0,t.jsxs)(n.p,{children:["A ",(0,t.jsx)(n.strong,{children:"Project"})," can be a flow or a component. To view your saved projects, select ",(0,t.jsx)(n.strong,{children:"My Collection"}),"."]}),"\n",(0,t.jsxs)(n.p,{children:["Your ",(0,t.jsx)(n.strong,{children:"Projects"})," are displayed."]}),"\n",(0,t.jsxs)(n.p,{children:["Click the ",(0,t.jsxs)(n.strong,{children:[(0,t.jsx)(n.img,{src:o(4757).A+"",loading:"lazy",alt:"Playground icon",width:"24",height:"24"})," Playground"]})," button to run a flow from the ",(0,t.jsx)(n.strong,{children:"My Collection"})," screen."]}),"\n",(0,t.jsxs)(n.p,{children:["In the top left corner of the screen are options for ",(0,t.jsx)(n.strong,{children:"Download Collection"}),", ",(0,t.jsx)(n.strong,{children:"Upload Collection"}),", and ",(0,t.jsx)(n.strong,{children:"New Project"}),"."]}),"\n",(0,t.jsxs)(n.p,{children:["Select ",(0,t.jsx)(n.strong,{children:"Download Collection"})," to save your project to your local machine. This downloads all flows and components as a ",(0,t.jsx)(n.code,{children:".json"})," file."]}),"\n",(0,t.jsxs)(n.p,{children:["Select ",(0,t.jsx)(n.strong,{children:"Upload Collection"})," to upload a flow or component ",(0,t.jsx)(n.code,{children:".json"})," file from your local machine."]}),"\n",(0,t.jsxs)(n.p,{children:["Select ",(0,t.jsx)(n.strong,{children:"New Project"})," to create a new project. In addition to a blank workspace, ",(0,t.jsx)(n.a,{href:"../starter-projects/basic-prompting",children:"starter projects"})," are also available."]}),"\n",(0,t.jsx)(n.h2,{id:"project-options-menu",children:"Project options menu"}),"\n",(0,t.jsx)(n.p,{children:"To see options for your project, in the upper left corner of the workspace, select the dropdown menu."}),"\n",(0,t.jsx)(r.A,{alt:"Docusaurus themed image",sources:{light:(0,s.Ay)("img/project-options-menu-light.png"),dark:(0,s.Ay)("img/project-options-menu-dark.png")},style:{width:"30%",margin:"20px auto"}}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"New"})," - Start a new project."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Duplicate"})," - Duplicate the current flow as a new project."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Settings"})," - Modify the project's ",(0,t.jsx)(n.strong,{children:"Name"})," or ",(0,t.jsx)(n.strong,{children:"Description"}),"."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Import"})," - Upload a flow ",(0,t.jsx)(n.code,{children:".json"})," file from your local machine."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Export"})," - Download your current project to your local machine as a ",(0,t.jsx)(n.code,{children:".json"})," file."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Undo"})," or ",(0,t.jsx)(n.strong,{children:"Redo"})," - Undo or redo your last action."]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"project-folders",children:"Project folders"}),"\n",(0,t.jsxs)(n.p,{children:["Multiple projects can be stored in ",(0,t.jsx)(n.strong,{children:"folders"}),"."]}),"\n",(0,t.jsx)(n.p,{children:"Folders allow you to categorize flows and components into manageable groups. This makes it easier to find and access specific projects quickly."}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"My Projects"})," is a default folder where all new projects and components are initially stored unless specified otherwise. Users can create custom folders to better organize their work according to specific needs."]}),"\n",(0,t.jsx)(n.p,{children:"Hovering over a folder in Langflow provides options to either remove or download the entire folder, allowing you to keep an offline copy or migrate projects between environments"}),"\n",(0,t.jsxs)(n.p,{children:["Create new folders with the ",(0,t.jsx)(n.strong,{children:"New folder"})," button. One folder can store multiple projects (as the default My Projects folder does)."]}),"\n",(0,t.jsx)(n.p,{children:"You can download folders of projects as a single JSON file, and upload files and flows to your folder."}),"\n",(0,t.jsxs)(n.p,{children:["Click the ",(0,t.jsx)(n.strong,{children:"Trash"})," icon to delete a folder."]})]})}const x=function(e={}){const{wrapper:n}=Object.assign({},(0,i.RP)(),e.components);return n?(0,t.jsx)(n,Object.assign({},e,{children:(0,t.jsx)(m,e)})):m(e)}},4757:(e,n,o)=>{o.d(n,{A:()=>t});const t="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9Imx1Y2lkZSBsdWNpZGUtYm90LW1lc3NhZ2Utc3F1YXJlIj4KICA8cGF0aCBkPSJNMTIgNlYySDgiIC8+CiAgPHBhdGggZD0ibTggMTgtNCA0VjhhMiAyIDAgMCAxIDItMmgxMmEyIDIgMCAwIDEgMiAydjhhMiAyIDAgMCAxLTIgMloiIC8+CiAgPHBhdGggZD0iTTIgMTJoMiIgLz4KICA8cGF0aCBkPSJNOSAxMXYyIiAvPgogIDxwYXRoIGQ9Ik0xNSAxMXYyIiAvPgogIDxwYXRoIGQ9Ik0yMCAxMmgyIiAvPgo8L3N2Zz4g"},8453:(e,n,o)=>{o.d(n,{RP:()=>s,xA:()=>l});var t=o(6540);const i=t.createContext({});function s(e){const n=t.useContext(i);return t.useMemo((()=>"function"==typeof e?e(n):{...n,...e}),[n,e])}const r={};function l({components:e,children:n,disableParentContext:o}){let l;return l=o?"function"==typeof e?e({}):e||r:s(e),t.createElement(i.Provider,{value:l},n)}}}]); \ No newline at end of file diff --git a/assets/js/e1fd28b8.b543a76f.js b/assets/js/e1fd28b8.b543a76f.js new file mode 100644 index 0000000000..dce01802b3 --- /dev/null +++ b/assets/js/e1fd28b8.b543a76f.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[6051],{7533:(e,n,o)=>{o.d(n,{A:()=>i});var s=o(6540),t=o(1122),r=o(6025),l=o(4848);const i=e=>{let{alt:n,sources:o,style:i}=e;const[c,a]=(0,s.useState)(!1),d=e=>{"Escape"===e.key&&a(!1)};(0,s.useEffect)((()=>(c?document.addEventListener("keydown",d):document.removeEventListener("keydown",d),()=>{document.removeEventListener("keydown",d)})),[c]);return(0,l.jsx)("div",{className:"zoomable-image "+(c?"fullscreen":""),onClick:()=>{a(!c)},style:{width:"50%",margin:"0 auto",display:"flex",justifyContent:"center",...i},children:(0,l.jsx)(t.A,{className:"zoomable-image-inner",alt:n,sources:{light:(0,r.Ay)(o.light),dark:(0,r.Ay)(o.dark)}})})}},7844:(e,n,o)=>{o.r(n),o.d(n,{assets:()=>j,contentTitle:()=>h,default:()=>x,frontMatter:()=>d,metadata:()=>p,toc:()=>g});o(6540);var s=o(4848),t=o(8453),r=(o(1122),o(6025)),l=o(7533),i=o(3554),c=o.n(i),a=o(7293);const d={},h="Collections and Projects",p={id:"administration/collections-projects",title:"Collections and Projects",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/administration/collections-projects.mdx",sourceDirName:"administration",slug:"/administration/collections-projects",permalink:"/administration/collections-projects",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"docs",previous:{title:"Logs",permalink:"/administration/logs"},next:{title:"Settings",permalink:"/administration/settings"}},j={},g=[{value:"Collections",id:"collections",level:2},{value:"Project",id:"project",level:2},{value:"Project options menu",id:"project-options-menu",level:2},{value:"Project folders",id:"project-folders",level:2}];function u(e){const n=Object.assign({h1:"h1",p:"p",ul:"ul",li:"li",strong:"strong",h2:"h2",img:"img",code:"code",a:"a"},(0,t.RP)(),e.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.h1,{id:"collections-and-projects",children:"Collections and Projects"}),"\n",(0,s.jsx)(a.A,{type:"warning",title:"warning",children:(0,s.jsx)(n.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,s.jsx)(n.p,{children:"My Collection\xa0is a space in Langflow where users can manage, organize, and access their flows and components.\nFlows and components are displayed as individual cards that provide relevant information."}),"\n",(0,s.jsx)(l.A,{alt:"Docusaurus themed image",sources:{light:(0,r.Ay)("img/my-collection.png"),dark:(0,r.Ay)("img/my-collection.png")},style:{width:"30%",margin:"20px auto"}}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Folders"}),': Users can organize their projects into folders. Default folders include "My Projects" and the ability to create new folders. Hover over a folder to access options to download or delete it.']}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Search Bar"})," Enables users to quickly search through their flows and components."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Select All"}),": This feature allows users to select all projects displayed on the page for batch actions like moving, deleting, or exporting."]}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(n.p,{children:["Click on a flow card to open it in Langflow Workspace or use the\xa0",(0,s.jsx)(n.strong,{children:"Playground Button"}),"\xa0for direct access to execute and interact with the flow\u2019s chatbot interface."]}),"\n",(0,s.jsx)(n.h2,{id:"collections",children:"Collections"}),"\n",(0,s.jsxs)(n.p,{children:["Components created or imported by the user are also displayed in ",(0,s.jsx)(n.strong,{children:"My Collection"})," and can be directly removed from here."]}),"\n",(0,s.jsx)(n.p,{children:"A collection is a snapshot of flows available in a database."}),"\n",(0,s.jsx)(n.p,{children:"Collections can be downloaded to local storage and uploaded for future use."}),"\n",(0,s.jsx)("div",{style:{marginBottom:"20px",display:"flex",justifyContent:"center"},children:(0,s.jsx)(c(),{playing:!0,controls:!0,url:"/videos/langflow_collection.mp4"})}),"\n",(0,s.jsx)(n.h2,{id:"project",children:"Project"}),"\n",(0,s.jsxs)(n.p,{children:["A ",(0,s.jsx)(n.strong,{children:"Project"})," can be a flow or a component. To view your saved projects, select ",(0,s.jsx)(n.strong,{children:"My Collection"}),"."]}),"\n",(0,s.jsxs)(n.p,{children:["Your ",(0,s.jsx)(n.strong,{children:"Projects"})," are displayed."]}),"\n",(0,s.jsxs)(n.p,{children:["Click the ",(0,s.jsxs)(n.strong,{children:[(0,s.jsx)(n.img,{src:o(4757).A+"",loading:"lazy",alt:"Playground icon",width:"24",height:"24"})," Playground"]})," button to run a flow from the ",(0,s.jsx)(n.strong,{children:"My Collection"})," screen."]}),"\n",(0,s.jsxs)(n.p,{children:["In the top left corner of the screen are options for ",(0,s.jsx)(n.strong,{children:"Download Collection"}),", ",(0,s.jsx)(n.strong,{children:"Upload Collection"}),", and ",(0,s.jsx)(n.strong,{children:"New Project"}),"."]}),"\n",(0,s.jsxs)(n.p,{children:["Select ",(0,s.jsx)(n.strong,{children:"Download Collection"})," to save your project to your local machine. This downloads all flows and components as a ",(0,s.jsx)(n.code,{children:".json"})," file."]}),"\n",(0,s.jsxs)(n.p,{children:["Select ",(0,s.jsx)(n.strong,{children:"Upload Collection"})," to upload a flow or component ",(0,s.jsx)(n.code,{children:".json"})," file from your local machine."]}),"\n",(0,s.jsxs)(n.p,{children:["Select ",(0,s.jsx)(n.strong,{children:"New Project"})," to create a new project. In addition to a blank workspace, ",(0,s.jsx)(n.a,{href:"../starter-projects/basic-prompting",children:"starter projects"})," are also available."]}),"\n",(0,s.jsx)(n.h2,{id:"project-options-menu",children:"Project options menu"}),"\n",(0,s.jsx)(n.p,{children:"To see options for your project, in the upper left corner of the workspace, select the dropdown menu."}),"\n",(0,s.jsx)(l.A,{alt:"Docusaurus themed image",sources:{light:(0,r.Ay)("img/project-options-menu-light.png"),dark:(0,r.Ay)("img/project-options-menu-dark.png")},style:{width:"30%",margin:"20px auto"}}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"New"})," - Start a new project."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Duplicate"})," - Duplicate the current flow as a new project."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Settings"})," - Modify the project's ",(0,s.jsx)(n.strong,{children:"Name"})," or ",(0,s.jsx)(n.strong,{children:"Description"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Import"})," - Upload a flow ",(0,s.jsx)(n.code,{children:".json"})," file from your local machine."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Export"})," - Download your current project to your local machine as a ",(0,s.jsx)(n.code,{children:".json"})," file."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Undo"})," or ",(0,s.jsx)(n.strong,{children:"Redo"})," - Undo or redo your last action."]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"project-folders",children:"Project folders"}),"\n",(0,s.jsxs)(n.p,{children:["Multiple projects can be stored in ",(0,s.jsx)(n.strong,{children:"folders"}),"."]}),"\n",(0,s.jsx)(n.p,{children:"Folders allow you to categorize flows and components into manageable groups. This makes it easier to find and access specific projects quickly."}),"\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"My Projects"})," is a default folder where all new projects and components are initially stored unless specified otherwise. Users can create custom folders to better organize their work according to specific needs."]}),"\n",(0,s.jsx)(n.p,{children:"Hovering over a folder in Langflow provides options to either remove or download the entire folder, allowing you to keep an offline copy or migrate projects between environments"}),"\n",(0,s.jsxs)(n.p,{children:["Create new folders with the ",(0,s.jsx)(n.strong,{children:"New folder"})," button. One folder can store multiple projects (as the default My Projects folder does)."]}),"\n",(0,s.jsx)(n.p,{children:"You can download folders of projects as a single JSON file, and upload files and flows to your folder."}),"\n",(0,s.jsxs)(n.p,{children:["Click the ",(0,s.jsx)(n.strong,{children:"Trash"})," icon to delete a folder."]})]})}const x=function(e={}){const{wrapper:n}=Object.assign({},(0,t.RP)(),e.components);return n?(0,s.jsx)(n,Object.assign({},e,{children:(0,s.jsx)(u,e)})):u(e)}},4757:(e,n,o)=>{o.d(n,{A:()=>s});const s="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9Imx1Y2lkZSBsdWNpZGUtYm90LW1lc3NhZ2Utc3F1YXJlIj4KICA8cGF0aCBkPSJNMTIgNlYySDgiIC8+CiAgPHBhdGggZD0ibTggMTgtNCA0VjhhMiAyIDAgMCAxIDItMmgxMmEyIDIgMCAwIDEgMiAydjhhMiAyIDAgMCAxLTIgMloiIC8+CiAgPHBhdGggZD0iTTIgMTJoMiIgLz4KICA8cGF0aCBkPSJNOSAxMXYyIiAvPgogIDxwYXRoIGQ9Ik0xNSAxMXYyIiAvPgogIDxwYXRoIGQ9Ik0yMCAxMmgyIiAvPgo8L3N2Zz4g"},8453:(e,n,o)=>{o.d(n,{RP:()=>r,xA:()=>i});var s=o(6540);const t=s.createContext({});function r(e){const n=s.useContext(t);return s.useMemo((()=>"function"==typeof e?e(n):{...n,...e}),[n,e])}const l={};function i({components:e,children:n,disableParentContext:o}){let i;return i=o?"function"==typeof e?e({}):e||l:r(e),s.createElement(t.Provider,{value:i},n)}}}]); \ No newline at end of file diff --git a/assets/js/e6a76a83.bc3f974b.js b/assets/js/e6a76a83.bc3f974b.js new file mode 100644 index 0000000000..ba840e7fb8 --- /dev/null +++ b/assets/js/e6a76a83.bc3f974b.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[3558],{7533:(e,t,n)=>{n.d(t,{A:()=>c});var a=n(6540),s=n(1122),o=n(6025),r=n(4848);const c=e=>{let{alt:t,sources:n,style:c}=e;const[i,l]=(0,a.useState)(!1),d=e=>{"Escape"===e.key&&l(!1)};(0,a.useEffect)((()=>(i?document.addEventListener("keydown",d):document.removeEventListener("keydown",d),()=>{document.removeEventListener("keydown",d)})),[i]);return(0,r.jsx)("div",{className:"zoomable-image "+(i?"fullscreen":""),onClick:()=>{l(!i)},style:{width:"50%",margin:"0 auto",display:"flex",justifyContent:"center",...c},children:(0,r.jsx)(s.A,{className:"zoomable-image-inner",alt:t,sources:{light:(0,o.Ay)(n.light),dark:(0,o.Ay)(n.dark)}})})}},5593:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>u,contentTitle:()=>l,default:()=>h,frontMatter:()=>i,metadata:()=>d,toc:()=>p});n(6540);var a=n(4848),s=n(8453),o=(n(1122),n(6025),n(7533),n(3554)),r=n.n(o),c=n(7293);const i={},l="Create Data",d={id:"examples/create-record",title:"Create Data",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/examples/create-record.mdx",sourceDirName:"examples",slug:"/examples/create-record",permalink:"/examples/create-record",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{}},u={},p=[];function m(e){const t=Object.assign({h1:"h1",p:"p",code:"code",strong:"strong"},(0,s.RP)(),e.components);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(t.h1,{id:"create-data",children:"Create Data"}),"\n",(0,a.jsx)(c.A,{type:"warning",title:"warning",children:(0,a.jsx)(t.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,a.jsxs)(t.p,{children:["In Langflow, a ",(0,a.jsx)(t.code,{children:"Data"})," has a structure very similar to a Python dictionary. It is a key-value pair data structure."]}),"\n",(0,a.jsxs)(t.p,{children:["The ",(0,a.jsx)(t.strong,{children:"Create Data"})," component allows you to dynamically create a ",(0,a.jsx)(t.code,{children:"Data"})," 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 \ud83d\ude05). Once you've chosen the number of ",(0,a.jsx)(t.code,{children:"Data"}),", add keys and fill up values, or pass on values from other components to the component using the input handles."]}),"\n",(0,a.jsx)("div",{style:{marginBottom:"20px",display:"flex",justifyContent:"center"},children:(0,a.jsx)(r(),{playing:!0,controls:!0,url:"/videos/create_record.mp4"})})]})}const h=function(e={}){const{wrapper:t}=Object.assign({},(0,s.RP)(),e.components);return t?(0,a.jsx)(t,Object.assign({},e,{children:(0,a.jsx)(m,e)})):m(e)}},8453:(e,t,n)=>{n.d(t,{RP:()=>o,xA:()=>c});var a=n(6540);const s=a.createContext({});function o(e){const t=a.useContext(s);return a.useMemo((()=>"function"==typeof e?e(t):{...t,...e}),[t,e])}const r={};function c({components:e,children:t,disableParentContext:n}){let c;return c=n?"function"==typeof e?e({}):e||r:o(e),a.createElement(s.Provider,{value:c},t)}}}]); \ No newline at end of file diff --git a/assets/js/e6a76a83.ddf2a6ae.js b/assets/js/e6a76a83.ddf2a6ae.js deleted file mode 100644 index 324f6c81b6..0000000000 --- a/assets/js/e6a76a83.ddf2a6ae.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[3558],{7293:(e,n,t)=>{t.d(n,{A:()=>H});var i=t(6540),o=t(4848);function a(e){const{mdxAdmonitionTitle:n,rest:t}=function(e){const n=i.Children.toArray(e),t=n.find((e=>i.isValidElement(e)&&"mdxAdmonitionTitle"===e.type)),a=n.filter((e=>e!==t)),s=t?.props.children;return{mdxAdmonitionTitle:s,rest:a.length>0?(0,o.jsx)(o.Fragment,{children:a}):null}}(e.children),a=e.title??n;return{...e,...a&&{title:a},children:t}}var s=t(8215),r=t(1312),c=t(7559);const l={admonition:"admonition_xJq3",admonitionHeading:"admonitionHeading_Gvgb",admonitionIcon:"admonitionIcon_Rf37",admonitionContent:"admonitionContent_BuS1"};function d(e){let{type:n,className:t,children:i}=e;return(0,o.jsx)("div",{className:(0,s.A)(c.G.common.admonition,c.G.common.admonitionType(n),l.admonition,t),children:i})}function u(e){let{icon:n,title:t}=e;return(0,o.jsxs)("div",{className:l.admonitionHeading,children:[(0,o.jsx)("span",{className:l.admonitionIcon,children:n}),t]})}function m(e){let{children:n}=e;return n?(0,o.jsx)("div",{className:l.admonitionContent,children:n}):null}function h(e){const{type:n,icon:t,title:i,children:a,className:s}=e;return(0,o.jsxs)(d,{type:n,className:s,children:[i||t?(0,o.jsx)(u,{title:i,icon:t}):null,(0,o.jsx)(m,{children:a})]})}function f(e){return(0,o.jsx)("svg",{viewBox:"0 0 14 16",...e,children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"})})}const x={icon:(0,o.jsx)(f,{}),title:(0,o.jsx)(r.A,{id:"theme.admonition.note",description:"The default label used for the Note admonition (:::note)",children:"note"})};function p(e){return(0,o.jsx)(h,{...x,...e,className:(0,s.A)("alert alert--secondary",e.className),children:e.children})}function j(e){return(0,o.jsx)("svg",{viewBox:"0 0 12 16",...e,children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"})})}const v={icon:(0,o.jsx)(j,{}),title:(0,o.jsx)(r.A,{id:"theme.admonition.tip",description:"The default label used for the Tip admonition (:::tip)",children:"tip"})};function g(e){return(0,o.jsx)(h,{...v,...e,className:(0,s.A)("alert alert--success",e.className),children:e.children})}function y(e){return(0,o.jsx)("svg",{viewBox:"0 0 14 16",...e,children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"})})}const w={icon:(0,o.jsx)(y,{}),title:(0,o.jsx)(r.A,{id:"theme.admonition.info",description:"The default label used for the Info admonition (:::info)",children:"info"})};function A(e){return(0,o.jsx)(h,{...w,...e,className:(0,s.A)("alert alert--info",e.className),children:e.children})}function N(e){return(0,o.jsx)("svg",{viewBox:"0 0 16 16",...e,children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"})})}const C={icon:(0,o.jsx)(N,{}),title:(0,o.jsx)(r.A,{id:"theme.admonition.warning",description:"The default label used for the Warning admonition (:::warning)",children:"warning"})};function b(e){return(0,o.jsx)("svg",{viewBox:"0 0 12 16",...e,children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"})})}const z={icon:(0,o.jsx)(b,{}),title:(0,o.jsx)(r.A,{id:"theme.admonition.danger",description:"The default label used for the Danger admonition (:::danger)",children:"danger"})};const k={icon:(0,o.jsx)(N,{}),title:(0,o.jsx)(r.A,{id:"theme.admonition.caution",description:"The default label used for the Caution admonition (:::caution)",children:"caution"})};const T={...{note:p,tip:g,info:A,warning:function(e){return(0,o.jsx)(h,{...C,...e,className:(0,s.A)("alert alert--warning",e.className),children:e.children})},danger:function(e){return(0,o.jsx)(h,{...z,...e,className:(0,s.A)("alert alert--danger",e.className),children:e.children})}},...{secondary:e=>(0,o.jsx)(p,{title:"secondary",...e}),important:e=>(0,o.jsx)(A,{title:"important",...e}),success:e=>(0,o.jsx)(g,{title:"success",...e}),caution:function(e){return(0,o.jsx)(h,{...k,...e,className:(0,s.A)("alert alert--warning",e.className),children:e.children})}}};var M=t(6763);function H(e){const n=a(e),t=(i=n.type,T[i]||(M.warn(`No admonition component found for admonition type "${i}". Using Info as fallback.`),T.info));var i;return(0,o.jsx)(t,{...n})}},7533:(e,n,t)=>{t.d(n,{A:()=>r});var i=t(6540),o=t(1122),a=t(6025),s=t(4848);const r=e=>{let{alt:n,sources:t,style:r}=e;const[c,l]=(0,i.useState)(!1),d=e=>{"Escape"===e.key&&l(!1)};(0,i.useEffect)((()=>(c?document.addEventListener("keydown",d):document.removeEventListener("keydown",d),()=>{document.removeEventListener("keydown",d)})),[c]);return(0,s.jsx)("div",{className:"zoomable-image "+(c?"fullscreen":""),onClick:()=>{l(!c)},style:{width:"50%",margin:"0 auto",display:"flex",justifyContent:"center",...r},children:(0,s.jsx)(o.A,{className:"zoomable-image-inner",alt:n,sources:{light:(0,a.Ay)(t.light),dark:(0,a.Ay)(t.dark)}})})}},5593:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>u,contentTitle:()=>l,default:()=>f,frontMatter:()=>c,metadata:()=>d,toc:()=>m});t(6540);var i=t(4848),o=t(8453),a=(t(1122),t(6025),t(7533),t(3554)),s=t.n(a),r=t(7293);const c={},l="Create Data",d={id:"examples/create-record",title:"Create Data",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/examples/create-record.mdx",sourceDirName:"examples",slug:"/examples/create-record",permalink:"/examples/create-record",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{}},u={},m=[];function h(e){const n=Object.assign({h1:"h1",p:"p",code:"code",strong:"strong"},(0,o.RP)(),e.components);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.h1,{id:"create-data",children:"Create Data"}),"\n",(0,i.jsx)(r.A,{type:"warning",title:"warning",children:(0,i.jsx)(n.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,i.jsxs)(n.p,{children:["In Langflow, a ",(0,i.jsx)(n.code,{children:"Data"})," has a structure very similar to a Python dictionary. It is a key-value pair data structure."]}),"\n",(0,i.jsxs)(n.p,{children:["The ",(0,i.jsx)(n.strong,{children:"Create Data"})," component allows you to dynamically create a ",(0,i.jsx)(n.code,{children:"Data"})," 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 \ud83d\ude05). Once you've chosen the number of ",(0,i.jsx)(n.code,{children:"Data"}),", add keys and fill up values, or pass on values from other components to the component using the input handles."]}),"\n",(0,i.jsx)("div",{style:{marginBottom:"20px",display:"flex",justifyContent:"center"},children:(0,i.jsx)(s(),{playing:!0,controls:!0,url:"/videos/create_record.mp4"})})]})}const f=function(e={}){const{wrapper:n}=Object.assign({},(0,o.RP)(),e.components);return n?(0,i.jsx)(n,Object.assign({},e,{children:(0,i.jsx)(h,e)})):h(e)}},8453:(e,n,t)=>{t.d(n,{RP:()=>a,xA:()=>r});var i=t(6540);const o=i.createContext({});function a(e){const n=i.useContext(o);return i.useMemo((()=>"function"==typeof e?e(n):{...n,...e}),[n,e])}const s={};function r({components:e,children:n,disableParentContext:t}){let r;return r=t?"function"==typeof e?e({}):e||s:a(e),i.createElement(o.Provider,{value:r},n)}}}]); \ No newline at end of file diff --git a/assets/js/f60effff.22e5c962.js b/assets/js/f60effff.22e5c962.js new file mode 100644 index 0000000000..92e88aedf2 --- /dev/null +++ b/assets/js/f60effff.22e5c962.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[954],{7293:(o,t,e)=>{e.d(t,{A:()=>_});var n=e(6540),s=e(4848);function r(o){const{mdxAdmonitionTitle:t,rest:e}=function(o){const t=n.Children.toArray(o),e=t.find((o=>n.isValidElement(o)&&"mdxAdmonitionTitle"===o.type)),r=t.filter((o=>o!==e)),c=e?.props.children;return{mdxAdmonitionTitle:c,rest:r.length>0?(0,s.jsx)(s.Fragment,{children:r}):null}}(o.children),r=o.title??t;return{...o,...r&&{title:r},children:e}}var c=e(8215),l=e(1312),p=e(7559);const i={admonition:"admonition_xJq3",admonitionHeading:"admonitionHeading_Gvgb",admonitionIcon:"admonitionIcon_Rf37",admonitionContent:"admonitionContent_BuS1"};function a(o){let{type:t,className:e,children:n}=o;return(0,s.jsx)("div",{className:(0,c.A)(p.G.common.admonition,p.G.common.admonitionType(t),i.admonition,e),children:n})}function d(o){let{icon:t,title:e}=o;return(0,s.jsxs)("div",{className:i.admonitionHeading,children:[(0,s.jsx)("span",{className:i.admonitionIcon,children:t}),e]})}function y(o){let{children:t}=o;return t?(0,s.jsx)("div",{className:i.admonitionContent,children:t}):null}function D(o){const{type:t,icon:e,title:n,children:r,className:c}=o;return(0,s.jsxs)(a,{type:t,className:c,children:[n||e?(0,s.jsx)(d,{title:n,icon:e}):null,(0,s.jsx)(y,{children:r})]})}function F(o){return(0,s.jsx)("svg",{viewBox:"0 0 14 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"})})}const h={icon:(0,s.jsx)(F,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.note",description:"The default label used for the Note admonition (:::note)",children:"note"})};function u(o){return(0,s.jsx)(D,{...h,...o,className:(0,c.A)("alert alert--secondary",o.className),children:o.children})}function C(o){return(0,s.jsx)("svg",{viewBox:"0 0 12 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"})})}const g={icon:(0,s.jsx)(C,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.tip",description:"The default label used for the Tip admonition (:::tip)",children:"tip"})};function m(o){return(0,s.jsx)(D,{...g,...o,className:(0,c.A)("alert alert--success",o.className),children:o.children})}function f(o){return(0,s.jsx)("svg",{viewBox:"0 0 14 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"})})}const x={icon:(0,s.jsx)(f,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.info",description:"The default label used for the Info admonition (:::info)",children:"info"})};function k(o){return(0,s.jsx)(D,{...x,...o,className:(0,c.A)("alert alert--info",o.className),children:o.children})}function A(o){return(0,s.jsx)("svg",{viewBox:"0 0 16 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"})})}const j={icon:(0,s.jsx)(A,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.warning",description:"The default label used for the Warning admonition (:::warning)",children:"warning"})};function b(o){return(0,s.jsx)("svg",{viewBox:"0 0 12 16",...o,children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"})})}const v={icon:(0,s.jsx)(b,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.danger",description:"The default label used for the Danger admonition (:::danger)",children:"danger"})};const B={icon:(0,s.jsx)(A,{}),title:(0,s.jsx)(l.A,{id:"theme.admonition.caution",description:"The default label used for the Caution admonition (:::caution)",children:"caution"})};const w={...{note:u,tip:m,info:k,warning:function(o){return(0,s.jsx)(D,{...j,...o,className:(0,c.A)("alert alert--warning",o.className),children:o.children})},danger:function(o){return(0,s.jsx)(D,{...v,...o,className:(0,c.A)("alert alert--danger",o.className),children:o.children})}},...{secondary:o=>(0,s.jsx)(u,{title:"secondary",...o}),important:o=>(0,s.jsx)(k,{title:"important",...o}),success:o=>(0,s.jsx)(m,{title:"success",...o}),caution:function(o){return(0,s.jsx)(D,{...B,...o,className:(0,c.A)("alert alert--warning",o.className),children:o.children})}}};var N=e(6763);function _(o){const t=r(o),e=(n=t.type,w[n]||(N.warn(`No admonition component found for admonition type "${n}". Using Info as fallback.`),w.info));var n;return(0,s.jsx)(e,{...t})}},7533:(o,t,e)=>{e.d(t,{A:()=>l});var n=e(6540),s=e(1122),r=e(6025),c=e(4848);const l=o=>{let{alt:t,sources:e,style:l}=o;const[p,i]=(0,n.useState)(!1),a=o=>{"Escape"===o.key&&i(!1)};(0,n.useEffect)((()=>(p?document.addEventListener("keydown",a):document.removeEventListener("keydown",a),()=>{document.removeEventListener("keydown",a)})),[p]);return(0,c.jsx)("div",{className:"zoomable-image "+(p?"fullscreen":""),onClick:()=>{i(!p)},style:{width:"50%",margin:"0 auto",display:"flex",justifyContent:"center",...l},children:(0,c.jsx)(s.A,{className:"zoomable-image-inner",alt:t,sources:{light:(0,r.Ay)(e.light),dark:(0,r.Ay)(e.dark)}})})}},594:(o,t,e)=>{e.r(t),e.d(t,{CH:()=>y,assets:()=>d,chCodeConfig:()=>D,contentTitle:()=>i,default:()=>u,frontMatter:()=>p,metadata:()=>a,toc:()=>F});e(6540);var n=e(4848),s=e(8453),r=e(4754),c=e(7293),l=(e(1122),e(6025),e(7533));const p={},i="List Pages",a={id:"integrations/notion/list-pages",title:"List Pages",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/integrations/notion/list-pages.md",sourceDirName:"integrations/notion",slug:"/integrations/notion/list-pages",permalink:"/integrations/notion/list-pages",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"docs",previous:{title:"Database Properties",permalink:"/integrations/notion/list-database-properties"},next:{title:"User List",permalink:"/integrations/notion/list-users"}},d={},y={annotations:r.hk,Code:r.Cy},D={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},F=[{value:"Component Usage",id:"component-usage",level:2},{value:"Component Python code",id:"component-python-code",level:2},{value:"Example Usage",id:"example-usage",level:2},{value:"Best Practices",id:"best-practices",level:2},{value:"Troubleshooting",id:"troubleshooting",level:2}];function h(o){const t=Object.assign({h1:"h1",p:"p",code:"code",a:"a",ul:"ul",li:"li",h2:"h2",ol:"ol",strong:"strong"},(0,s.RP)(),o.components);return y||C("CH",!1),y.Code||C("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n","\n","\n",(0,n.jsx)(t.h1,{id:"list-pages",children:"List Pages"}),"\n",(0,n.jsx)(c.A,{type:"warning",title:"warning",children:(0,n.jsx)(t.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,n.jsxs)(t.p,{children:["The ",(0,n.jsx)(t.code,{children:"NotionListPages"})," component queries a Notion database with filtering and sorting. It provides a convenient way to integrate Notion database querying capabilities into your Langflow workflows."]}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.a,{href:"https://developers.notion.com/reference/post-database-query",children:"Notion Reference"})}),"\n",(0,n.jsxs)(c.A,{type:"tip",title:"Component Functionality",children:[(0,n.jsxs)(t.p,{children:["The ",(0,n.jsx)(t.code,{children:"NotionListPages"})," component enables you to:"]}),(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"Query a Notion database with custom filters and sorting options"}),"\n",(0,n.jsx)(t.li,{children:"Retrieve specific pages from a Notion database based on the provided criteria"}),"\n",(0,n.jsx)(t.li,{children:"Integrate Notion database data seamlessly into your Langflow workflows"}),"\n"]})]}),"\n",(0,n.jsx)(t.h2,{id:"component-usage",children:"Component Usage"}),"\n",(0,n.jsxs)(t.p,{children:["To use the ",(0,n.jsx)(t.code,{children:"NotionListPages "})," component in a Langflow flow, follow these steps:"]}),"\n",(0,n.jsxs)(t.ol,{children:["\n",(0,n.jsx)(t.li,{children:(0,n.jsxs)(t.strong,{children:["Add the ",(0,n.jsx)(t.code,{children:"NotionListPages "})," component to your flow."]})}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.strong,{children:"Configure the component by providing the required parameters:"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"notion_secret"}),": The Notion integration token for authentication."]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"database_id"}),": The ID of the Notion database you want to query."]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"query_payload"}),": A JSON string containing the filters and sorting options for the query."]}),"\n"]}),"\n"]}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsxs)(t.strong,{children:["Connect the ",(0,n.jsx)(t.code,{children:"NotionListPages "})," component to other components in your flow as needed."]})}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"component-python-code",children:"Component Python code"}),"\n",(0,n.jsx)(y.Code,{codeConfig:D,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#FF7B72"}}},{content:" requests",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"import",props:{style:{color:"#FF7B72"}}},{content:" json",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" typing ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Dict, Any, List",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.custom ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" CustomComponent",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.schema ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Data",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"class ",props:{style:{color:"#FF7B72"}}},{content:"NotionListPages",props:{style:{color:"#FFA657"}}},{content:"(",props:{style:{color:"#C9D1D9"}}},{content:"CustomComponent",props:{style:{color:"#79C0FF"}}},{content:"):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"List Pages [Notion]"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" description ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" (",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "Query a Notion database with filtering and sorting. "',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" \"The input should be a JSON string containing the 'filter' and 'sorts' objects. \"",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:' "Example input:',props:{style:{color:"#A5D6FF"}}},{content:"\\n",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:' \'{"filter": {"property": "Status", "select": {"equals": "Done"',props:{style:{color:"#A5D6FF"}}},{content:"}}",props:{style:{color:"#79C0FF"}}},{content:', "sorts": [{"timestamp": "created_time", "direction": "descending"}]}\'',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" )",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" documentation: ",props:{style:{color:"#C9D1D9"}}},{content:"str ",props:{style:{color:"#79C0FF"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"https://docs.langflow.org/integrations/notion/list-pages"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" icon ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"NotionDirectoryLoader"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" field_order ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" [",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "notion_secret"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "database_id"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "query_payload"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ]",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build_config",props:{style:{color:"#D2A8FF"}}},{content:"(self):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "notion_secret"',props:{style:{color:"#A5D6FF"}}},{content:": {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "display_name"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"Notion Secret"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "field_type"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"str"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "info"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"The Notion integration token."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "password"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"True",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" },",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "database_id"',props:{style:{color:"#A5D6FF"}}},{content:": {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "display_name"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"Database ID"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "field_type"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"str"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "info"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"The ID of the Notion database to query."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" },",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "query_payload"',props:{style:{color:"#A5D6FF"}}},{content:": {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "display_name"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"Database query"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "field_type"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"str"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "info"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"\"A JSON string containing the filters that will be used for querying the database. EG: {'filter': {'property': 'Status', 'status': {'equals': 'In progress'",props:{style:{color:"#A5D6FF"}}},{content:"}}",props:{style:{color:"#79C0FF"}}},{content:'}"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" },",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" }",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build",props:{style:{color:"#D2A8FF"}}},{content:"(",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" self,",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" notion_secret: ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" database_id: ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" query_payload: ",props:{style:{color:"#C9D1D9"}}},{content:"str ",props:{style:{color:"#79C0FF"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"',props:{style:{color:"#A5D6FF"}}},{content:"{}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ) -> List[Data]:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" try",props:{style:{color:"#FF7B72"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" query_data ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" json.loads(query_payload)",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" filter_obj ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" query_data.get(",props:{style:{color:"#C9D1D9"}}},{content:'"filter"',props:{style:{color:"#A5D6FF"}}},{content:")",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" sorts ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" query_data.get(",props:{style:{color:"#C9D1D9"}}},{content:'"sorts"',props:{style:{color:"#A5D6FF"}}},{content:", [])",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" url ",props:{style:{color:"#C9D1D9"}}},{content:"= f",props:{style:{color:"#FF7B72"}}},{content:'"https://api.notion.com/v1/databases/',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"database_id",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'/query"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" headers ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "Authorization"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"f",props:{style:{color:"#FF7B72"}}},{content:'"Bearer ',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"notion_secret",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "Content-Type"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"application/json"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "Notion-Version"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"2022-06-28"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" }",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" data ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "sorts"',props:{style:{color:"#A5D6FF"}}},{content:": sorts,",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" }",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" if",props:{style:{color:"#FF7B72"}}},{content:" filter_obj:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" data[",props:{style:{color:"#C9D1D9"}}},{content:'"filter"',props:{style:{color:"#A5D6FF"}}},{content:"] ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" filter_obj",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" response ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" requests.post(url, ",props:{style:{color:"#C9D1D9"}}},{content:"headers",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"headers, ",props:{style:{color:"#C9D1D9"}}},{content:"json",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"data)",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" response.raise_for_status()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" results ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" response.json()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" data ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" []",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" combined_text ",props:{style:{color:"#C9D1D9"}}},{content:"= f",props:{style:{color:"#FF7B72"}}},{content:'"Pages found: ',props:{style:{color:"#A5D6FF"}}},{content:"{len",props:{style:{color:"#79C0FF"}}},{content:"(results[",props:{style:{color:"#C9D1D9"}}},{content:"'results'",props:{style:{color:"#A5D6FF"}}},{content:"])",props:{style:{color:"#C9D1D9"}}},{content:"}\\n\\n",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" for",props:{style:{color:"#FF7B72"}}},{content:" page ",props:{style:{color:"#C9D1D9"}}},{content:"in",props:{style:{color:"#FF7B72"}}},{content:" results[",props:{style:{color:"#C9D1D9"}}},{content:"'results'",props:{style:{color:"#A5D6FF"}}},{content:"]:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" page_data ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" 'id'",props:{style:{color:"#A5D6FF"}}},{content:": page[",props:{style:{color:"#C9D1D9"}}},{content:"'id'",props:{style:{color:"#A5D6FF"}}},{content:"],",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" 'url'",props:{style:{color:"#A5D6FF"}}},{content:": page[",props:{style:{color:"#C9D1D9"}}},{content:"'url'",props:{style:{color:"#A5D6FF"}}},{content:"],",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" 'created_time'",props:{style:{color:"#A5D6FF"}}},{content:": page[",props:{style:{color:"#C9D1D9"}}},{content:"'created_time'",props:{style:{color:"#A5D6FF"}}},{content:"],",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" 'last_edited_time'",props:{style:{color:"#A5D6FF"}}},{content:": page[",props:{style:{color:"#C9D1D9"}}},{content:"'last_edited_time'",props:{style:{color:"#A5D6FF"}}},{content:"],",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" 'properties'",props:{style:{color:"#A5D6FF"}}},{content:": page[",props:{style:{color:"#C9D1D9"}}},{content:"'properties'",props:{style:{color:"#A5D6FF"}}},{content:"],",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" }",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" text ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" (",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" f",props:{style:{color:"#FF7B72"}}},{content:'"id: ',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"page[",props:{style:{color:"#C9D1D9"}}},{content:"'id'",props:{style:{color:"#A5D6FF"}}},{content:"]",props:{style:{color:"#C9D1D9"}}},{content:"}\\n",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" f",props:{style:{color:"#FF7B72"}}},{content:'"url: ',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"page[",props:{style:{color:"#C9D1D9"}}},{content:"'url'",props:{style:{color:"#A5D6FF"}}},{content:"]",props:{style:{color:"#C9D1D9"}}},{content:"}\\n",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" f",props:{style:{color:"#FF7B72"}}},{content:'"created_time: ',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"page[",props:{style:{color:"#C9D1D9"}}},{content:"'created_time'",props:{style:{color:"#A5D6FF"}}},{content:"]",props:{style:{color:"#C9D1D9"}}},{content:"}\\n",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" f",props:{style:{color:"#FF7B72"}}},{content:'"last_edited_time: ',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"page[",props:{style:{color:"#C9D1D9"}}},{content:"'last_edited_time'",props:{style:{color:"#A5D6FF"}}},{content:"]",props:{style:{color:"#C9D1D9"}}},{content:"}\\n",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" f",props:{style:{color:"#FF7B72"}}},{content:'"properties: ',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"json.dumps(page[",props:{style:{color:"#C9D1D9"}}},{content:"'properties'",props:{style:{color:"#A5D6FF"}}},{content:"], ",props:{style:{color:"#C9D1D9"}}},{content:"indent",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"2",props:{style:{color:"#79C0FF"}}},{content:")",props:{style:{color:"#C9D1D9"}}},{content:"}\\n\\n",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" )",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" combined_text ",props:{style:{color:"#C9D1D9"}}},{content:"+=",props:{style:{color:"#FF7B72"}}},{content:" text",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" data.append(Data(",props:{style:{color:"#C9D1D9"}}},{content:"text",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"text, ",props:{style:{color:"#C9D1D9"}}},{content:"data",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"page_data))",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" self",props:{style:{color:"#79C0FF"}}},{content:".status ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" combined_text.strip()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" data",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" except ",props:{style:{color:"#FF7B72"}}},{content:"Exception ",props:{style:{color:"#79C0FF"}}},{content:"as",props:{style:{color:"#FF7B72"}}},{content:" e:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" self",props:{style:{color:"#79C0FF"}}},{content:".status ",props:{style:{color:"#C9D1D9"}}},{content:"= f",props:{style:{color:"#FF7B72"}}},{content:'"An error occurred: ',props:{style:{color:"#A5D6FF"}}},{content:"{str",props:{style:{color:"#79C0FF"}}},{content:"(e)",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" [Data(",props:{style:{color:"#C9D1D9"}}},{content:"text",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"self",props:{style:{color:"#79C0FF"}}},{content:".status, ",props:{style:{color:"#C9D1D9"}}},{content:"data",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"[])]",props:{style:{color:"#C9D1D9"}}}]}],lang:"python"},annotations:[]}]}),"\n",(0,n.jsxs)(c.A,{type:"info",title:"Example Usage",children:[(0,n.jsx)(t.h2,{id:"example-usage",children:"Example Usage"}),(0,n.jsxs)(t.p,{children:["Here's an example of how you can use the ",(0,n.jsx)(t.code,{children:"NotionListPages"})," component in a Langflow flow and passing to the Prompt component:"]}),(0,n.jsx)(l.A,{alt:"NotionListPages\nFlow Example",sources:{light:"img/notion/NotionListPages_flow_example.png",dark:"img/notion/NotionListPages_flow_example_dark.png"},style:{width:"100%",margin:"20px 0"}}),(0,n.jsxs)(t.p,{children:["In this example, the ",(0,n.jsx)(t.code,{children:"NotionListPages"})," component is used to retrieve specific pages from a Notion database based on the provided filters and sorting options. The retrieved data can then be processed further in the subsequent components of the flow."]})]}),"\n",(0,n.jsx)(t.h2,{id:"best-practices",children:"Best Practices"}),"\n",(0,n.jsxs)(t.p,{children:["When using the ",(0,n.jsx)(t.code,{children:"NotionListPages "})," component, consider the following best practices:"]}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"Ensure that you have a valid Notion integration token with the necessary permissions to query the desired database."}),"\n",(0,n.jsxs)(t.li,{children:["Construct the ",(0,n.jsx)(t.code,{children:"query_payload"})," JSON string carefully, following the Notion API documentation for filtering and sorting options."]}),"\n"]}),"\n",(0,n.jsxs)(t.p,{children:["The ",(0,n.jsx)(t.code,{children:"NotionListPages "})," component provides a powerful way to integrate Notion database querying capabilities into your Langflow workflows. By leveraging this component, you can easily retrieve specific pages from a Notion database based on custom filters and sorting options, enabling you to build more dynamic and data-driven flows."]}),"\n",(0,n.jsxs)(t.p,{children:["We encourage you to explore the capabilities of the ",(0,n.jsx)(t.code,{children:"NotionListPages "})," component further and experiment with different querying scenarios to unlock the full potential of integrating Notion databases into your Langflow workflows."]}),"\n",(0,n.jsx)(t.h2,{id:"troubleshooting",children:"Troubleshooting"}),"\n",(0,n.jsxs)(t.p,{children:["If you encounter any issues while using the ",(0,n.jsx)(t.code,{children:"NotionListPages"})," component, consider the following:"]}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:["Double-check that the ",(0,n.jsx)(t.code,{children:"notion_secret"})," and ",(0,n.jsx)(t.code,{children:"database_id"})," are correct and valid."]}),"\n",(0,n.jsxs)(t.li,{children:["Verify that the ",(0,n.jsx)(t.code,{children:"query_payload"})," JSON string is properly formatted and contains valid filtering and sorting options."]}),"\n",(0,n.jsx)(t.li,{children:"Check the Notion API documentation for any updates or changes that may affect the component's functionality."}),"\n"]})]})}const u=function(o={}){const{wrapper:t}=Object.assign({},(0,s.RP)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(h,o)})):h(o)};function C(o,t){throw new Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/assets/js/f60effff.d5a3b68b.js b/assets/js/f60effff.d5a3b68b.js deleted file mode 100644 index 84b6feba8a..0000000000 --- a/assets/js/f60effff.d5a3b68b.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[954],{7533:(o,t,e)=>{e.d(t,{A:()=>l});var n=e(6540),s=e(1122),r=e(6025),c=e(4848);const l=o=>{let{alt:t,sources:e,style:l}=o;const[p,i]=(0,n.useState)(!1),a=o=>{"Escape"===o.key&&i(!1)};(0,n.useEffect)((()=>(p?document.addEventListener("keydown",a):document.removeEventListener("keydown",a),()=>{document.removeEventListener("keydown",a)})),[p]);return(0,c.jsx)("div",{className:"zoomable-image "+(p?"fullscreen":""),onClick:()=>{i(!p)},style:{width:"50%",margin:"0 auto",display:"flex",justifyContent:"center",...l},children:(0,c.jsx)(s.A,{className:"zoomable-image-inner",alt:t,sources:{light:(0,r.Ay)(e.light),dark:(0,r.Ay)(e.dark)}})})}},594:(o,t,e)=>{e.r(t),e.d(t,{CH:()=>D,assets:()=>y,chCodeConfig:()=>d,contentTitle:()=>i,default:()=>C,frontMatter:()=>p,metadata:()=>a,toc:()=>F});e(6540);var n=e(4848),s=e(8453),r=e(4754),c=e(7293),l=(e(1122),e(6025),e(7533));const p={},i="List Pages",a={id:"integrations/notion/list-pages",title:"List Pages",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/integrations/notion/list-pages.md",sourceDirName:"integrations/notion",slug:"/integrations/notion/list-pages",permalink:"/integrations/notion/list-pages",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"docs",previous:{title:"Database Properties",permalink:"/integrations/notion/list-database-properties"},next:{title:"User List",permalink:"/integrations/notion/list-users"}},y={},D={annotations:r.hk,Code:r.Cy},d={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},F=[{value:"Component Usage",id:"component-usage",level:2},{value:"Component Python code",id:"component-python-code",level:2},{value:"Example Usage",id:"example-usage",level:2},{value:"Best Practices",id:"best-practices",level:2},{value:"Troubleshooting",id:"troubleshooting",level:2}];function h(o){const t=Object.assign({h1:"h1",p:"p",code:"code",a:"a",ul:"ul",li:"li",h2:"h2",ol:"ol",strong:"strong"},(0,s.RP)(),o.components);return D||u("CH",!1),D.Code||u("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n","\n","\n",(0,n.jsx)(t.h1,{id:"list-pages",children:"List Pages"}),"\n",(0,n.jsx)(c.A,{type:"warning",title:"warning",children:(0,n.jsx)(t.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,n.jsxs)(t.p,{children:["The ",(0,n.jsx)(t.code,{children:"NotionListPages"})," component queries a Notion database with filtering and sorting. It provides a convenient way to integrate Notion database querying capabilities into your Langflow workflows."]}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.a,{href:"https://developers.notion.com/reference/post-database-query",children:"Notion Reference"})}),"\n",(0,n.jsxs)(c.A,{type:"tip",title:"Component Functionality",children:[(0,n.jsxs)(t.p,{children:["The ",(0,n.jsx)(t.code,{children:"NotionListPages"})," component enables you to:"]}),(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"Query a Notion database with custom filters and sorting options"}),"\n",(0,n.jsx)(t.li,{children:"Retrieve specific pages from a Notion database based on the provided criteria"}),"\n",(0,n.jsx)(t.li,{children:"Integrate Notion database data seamlessly into your Langflow workflows"}),"\n"]})]}),"\n",(0,n.jsx)(t.h2,{id:"component-usage",children:"Component Usage"}),"\n",(0,n.jsxs)(t.p,{children:["To use the ",(0,n.jsx)(t.code,{children:"NotionListPages "})," component in a Langflow flow, follow these steps:"]}),"\n",(0,n.jsxs)(t.ol,{children:["\n",(0,n.jsx)(t.li,{children:(0,n.jsxs)(t.strong,{children:["Add the ",(0,n.jsx)(t.code,{children:"NotionListPages "})," component to your flow."]})}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.strong,{children:"Configure the component by providing the required parameters:"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"notion_secret"}),": The Notion integration token for authentication."]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"database_id"}),": The ID of the Notion database you want to query."]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"query_payload"}),": A JSON string containing the filters and sorting options for the query."]}),"\n"]}),"\n"]}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsxs)(t.strong,{children:["Connect the ",(0,n.jsx)(t.code,{children:"NotionListPages "})," component to other components in your flow as needed."]})}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"component-python-code",children:"Component Python code"}),"\n",(0,n.jsx)(D.Code,{codeConfig:d,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#FF7B72"}}},{content:" requests",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"import",props:{style:{color:"#FF7B72"}}},{content:" json",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" typing ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Dict, Any, List",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.custom ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" CustomComponent",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"from",props:{style:{color:"#FF7B72"}}},{content:" langflow.schema ",props:{style:{color:"#C9D1D9"}}},{content:"import",props:{style:{color:"#FF7B72"}}},{content:" Data",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"class ",props:{style:{color:"#FF7B72"}}},{content:"NotionListPages",props:{style:{color:"#FFA657"}}},{content:"(",props:{style:{color:"#C9D1D9"}}},{content:"CustomComponent",props:{style:{color:"#79C0FF"}}},{content:"):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" display_name ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"List Pages [Notion]"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" description ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" (",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "Query a Notion database with filtering and sorting. "',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" \"The input should be a JSON string containing the 'filter' and 'sorts' objects. \"",props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:' "Example input:',props:{style:{color:"#A5D6FF"}}},{content:"\\n",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:' \'{"filter": {"property": "Status", "select": {"equals": "Done"',props:{style:{color:"#A5D6FF"}}},{content:"}}",props:{style:{color:"#79C0FF"}}},{content:', "sorts": [{"timestamp": "created_time", "direction": "descending"}]}\'',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" )",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" documentation: ",props:{style:{color:"#C9D1D9"}}},{content:"str ",props:{style:{color:"#79C0FF"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"https://docs.langflow.org/integrations/notion/list-pages"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" icon ",props:{style:{color:"#C9D1D9"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"NotionDirectoryLoader"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" field_order ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" [",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "notion_secret"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "database_id"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "query_payload"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ]",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build_config",props:{style:{color:"#D2A8FF"}}},{content:"(self):",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "notion_secret"',props:{style:{color:"#A5D6FF"}}},{content:": {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "display_name"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"Notion Secret"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "field_type"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"str"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "info"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"The Notion integration token."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "password"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"True",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" },",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "database_id"',props:{style:{color:"#A5D6FF"}}},{content:": {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "display_name"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"Database ID"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "field_type"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"str"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "info"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"The ID of the Notion database to query."',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" },",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "query_payload"',props:{style:{color:"#A5D6FF"}}},{content:": {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "display_name"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"Database query"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "field_type"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"str"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "info"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"\"A JSON string containing the filters that will be used for querying the database. EG: {'filter': {'property': 'Status', 'status': {'equals': 'In progress'",props:{style:{color:"#A5D6FF"}}},{content:"}}",props:{style:{color:"#79C0FF"}}},{content:'}"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" },",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" }",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" def ",props:{style:{color:"#FF7B72"}}},{content:"build",props:{style:{color:"#D2A8FF"}}},{content:"(",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" self,",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" notion_secret: ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" database_id: ",props:{style:{color:"#C9D1D9"}}},{content:"str",props:{style:{color:"#79C0FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" query_payload: ",props:{style:{color:"#C9D1D9"}}},{content:"str ",props:{style:{color:"#79C0FF"}}},{content:"= ",props:{style:{color:"#FF7B72"}}},{content:'"',props:{style:{color:"#A5D6FF"}}},{content:"{}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" ) -> List[Data]:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" try",props:{style:{color:"#FF7B72"}}},{content:":",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" query_data ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" json.loads(query_payload)",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" filter_obj ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" query_data.get(",props:{style:{color:"#C9D1D9"}}},{content:'"filter"',props:{style:{color:"#A5D6FF"}}},{content:")",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" sorts ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" query_data.get(",props:{style:{color:"#C9D1D9"}}},{content:'"sorts"',props:{style:{color:"#A5D6FF"}}},{content:", [])",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" url ",props:{style:{color:"#C9D1D9"}}},{content:"= f",props:{style:{color:"#FF7B72"}}},{content:'"https://api.notion.com/v1/databases/',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"database_id",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'/query"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" headers ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "Authorization"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:"f",props:{style:{color:"#FF7B72"}}},{content:'"Bearer ',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"notion_secret",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "Content-Type"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"application/json"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "Notion-Version"',props:{style:{color:"#A5D6FF"}}},{content:": ",props:{style:{color:"#C9D1D9"}}},{content:'"2022-06-28"',props:{style:{color:"#A5D6FF"}}},{content:",",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" }",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" data ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:' "sorts"',props:{style:{color:"#A5D6FF"}}},{content:": sorts,",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" }",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" if",props:{style:{color:"#FF7B72"}}},{content:" filter_obj:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" data[",props:{style:{color:"#C9D1D9"}}},{content:'"filter"',props:{style:{color:"#A5D6FF"}}},{content:"] ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" filter_obj",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" response ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" requests.post(url, ",props:{style:{color:"#C9D1D9"}}},{content:"headers",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"headers, ",props:{style:{color:"#C9D1D9"}}},{content:"json",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"data)",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" response.raise_for_status()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" results ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" response.json()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" data ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" []",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" combined_text ",props:{style:{color:"#C9D1D9"}}},{content:"= f",props:{style:{color:"#FF7B72"}}},{content:'"Pages found: ',props:{style:{color:"#A5D6FF"}}},{content:"{len",props:{style:{color:"#79C0FF"}}},{content:"(results[",props:{style:{color:"#C9D1D9"}}},{content:"'results'",props:{style:{color:"#A5D6FF"}}},{content:"])",props:{style:{color:"#C9D1D9"}}},{content:"}\\n\\n",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" for",props:{style:{color:"#FF7B72"}}},{content:" page ",props:{style:{color:"#C9D1D9"}}},{content:"in",props:{style:{color:"#FF7B72"}}},{content:" results[",props:{style:{color:"#C9D1D9"}}},{content:"'results'",props:{style:{color:"#A5D6FF"}}},{content:"]:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" page_data ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" {",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" 'id'",props:{style:{color:"#A5D6FF"}}},{content:": page[",props:{style:{color:"#C9D1D9"}}},{content:"'id'",props:{style:{color:"#A5D6FF"}}},{content:"],",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" 'url'",props:{style:{color:"#A5D6FF"}}},{content:": page[",props:{style:{color:"#C9D1D9"}}},{content:"'url'",props:{style:{color:"#A5D6FF"}}},{content:"],",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" 'created_time'",props:{style:{color:"#A5D6FF"}}},{content:": page[",props:{style:{color:"#C9D1D9"}}},{content:"'created_time'",props:{style:{color:"#A5D6FF"}}},{content:"],",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" 'last_edited_time'",props:{style:{color:"#A5D6FF"}}},{content:": page[",props:{style:{color:"#C9D1D9"}}},{content:"'last_edited_time'",props:{style:{color:"#A5D6FF"}}},{content:"],",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" 'properties'",props:{style:{color:"#A5D6FF"}}},{content:": page[",props:{style:{color:"#C9D1D9"}}},{content:"'properties'",props:{style:{color:"#A5D6FF"}}},{content:"],",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" }",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" text ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" (",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" f",props:{style:{color:"#FF7B72"}}},{content:'"id: ',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"page[",props:{style:{color:"#C9D1D9"}}},{content:"'id'",props:{style:{color:"#A5D6FF"}}},{content:"]",props:{style:{color:"#C9D1D9"}}},{content:"}\\n",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" f",props:{style:{color:"#FF7B72"}}},{content:'"url: ',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"page[",props:{style:{color:"#C9D1D9"}}},{content:"'url'",props:{style:{color:"#A5D6FF"}}},{content:"]",props:{style:{color:"#C9D1D9"}}},{content:"}\\n",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" f",props:{style:{color:"#FF7B72"}}},{content:'"created_time: ',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"page[",props:{style:{color:"#C9D1D9"}}},{content:"'created_time'",props:{style:{color:"#A5D6FF"}}},{content:"]",props:{style:{color:"#C9D1D9"}}},{content:"}\\n",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" f",props:{style:{color:"#FF7B72"}}},{content:'"last_edited_time: ',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"page[",props:{style:{color:"#C9D1D9"}}},{content:"'last_edited_time'",props:{style:{color:"#A5D6FF"}}},{content:"]",props:{style:{color:"#C9D1D9"}}},{content:"}\\n",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" f",props:{style:{color:"#FF7B72"}}},{content:'"properties: ',props:{style:{color:"#A5D6FF"}}},{content:"{",props:{style:{color:"#79C0FF"}}},{content:"json.dumps(page[",props:{style:{color:"#C9D1D9"}}},{content:"'properties'",props:{style:{color:"#A5D6FF"}}},{content:"], ",props:{style:{color:"#C9D1D9"}}},{content:"indent",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"2",props:{style:{color:"#79C0FF"}}},{content:")",props:{style:{color:"#C9D1D9"}}},{content:"}\\n\\n",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" )",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" combined_text ",props:{style:{color:"#C9D1D9"}}},{content:"+=",props:{style:{color:"#FF7B72"}}},{content:" text",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" data.append(Data(",props:{style:{color:"#C9D1D9"}}},{content:"text",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"text, ",props:{style:{color:"#C9D1D9"}}},{content:"data",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"page_data))",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" self",props:{style:{color:"#79C0FF"}}},{content:".status ",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:" combined_text.strip()",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" data",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:"",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" except ",props:{style:{color:"#FF7B72"}}},{content:"Exception ",props:{style:{color:"#79C0FF"}}},{content:"as",props:{style:{color:"#FF7B72"}}},{content:" e:",props:{style:{color:"#C9D1D9"}}}]},{tokens:[{content:" self",props:{style:{color:"#79C0FF"}}},{content:".status ",props:{style:{color:"#C9D1D9"}}},{content:"= f",props:{style:{color:"#FF7B72"}}},{content:'"An error occurred: ',props:{style:{color:"#A5D6FF"}}},{content:"{str",props:{style:{color:"#79C0FF"}}},{content:"(e)",props:{style:{color:"#C9D1D9"}}},{content:"}",props:{style:{color:"#79C0FF"}}},{content:'"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:" return",props:{style:{color:"#FF7B72"}}},{content:" [Data(",props:{style:{color:"#C9D1D9"}}},{content:"text",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"self",props:{style:{color:"#79C0FF"}}},{content:".status, ",props:{style:{color:"#C9D1D9"}}},{content:"data",props:{style:{color:"#FFA657"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:"[])]",props:{style:{color:"#C9D1D9"}}}]}],lang:"python"},annotations:[]}]}),"\n",(0,n.jsxs)(c.A,{type:"info",title:"Example Usage",children:[(0,n.jsx)(t.h2,{id:"example-usage",children:"Example Usage"}),(0,n.jsxs)(t.p,{children:["Here's an example of how you can use the ",(0,n.jsx)(t.code,{children:"NotionListPages"})," component in a Langflow flow and passing to the Prompt component:"]}),(0,n.jsx)(l.A,{alt:"NotionListPages\nFlow Example",sources:{light:"img/notion/NotionListPages_flow_example.png",dark:"img/notion/NotionListPages_flow_example_dark.png"},style:{width:"100%",margin:"20px 0"}}),(0,n.jsxs)(t.p,{children:["In this example, the ",(0,n.jsx)(t.code,{children:"NotionListPages"})," component is used to retrieve specific pages from a Notion database based on the provided filters and sorting options. The retrieved data can then be processed further in the subsequent components of the flow."]})]}),"\n",(0,n.jsx)(t.h2,{id:"best-practices",children:"Best Practices"}),"\n",(0,n.jsxs)(t.p,{children:["When using the ",(0,n.jsx)(t.code,{children:"NotionListPages "})," component, consider the following best practices:"]}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"Ensure that you have a valid Notion integration token with the necessary permissions to query the desired database."}),"\n",(0,n.jsxs)(t.li,{children:["Construct the ",(0,n.jsx)(t.code,{children:"query_payload"})," JSON string carefully, following the Notion API documentation for filtering and sorting options."]}),"\n"]}),"\n",(0,n.jsxs)(t.p,{children:["The ",(0,n.jsx)(t.code,{children:"NotionListPages "})," component provides a powerful way to integrate Notion database querying capabilities into your Langflow workflows. By leveraging this component, you can easily retrieve specific pages from a Notion database based on custom filters and sorting options, enabling you to build more dynamic and data-driven flows."]}),"\n",(0,n.jsxs)(t.p,{children:["We encourage you to explore the capabilities of the ",(0,n.jsx)(t.code,{children:"NotionListPages "})," component further and experiment with different querying scenarios to unlock the full potential of integrating Notion databases into your Langflow workflows."]}),"\n",(0,n.jsx)(t.h2,{id:"troubleshooting",children:"Troubleshooting"}),"\n",(0,n.jsxs)(t.p,{children:["If you encounter any issues while using the ",(0,n.jsx)(t.code,{children:"NotionListPages"})," component, consider the following:"]}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:["Double-check that the ",(0,n.jsx)(t.code,{children:"notion_secret"})," and ",(0,n.jsx)(t.code,{children:"database_id"})," are correct and valid."]}),"\n",(0,n.jsxs)(t.li,{children:["Verify that the ",(0,n.jsx)(t.code,{children:"query_payload"})," JSON string is properly formatted and contains valid filtering and sorting options."]}),"\n",(0,n.jsx)(t.li,{children:"Check the Notion API documentation for any updates or changes that may affect the component's functionality."}),"\n"]})]})}const C=function(o={}){const{wrapper:t}=Object.assign({},(0,s.RP)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(h,o)})):h(o)};function u(o,t){throw new Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/assets/js/fad3d603.b509eff1.js b/assets/js/fad3d603.b509eff1.js new file mode 100644 index 0000000000..563ab71efc --- /dev/null +++ b/assets/js/fad3d603.b509eff1.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[3022],{7293:(n,e,t)=>{t.d(e,{A:()=>H});var o=t(6540),i=t(4848);function r(n){const{mdxAdmonitionTitle:e,rest:t}=function(n){const e=o.Children.toArray(n),t=e.find((n=>o.isValidElement(n)&&"mdxAdmonitionTitle"===n.type)),r=e.filter((n=>n!==t)),a=t?.props.children;return{mdxAdmonitionTitle:a,rest:r.length>0?(0,i.jsx)(i.Fragment,{children:r}):null}}(n.children),r=n.title??e;return{...n,...r&&{title:r},children:t}}var a=t(8215),c=t(1312),s=t(7559);const l={admonition:"admonition_xJq3",admonitionHeading:"admonitionHeading_Gvgb",admonitionIcon:"admonitionIcon_Rf37",admonitionContent:"admonitionContent_BuS1"};function d(n){let{type:e,className:t,children:o}=n;return(0,i.jsx)("div",{className:(0,a.A)(s.G.common.admonition,s.G.common.admonitionType(e),l.admonition,t),children:o})}function h(n){let{icon:e,title:t}=n;return(0,i.jsxs)("div",{className:l.admonitionHeading,children:[(0,i.jsx)("span",{className:l.admonitionIcon,children:e}),t]})}function u(n){let{children:e}=n;return e?(0,i.jsx)("div",{className:l.admonitionContent,children:e}):null}function m(n){const{type:e,icon:t,title:o,children:r,className:a}=n;return(0,i.jsxs)(d,{type:e,className:a,children:[o||t?(0,i.jsx)(h,{title:o,icon:t}):null,(0,i.jsx)(u,{children:r})]})}function g(n){return(0,i.jsx)("svg",{viewBox:"0 0 14 16",...n,children:(0,i.jsx)("path",{fillRule:"evenodd",d:"M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"})})}const p={icon:(0,i.jsx)(g,{}),title:(0,i.jsx)(c.A,{id:"theme.admonition.note",description:"The default label used for the Note admonition (:::note)",children:"note"})};function f(n){return(0,i.jsx)(m,{...p,...n,className:(0,a.A)("alert alert--secondary",n.className),children:n.children})}function x(n){return(0,i.jsx)("svg",{viewBox:"0 0 12 16",...n,children:(0,i.jsx)("path",{fillRule:"evenodd",d:"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"})})}const v={icon:(0,i.jsx)(x,{}),title:(0,i.jsx)(c.A,{id:"theme.admonition.tip",description:"The default label used for the Tip admonition (:::tip)",children:"tip"})};function y(n){return(0,i.jsx)(m,{...v,...n,className:(0,a.A)("alert alert--success",n.className),children:n.children})}function j(n){return(0,i.jsx)("svg",{viewBox:"0 0 14 16",...n,children:(0,i.jsx)("path",{fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"})})}const b={icon:(0,i.jsx)(j,{}),title:(0,i.jsx)(c.A,{id:"theme.admonition.info",description:"The default label used for the Info admonition (:::info)",children:"info"})};function C(n){return(0,i.jsx)(m,{...b,...n,className:(0,a.A)("alert alert--info",n.className),children:n.children})}function A(n){return(0,i.jsx)("svg",{viewBox:"0 0 16 16",...n,children:(0,i.jsx)("path",{fillRule:"evenodd",d:"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"})})}const k={icon:(0,i.jsx)(A,{}),title:(0,i.jsx)(c.A,{id:"theme.admonition.warning",description:"The default label used for the Warning admonition (:::warning)",children:"warning"})};function w(n){return(0,i.jsx)("svg",{viewBox:"0 0 12 16",...n,children:(0,i.jsx)("path",{fillRule:"evenodd",d:"M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"})})}const N={icon:(0,i.jsx)(w,{}),title:(0,i.jsx)(c.A,{id:"theme.admonition.danger",description:"The default label used for the Danger admonition (:::danger)",children:"danger"})};const L={icon:(0,i.jsx)(A,{}),title:(0,i.jsx)(c.A,{id:"theme.admonition.caution",description:"The default label used for the Caution admonition (:::caution)",children:"caution"})};const F={...{note:f,tip:y,info:C,warning:function(n){return(0,i.jsx)(m,{...k,...n,className:(0,a.A)("alert alert--warning",n.className),children:n.children})},danger:function(n){return(0,i.jsx)(m,{...N,...n,className:(0,a.A)("alert alert--danger",n.className),children:n.children})}},...{secondary:n=>(0,i.jsx)(f,{title:"secondary",...n}),important:n=>(0,i.jsx)(C,{title:"important",...n}),success:n=>(0,i.jsx)(y,{title:"success",...n}),caution:function(n){return(0,i.jsx)(m,{...L,...n,className:(0,a.A)("alert alert--warning",n.className),children:n.children})}}};var B=t(6763);function H(n){const e=r(n),t=(o=e.type,F[o]||(B.warn(`No admonition component found for admonition type "${o}". Using Info as fallback.`),F.info));var o;return(0,i.jsx)(t,{...e})}},7533:(n,e,t)=>{t.d(e,{A:()=>c});var o=t(6540),i=t(1122),r=t(6025),a=t(4848);const c=n=>{let{alt:e,sources:t,style:c}=n;const[s,l]=(0,o.useState)(!1),d=n=>{"Escape"===n.key&&l(!1)};(0,o.useEffect)((()=>(s?document.addEventListener("keydown",d):document.removeEventListener("keydown",d),()=>{document.removeEventListener("keydown",d)})),[s]);return(0,a.jsx)("div",{className:"zoomable-image "+(s?"fullscreen":""),onClick:()=>{l(!s)},style:{width:"50%",margin:"0 auto",display:"flex",justifyContent:"center",...c},children:(0,a.jsx)(i.A,{className:"zoomable-image-inner",alt:e,sources:{light:(0,r.Ay)(t.light),dark:(0,r.Ay)(t.dark)}})})}},9845:(n,e,t)=>{t.r(e),t.d(e,{CH:()=>u,assets:()=>h,chCodeConfig:()=>m,contentTitle:()=>l,default:()=>f,frontMatter:()=>s,metadata:()=>d,toc:()=>g});t(6540);var o=t(4848),i=t(8453),r=t(4754),a=(t(7293),t(1122),t(6025)),c=t(7533);const s={},l="LangSmith",d={id:"integrations/langsmith/intro",title:"LangSmith",description:"LangSmith is a full-lifecycle DevOps service from LangChain that provides monitoring and observability. To integrate with Langflow, just add your LangChain API key as a Langflow environment variable and you are good to go!",source:"@site/docs/integrations/langsmith/intro.mdx",sourceDirName:"integrations/langsmith",slug:"/integrations/langsmith/intro",permalink:"/integrations/langsmith/intro",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"docs",previous:{title:"How to Contribute Components?",permalink:"/contributing/contribute-component"},next:{title:"Introduction to Notion in Langflow",permalink:"/integrations/notion/intro"}},h={},u={annotations:r.hk,Code:r.Cy},m={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},g=[{value:"Step-by-step Configuration",id:"step-by-step-configuration",level:2}];function p(n){const e=Object.assign({h1:"h1",p:"p",h2:"h2",ol:"ol",li:"li",a:"a",code:"code"},(0,i.RP)(),n.components);return u||x("CH",!1),u.Code||x("CH.Code",!0),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n","\n","\n",(0,o.jsx)(e.h1,{id:"langsmith",children:"LangSmith"}),"\n",(0,o.jsx)(e.p,{children:"LangSmith is a full-lifecycle DevOps service from LangChain that provides monitoring and observability. To integrate with Langflow, just add your LangChain API key as a Langflow environment variable and you are good to go!"}),"\n",(0,o.jsx)(e.h2,{id:"step-by-step-configuration",children:"Step-by-step Configuration"}),"\n",(0,o.jsxs)(e.ol,{children:["\n",(0,o.jsxs)(e.li,{children:["Obtain your LangChain API key from ",(0,o.jsx)(e.a,{href:"https://smith.langchain.com",children:"https://smith.langchain.com"})]}),"\n",(0,o.jsx)(e.li,{children:"Add the following keys to Langflow .env file:"}),"\n"]}),"\n",(0,o.jsx)(u.Code,{codeConfig:m,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"LANGCHAIN_API_KEY",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"your-api-key"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"LANGCHAIN_PROJECT",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"your-project-name"',props:{style:{color:"#A5D6FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,o.jsx)(e.p,{children:"or export the environment variables in your terminal:"}),"\n",(0,o.jsx)(u.Code,{codeConfig:m,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"export",props:{style:{color:"#FF7B72"}}},{content:" LANGCHAIN_API_KEY",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"your-api-key"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"export",props:{style:{color:"#FF7B72"}}},{content:" LANGCHAIN_PROJECT",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"your-project-name"',props:{style:{color:"#A5D6FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,o.jsxs)(e.ol,{start:"3",children:["\n",(0,o.jsxs)(e.li,{children:["Restart Langflow using ",(0,o.jsx)(e.code,{children:"langflow run --env-file .env"})]}),"\n",(0,o.jsx)(e.li,{children:"Run any project and check the LangSmith dashboard for monitoring and observability."}),"\n"]}),"\n",(0,o.jsx)(c.A,{alt:"LangSmith Flow Example",sources:{light:(0,a.Ay)("img/langsmith-flow.png"),dark:(0,a.Ay)("img/langsmith-flow.png")},style:{width:"80%",margin:"20px auto"}}),"\n",(0,o.jsx)(c.A,{alt:"LangSmith Trace",sources:{light:(0,a.Ay)("img/langsmith-trace.png"),dark:(0,a.Ay)("img/langsmith-trace.png")},style:{width:"80%",margin:"20px auto"}})]})}const f=function(n={}){const{wrapper:e}=Object.assign({},(0,i.RP)(),n.components);return e?(0,o.jsx)(e,Object.assign({},n,{children:(0,o.jsx)(p,n)})):p(n)};function x(n,e){throw new Error("Expected "+(e?"component":"object")+" `"+n+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/assets/js/fad3d603.f33a946b.js b/assets/js/fad3d603.f33a946b.js deleted file mode 100644 index e91a70a9c6..0000000000 --- a/assets/js/fad3d603.f33a946b.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[3022],{7533:(t,e,o)=>{o.d(e,{A:()=>s});var n=o(6540),r=o(1122),i=o(6025),a=o(4848);const s=t=>{let{alt:e,sources:o,style:s}=t;const[c,l]=(0,n.useState)(!1),d=t=>{"Escape"===t.key&&l(!1)};(0,n.useEffect)((()=>(c?document.addEventListener("keydown",d):document.removeEventListener("keydown",d),()=>{document.removeEventListener("keydown",d)})),[c]);return(0,a.jsx)("div",{className:"zoomable-image "+(c?"fullscreen":""),onClick:()=>{l(!c)},style:{width:"50%",margin:"0 auto",display:"flex",justifyContent:"center",...s},children:(0,a.jsx)(r.A,{className:"zoomable-image-inner",alt:e,sources:{light:(0,i.Ay)(o.light),dark:(0,i.Ay)(o.dark)}})})}},9845:(t,e,o)=>{o.r(e),o.d(e,{CH:()=>g,assets:()=>h,chCodeConfig:()=>u,contentTitle:()=>l,default:()=>f,frontMatter:()=>c,metadata:()=>d,toc:()=>p});o(6540);var n=o(4848),r=o(8453),i=o(4754),a=(o(7293),o(1122),o(6025)),s=o(7533);const c={},l="LangSmith",d={id:"integrations/langsmith/intro",title:"LangSmith",description:"LangSmith is a full-lifecycle DevOps service from LangChain that provides monitoring and observability. To integrate with Langflow, just add your LangChain API key as a Langflow environment variable and you are good to go!",source:"@site/docs/integrations/langsmith/intro.mdx",sourceDirName:"integrations/langsmith",slug:"/integrations/langsmith/intro",permalink:"/integrations/langsmith/intro",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"docs",previous:{title:"How to Contribute Components?",permalink:"/contributing/contribute-component"},next:{title:"Introduction to Notion in Langflow",permalink:"/integrations/notion/intro"}},h={},g={annotations:i.hk,Code:i.Cy},u={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},p=[{value:"Step-by-step Configuration",id:"step-by-step-configuration",level:2}];function m(t){const e=Object.assign({h1:"h1",p:"p",h2:"h2",ol:"ol",li:"li",a:"a",code:"code"},(0,r.RP)(),t.components);return g||y("CH",!1),g.Code||y("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n","\n","\n",(0,n.jsx)(e.h1,{id:"langsmith",children:"LangSmith"}),"\n",(0,n.jsx)(e.p,{children:"LangSmith is a full-lifecycle DevOps service from LangChain that provides monitoring and observability. To integrate with Langflow, just add your LangChain API key as a Langflow environment variable and you are good to go!"}),"\n",(0,n.jsx)(e.h2,{id:"step-by-step-configuration",children:"Step-by-step Configuration"}),"\n",(0,n.jsxs)(e.ol,{children:["\n",(0,n.jsxs)(e.li,{children:["Obtain your LangChain API key from ",(0,n.jsx)(e.a,{href:"https://smith.langchain.com",children:"https://smith.langchain.com"})]}),"\n",(0,n.jsx)(e.li,{children:"Add the following keys to Langflow .env file:"}),"\n"]}),"\n",(0,n.jsx)(g.Code,{codeConfig:u,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"LANGCHAIN_API_KEY",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"your-api-key"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"LANGCHAIN_PROJECT",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"your-project-name"',props:{style:{color:"#A5D6FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,n.jsx)(e.p,{children:"or export the environment variables in your terminal:"}),"\n",(0,n.jsx)(g.Code,{codeConfig:u,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"export",props:{style:{color:"#FF7B72"}}},{content:" LANGCHAIN_API_KEY",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"your-api-key"',props:{style:{color:"#A5D6FF"}}}]},{tokens:[{content:"export",props:{style:{color:"#FF7B72"}}},{content:" LANGCHAIN_PROJECT",props:{style:{color:"#C9D1D9"}}},{content:"=",props:{style:{color:"#FF7B72"}}},{content:'"your-project-name"',props:{style:{color:"#A5D6FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,n.jsxs)(e.ol,{start:"3",children:["\n",(0,n.jsxs)(e.li,{children:["Restart Langflow using ",(0,n.jsx)(e.code,{children:"langflow run --env-file .env"})]}),"\n",(0,n.jsx)(e.li,{children:"Run any project and check the LangSmith dashboard for monitoring and observability."}),"\n"]}),"\n",(0,n.jsx)(s.A,{alt:"LangSmith Flow Example",sources:{light:(0,a.Ay)("img/langsmith-flow.png"),dark:(0,a.Ay)("img/langsmith-flow.png")},style:{width:"80%",margin:"20px auto"}}),"\n",(0,n.jsx)(s.A,{alt:"LangSmith Trace",sources:{light:(0,a.Ay)("img/langsmith-trace.png"),dark:(0,a.Ay)("img/langsmith-trace.png")},style:{width:"80%",margin:"20px auto"}})]})}const f=function(t={}){const{wrapper:e}=Object.assign({},(0,r.RP)(),t.components);return e?(0,n.jsx)(e,Object.assign({},t,{children:(0,n.jsx)(m,t)})):m(t)};function y(t,e){throw new Error("Expected "+(e?"component":"object")+" `"+t+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/assets/js/main.51c58117.js b/assets/js/main.51c58117.js deleted file mode 100644 index bdf27f804a..0000000000 --- a/assets/js/main.51c58117.js +++ /dev/null @@ -1,2 +0,0 @@ -/*! For license information please see main.51c58117.js.LICENSE.txt */ -(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[8792],{4148:(e,t,n)=>{"use strict";var r=n(5606),o=n(6763);function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}function i(e,t){for(var n=0;n1?n-1:0),o=1;o1?n-1:0),o=1;o1?n-1:0),o=1;o1?n-1:0),o=1;o{"use strict";var r=n(5606);function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function a(e){for(var t=1;te.length)&&(n=e.length),e.substring(n-t.length,n)===t}var w="",k="",x="",S="",_={deepStrictEqual:"Expected values to be strictly deep-equal:",strictEqual:"Expected values to be strictly equal:",strictEqualObject:'Expected "actual" to be reference-equal to "expected":',deepEqual:"Expected values to be loosely deep-equal:",equal:"Expected values to be loosely equal:",notDeepStrictEqual:'Expected "actual" not to be strictly deep-equal to:',notStrictEqual:'Expected "actual" to be strictly unequal to:',notStrictEqualObject:'Expected "actual" not to be reference-equal to "expected":',notDeepEqual:'Expected "actual" not to be loosely deep-equal to:',notEqual:'Expected "actual" to be loosely unequal to:',notIdentical:"Values identical but not reference-equal:"};function E(e){var t=Object.keys(e),n=Object.create(Object.getPrototypeOf(e));return t.forEach((function(t){n[t]=e[t]})),Object.defineProperty(n,"message",{value:e.message}),n}function C(e){return y(e,{compact:!1,customInspect:!1,depth:1e3,maxArrayLength:1/0,showHidden:!1,breakLength:1/0,showProxy:!1,sorted:!0,getters:!0})}function A(e,t,n){var o="",a="",i=0,s="",l=!1,c=C(e),u=c.split("\n"),p=C(t).split("\n"),d=0,f="";if("strictEqual"===n&&"object"===g(e)&&"object"===g(t)&&null!==e&&null!==t&&(n="strictEqualObject"),1===u.length&&1===p.length&&u[0]!==p[0]){var m=u[0].length+p[0].length;if(m<=10){if(!("object"===g(e)&&null!==e||"object"===g(t)&&null!==t||0===e&&0===t))return"".concat(_[n],"\n\n")+"".concat(u[0]," !== ").concat(p[0],"\n")}else if("strictEqualObject"!==n){if(m<(r.stderr&&r.stderr.isTTY?r.stderr.columns:80)){for(;u[0][d]===p[0][d];)d++;d>2&&(f="\n ".concat(function(e,t){if(t=Math.floor(t),0==e.length||0==t)return"";var n=e.length*t;for(t=Math.floor(Math.log(t)/Math.log(2));t;)e+=e,t--;return e+e.substring(0,n-e.length)}(" ",d),"^"),d=0)}}}for(var h=u[u.length-1],y=p[p.length-1];h===y&&(d++<2?s="\n ".concat(h).concat(s):o=h,u.pop(),p.pop(),0!==u.length&&0!==p.length);)h=u[u.length-1],y=p[p.length-1];var b=Math.max(u.length,p.length);if(0===b){var E=c.split("\n");if(E.length>30)for(E[26]="".concat(w,"...").concat(S);E.length>27;)E.pop();return"".concat(_.notIdentical,"\n\n").concat(E.join("\n"),"\n")}d>3&&(s="\n".concat(w,"...").concat(S).concat(s),l=!0),""!==o&&(s="\n ".concat(o).concat(s),o="");var A=0,O=_[n]+"\n".concat(k,"+ actual").concat(S," ").concat(x,"- expected").concat(S),T=" ".concat(w,"...").concat(S," Lines skipped");for(d=0;d1&&d>2&&(P>4?(a+="\n".concat(w,"...").concat(S),l=!0):P>3&&(a+="\n ".concat(p[d-2]),A++),a+="\n ".concat(p[d-1]),A++),i=d,o+="\n".concat(x,"-").concat(S," ").concat(p[d]),A++;else if(p.length1&&d>2&&(P>4?(a+="\n".concat(w,"...").concat(S),l=!0):P>3&&(a+="\n ".concat(u[d-2]),A++),a+="\n ".concat(u[d-1]),A++),i=d,a+="\n".concat(k,"+").concat(S," ").concat(u[d]),A++;else{var j=p[d],N=u[d],R=N!==j&&(!v(N,",")||N.slice(0,-1)!==j);R&&v(j,",")&&j.slice(0,-1)===N&&(R=!1,N+=","),R?(P>1&&d>2&&(P>4?(a+="\n".concat(w,"...").concat(S),l=!0):P>3&&(a+="\n ".concat(u[d-2]),A++),a+="\n ".concat(u[d-1]),A++),i=d,a+="\n".concat(k,"+").concat(S," ").concat(N),o+="\n".concat(x,"-").concat(S," ").concat(j),A+=2):(a+=o,o="",1!==P&&0!==d||(a+="\n ".concat(N),A++))}if(A>20&&d30)for(f[26]="".concat(w,"...").concat(S);f.length>27;)f.pop();t=1===f.length?d.call(this,"".concat(p," ").concat(f[0])):d.call(this,"".concat(p,"\n\n").concat(f.join("\n"),"\n"))}else{var m=C(i),h="",y=_[o];"notDeepEqual"===o||"notEqual"===o?(m="".concat(_[o],"\n\n").concat(m)).length>1024&&(m="".concat(m.slice(0,1021),"...")):(h="".concat(C(s)),m.length>512&&(m="".concat(m.slice(0,509),"...")),h.length>512&&(h="".concat(h.slice(0,509),"...")),"deepEqual"===o||"equal"===o?m="".concat(y,"\n\n").concat(m,"\n\nshould equal\n\n"):h=" ".concat(o," ").concat(h)),t=d.call(this,"".concat(m).concat(h))}return Error.stackTraceLimit=l,t.generatedMessage=!n,Object.defineProperty(u(t),"name",{value:"AssertionError [ERR_ASSERTION]",enumerable:!1,writable:!0,configurable:!0}),t.code="ERR_ASSERTION",t.actual=i,t.expected=s,t.operator=o,Error.captureStackTrace&&Error.captureStackTrace(u(t),a),t.stack,t.name="AssertionError",c(t)}return i=v,(l=[{key:"toString",value:function(){return"".concat(this.name," [").concat(this.code,"]: ").concat(this.message)}},{key:t,value:function(e,t){return y(this,a(a({},t),{},{customInspect:!1,depth:0}))}}])&&s(i.prototype,l),p&&s(i,p),Object.defineProperty(i,"prototype",{writable:!1}),v}(p(Error),y.custom);e.exports=O},9597:(e,t,n)=>{"use strict";function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}function o(e,t){for(var n=0;n2?"one of ".concat(t," ").concat(e.slice(0,n-1).join(", "),", or ")+e[n-1]:2===n?"one of ".concat(t," ").concat(e[0]," or ").concat(e[1]):"of ".concat(t," ").concat(e[0])}return"of ".concat(t," ").concat(String(e))}p("ERR_AMBIGUOUS_ARGUMENT",'The "%s" argument is ambiguous. %s',TypeError),p("ERR_INVALID_ARG_TYPE",(function(e,t,o){var a,i,s,c;if(void 0===l&&(l=n(4148)),l("string"==typeof e,"'name' must be a string"),"string"==typeof t&&(i="not ",t.substr(!s||s<0?0:+s,i.length)===i)?(a="must not be",t=t.replace(/^not /,"")):a="must be",function(e,t,n){return(void 0===n||n>e.length)&&(n=e.length),e.substring(n-t.length,n)===t}(e," argument"))c="The ".concat(e," ").concat(a," ").concat(d(t,"type"));else{var u=function(e,t,n){return"number"!=typeof n&&(n=0),!(n+t.length>e.length)&&-1!==e.indexOf(t,n)}(e,".")?"property":"argument";c='The "'.concat(e,'" ').concat(u," ").concat(a," ").concat(d(t,"type"))}return c+=". Received type ".concat(r(o))}),TypeError),p("ERR_INVALID_ARG_VALUE",(function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"is invalid";void 0===c&&(c=n(537));var o=c.inspect(t);return o.length>128&&(o="".concat(o.slice(0,128),"...")),"The argument '".concat(e,"' ").concat(r,". Received ").concat(o)}),TypeError,RangeError),p("ERR_INVALID_RETURN_VALUE",(function(e,t,n){var o;return o=n&&n.constructor&&n.constructor.name?"instance of ".concat(n.constructor.name):"type ".concat(r(n)),"Expected ".concat(e,' to be returned from the "').concat(t,'"')+" function but got ".concat(o,".")}),TypeError),p("ERR_MISSING_ARGS",(function(){for(var e=arguments.length,t=new Array(e),r=0;r0,"At least one arg needs to be specified");var o="The ",a=t.length;switch(t=t.map((function(e){return'"'.concat(e,'"')})),a){case 1:o+="".concat(t[0]," argument");break;case 2:o+="".concat(t[0]," and ").concat(t[1]," arguments");break;default:o+=t.slice(0,a-1).join(", "),o+=", and ".concat(t[a-1]," arguments")}return"".concat(o," must be specified")}),TypeError),e.exports.codes=u},2299:(e,t,n)=>{"use strict";function r(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a,i,s=[],l=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=a.call(n)).done)&&(s.push(r.value),s.length!==t);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw o}}return s}}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return o(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return o(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n10)return!0;for(var t=0;t57)return!0}return 10===e.length&&e>=Math.pow(2,32)}function R(e){return Object.keys(e).filter(N).concat(u(e).filter(Object.prototype.propertyIsEnumerable.bind(e)))}function L(e,t){if(e===t)return 0;for(var n=e.length,r=t.length,o=0,a=Math.min(n,r);o{"use strict";n.d(t,{A:()=>d});n(6540);var r=n(3259),o=n.n(r),a=n(4054);const i={"07ddd41e":[()=>Promise.all([n.e(1869),n.e(2014)]).then(n.bind(n,1542)),"@site/docs/components/loaders.mdx",1542],"0b76dbbf":[()=>Promise.all([n.e(1869),n.e(7736),n.e(448)]).then(n.bind(n,4871)),"@site/docs/components/text-and-record.mdx",4871],"0c5f9a85":[()=>Promise.all([n.e(1869),n.e(7736),n.e(9366)]).then(n.bind(n,6462)),"@site/docs/components/models.mdx",6462],"0d3805f2":[()=>Promise.all([n.e(1869),n.e(2911)]).then(n.bind(n,4001)),"@site/docs/components/retrievers.mdx",4001],"10dc9ad3":[()=>Promise.all([n.e(1869),n.e(7736),n.e(9414)]).then(n.bind(n,791)),"@site/docs/administration/login.mdx",791],"1220ddb3":[()=>Promise.all([n.e(1869),n.e(7736),n.e(541)]).then(n.bind(n,8600)),"@site/docs/administration/api.mdx",8600],13572337:[()=>Promise.all([n.e(1869),n.e(3324)]).then(n.bind(n,7006)),"@site/docs/components/memories.mdx",7006],"155c6abe":[()=>Promise.all([n.e(1869),n.e(7736),n.e(3837)]).then(n.bind(n,7647)),"@site/docs/integrations/notion/search.md",7647],"16cb8a22":[()=>Promise.all([n.e(1869),n.e(7736),n.e(2584)]).then(n.bind(n,5105)),"@site/docs/integrations/notion/page-create.md",5105],17896441:[()=>Promise.all([n.e(1869),n.e(2771),n.e(8401)]).then(n.bind(n,6365)),"@theme/DocItem",6365],"1f391b9e":[()=>Promise.all([n.e(1869),n.e(2771),n.e(6061)]).then(n.bind(n,7973)),"@theme/MDXPage",7973],"22dd74f7":[()=>n.e(1567).then(n.t.bind(n,5226,19)),"@generated/docusaurus-plugin-content-docs/default/p/index-466.json",5226],"2851112f":[()=>Promise.all([n.e(1869),n.e(7736),n.e(5761)]).then(n.bind(n,3411)),"@site/docs/deployment/docker.mdx",3411],"30d90be0":[()=>Promise.all([n.e(1869),n.e(7736),n.e(4558)]).then(n.bind(n,8674)),"@site/docs/starter-projects/blog-writer.mdx",8674],"35155c61":[()=>Promise.all([n.e(1869),n.e(5110)]).then(n.bind(n,2875)),"@site/docs/getting-started/quickstart.mdx",2875],37999849:[()=>n.e(2589).then(n.bind(n,2655)),"@site/docs/getting-started/new-to-llms.mdx",2655],39102146:[()=>Promise.all([n.e(1869),n.e(7736),n.e(3085)]).then(n.bind(n,6756)),"@site/docs/tutorials/chatprompttemplate_guide.mdx",6756],"393be207":[()=>n.e(4134).then(n.bind(n,1193)),"@site/src/pages/markdown-page.md",1193],"3b7cd930":[()=>Promise.all([n.e(1869),n.e(3554),n.e(870)]).then(n.bind(n,7266)),"@site/docs/examples/store-message.mdx",7266],"3ba2a8d4":[()=>Promise.all([n.e(1869),n.e(7736),n.e(7198)]).then(n.bind(n,7878)),"@site/docs/administration/cli.mdx",7878],"3ddacc95":[()=>Promise.all([n.e(1869),n.e(6311)]).then(n.bind(n,892)),"@site/docs/administration/prompt-customization.mdx",892],"3e2f20fa":[()=>n.e(9966).then(n.bind(n,605)),"@site/docs/whats-new/a-new-chapter-langflow.mdx",605],"3fe772c5":[()=>Promise.all([n.e(1869),n.e(3554),n.e(667)]).then(n.bind(n,1573)),"@site/docs/examples/text-operator.mdx",1573],"401abcde":[()=>Promise.all([n.e(1869),n.e(3554),n.e(1129)]).then(n.bind(n,7761)),"@site/docs/administration/playground.mdx",7761],44896735:[()=>Promise.all([n.e(1869),n.e(3683)]).then(n.bind(n,7177)),"@site/docs/components/toolkits.mdx",7177],"44eadeb7":[()=>Promise.all([n.e(1869),n.e(4137)]).then(n.bind(n,3267)),"@site/docs/contributing/telemetry.mdx",3267],"488c345a":[()=>Promise.all([n.e(1869),n.e(7255)]).then(n.bind(n,3997)),"@site/docs/administration/settings.mdx",3997],"4eafabd3":[()=>Promise.all([n.e(1869),n.e(7736),n.e(5833)]).then(n.bind(n,5248)),"@site/docs/deployment/backend-only.mdx",5248],"4edc808e":[()=>Promise.all([n.e(1869),n.e(308)]).then(n.bind(n,6267)),"@site/docs/index.mdx",6267],"4f5bab73":[()=>Promise.all([n.e(1869),n.e(7736),n.e(4395)]).then(n.bind(n,1694)),"@site/docs/integrations/notion/list-users.md",1694],"5671a98d":[()=>Promise.all([n.e(1869),n.e(2900)]).then(n.bind(n,3385)),"@site/docs/deployment/gcp-deployment.mdx",3385],"5899e963":[()=>Promise.all([n.e(1869),n.e(1473)]).then(n.bind(n,2331)),"@site/docs/migration/migrating-to-one-point-zero.mdx",2331],"5ba3a843":[()=>Promise.all([n.e(1869),n.e(7190)]).then(n.bind(n,4192)),"@site/docs/contributing/contribute-component.mdx",4192],"5e95c892":[()=>n.e(9647).then(n.bind(n,7121)),"@theme/DocsRoot",7121],"61f5b4a6":[()=>Promise.all([n.e(1869),n.e(4616)]).then(n.bind(n,8059)),"@site/docs/starter-projects/memory-chatbot.mdx",8059],"64615af5":[()=>Promise.all([n.e(1869),n.e(7736),n.e(3575)]).then(n.bind(n,2371)),"@site/docs/integrations/notion/page-content-viewer.md",2371],"661dd3b9":[()=>Promise.all([n.e(1869),n.e(7736),n.e(4468)]).then(n.bind(n,7836)),"@site/docs/starter-projects/vector-store-rag.mdx",7836],"767c2105":[()=>Promise.all([n.e(1869),n.e(2060)]).then(n.bind(n,6034)),"@site/docs/components/vector-stores.mdx",6034],"78e1a3fe":[()=>Promise.all([n.e(1869),n.e(8299)]).then(n.bind(n,847)),"@site/docs/administration/memories.mdx",847],"7b760bf1":[()=>Promise.all([n.e(1869),n.e(7736),n.e(3250)]).then(n.bind(n,6670)),"@site/docs/getting-started/install-langflow.mdx",6670],"7ce2fcfa":[()=>Promise.all([n.e(1869),n.e(7736),n.e(3554),n.e(9130)]).then(n.bind(n,2187)),"@site/docs/administration/chat-widget.mdx",2187],"80ef6df8":[()=>Promise.all([n.e(1869),n.e(7736),n.e(3554),n.e(8962)]).then(n.bind(n,3625)),"@site/docs/administration/global-env.mdx",3625],"83d5bde4":[()=>Promise.all([n.e(1869),n.e(3554),n.e(7368)]).then(n.bind(n,1441)),"@site/docs/examples/chat-memory.mdx",1441],"88c438de":[()=>Promise.all([n.e(1869),n.e(7736),n.e(8914)]).then(n.bind(n,3158)),"@site/docs/components/inputs-and-outputs.mdx",3158],"8ab63353":[()=>Promise.all([n.e(1869),n.e(7736),n.e(5916)]).then(n.bind(n,5364)),"@site/docs/components/model_specs.mdx",5364],"8e3f8f79":[()=>Promise.all([n.e(1869),n.e(7736),n.e(2143)]).then(n.bind(n,2531)),"@site/docs/getting-started/possible-installation-issues.mdx",2531],"8eb611e5":[()=>Promise.all([n.e(1869),n.e(3554),n.e(310)]).then(n.bind(n,1968)),"@site/docs/examples/pass.mdx",1968],"8f78125b":[()=>Promise.all([n.e(1869),n.e(9740)]).then(n.bind(n,9799)),"@site/docs/administration/logs.mdx",9799],"9999b0cd":[()=>Promise.all([n.e(1869),n.e(3554),n.e(4116)]).then(n.bind(n,7716)),"@site/docs/examples/sub-flow.mdx",7716],"99bf5e5a":[()=>Promise.all([n.e(1869),n.e(6257)]).then(n.bind(n,2198)),"@site/docs/components/embeddings.mdx",2198],"9f23f473":[()=>Promise.all([n.e(1869),n.e(7736),n.e(7123)]).then(n.bind(n,2872)),"@site/docs/integrations/notion/page-update.md",2872],a1fb5c6c:[()=>Promise.all([n.e(1869),n.e(2444)]).then(n.bind(n,7310)),"@site/docs/integrations/notion/setup.md",7310],a263b7c0:[()=>Promise.all([n.e(1869),n.e(8615)]).then(n.bind(n,7906)),"@site/docs/components/chains.mdx",7906],a7456010:[()=>n.e(1235).then(n.t.bind(n,8552,19)),"@generated/docusaurus-plugin-content-pages/default/__plugin.json",8552],a7bd4aaa:[()=>n.e(7098).then(n.bind(n,4532)),"@theme/DocVersionRoot",4532],a94703ab:[()=>Promise.all([n.e(1869),n.e(9048)]).then(n.bind(n,2559)),"@theme/DocRoot",2559],a9b8ddbf:[()=>Promise.all([n.e(1869),n.e(7736),n.e(5971)]).then(n.bind(n,9851)),"@site/docs/tutorials/custom_components.mdx",9851],aba21aa0:[()=>n.e(5742).then(n.t.bind(n,7093,19)),"@generated/docusaurus-plugin-content-docs/default/__plugin.json",7093],b175c02a:[()=>Promise.all([n.e(1869),n.e(5662)]).then(n.bind(n,6057)),"@site/docs/contributing/community.mdx",6057],b7466e5a:[()=>Promise.all([n.e(1869),n.e(7736),n.e(25)]).then(n.bind(n,5751)),"@site/docs/integrations/notion/list-database-properties.md",5751],bbc1c28c:[()=>Promise.all([n.e(1869),n.e(7736),n.e(8991)]).then(n.bind(n,2614)),"@site/docs/contributing/how-contribute.mdx",2614],c5150855:[()=>Promise.all([n.e(1869),n.e(7736),n.e(3554),n.e(2263)]).then(n.bind(n,649)),"@site/docs/getting-started/workspace.mdx",649],c8f417e0:[()=>Promise.all([n.e(1869),n.e(6031)]).then(n.bind(n,9706)),"@site/docs/components/utilities.mdx",9706],caf13020:[()=>Promise.all([n.e(1869),n.e(8703)]).then(n.bind(n,3993)),"@site/docs/starter-projects/basic-prompting.mdx",3993],cdfe9fae:[()=>Promise.all([n.e(1869),n.e(7736),n.e(1494)]).then(n.bind(n,8010)),"@site/docs/integrations/notion/add-content-to-page.md",8010],cf4c24fc:[()=>Promise.all([n.e(1869),n.e(9168)]).then(n.bind(n,4275)),"@site/docs/tutorials/loading_document.mdx",4275],d018f77e:[()=>Promise.all([n.e(1869),n.e(7736),n.e(9973)]).then(n.bind(n,7876)),"@site/docs/starter-projects/document-qa.mdx",7876],d0c97127:[()=>Promise.all([n.e(1869),n.e(3554),n.e(3794)]).then(n.bind(n,9730)),"@site/docs/examples/combine-text.mdx",9730],d2816040:[()=>Promise.all([n.e(1869),n.e(2758)]).then(n.bind(n,9573)),"@site/docs/components/helpers.mdx",9573],d3ee982f:[()=>Promise.all([n.e(1869),n.e(6817)]).then(n.bind(n,3954)),"@site/docs/tutorials/rag-with-astradb.mdx",3954],d763e754:[()=>Promise.all([n.e(1869),n.e(8758)]).then(n.bind(n,430)),"@site/docs/components/text-splitters.mdx",430],d8ea57d0:[()=>Promise.all([n.e(1869),n.e(6973)]).then(n.bind(n,2306)),"@site/docs/components/experimental.mdx",2306],d9046959:[()=>Promise.all([n.e(1869),n.e(7527)]).then(n.bind(n,1951)),"@site/docs/components/tools.mdx",1951],dbc18341:[()=>Promise.all([n.e(1869),n.e(7736),n.e(9887)]).then(n.bind(n,251)),"@site/docs/deployment/kubernetes.mdx",251],dc753f6c:[()=>Promise.all([n.e(1869),n.e(7736),n.e(4930)]).then(n.bind(n,6361)),"@site/docs/components/custom.mdx",6361],e1fd28b8:[()=>Promise.all([n.e(1869),n.e(3554),n.e(6051)]).then(n.bind(n,7844)),"@site/docs/administration/collections-projects.mdx",7844],e6a76a83:[()=>Promise.all([n.e(1869),n.e(3554),n.e(3558)]).then(n.bind(n,5593)),"@site/docs/examples/create-record.mdx",5593],eeb48f97:[()=>Promise.all([n.e(1869),n.e(5869)]).then(n.bind(n,5942)),"@site/docs/migration/compatibility.mdx",5942],f3261944:[()=>Promise.all([n.e(1869),n.e(4612)]).then(n.bind(n,744)),"@site/docs/components/data.mdx",744],f60effff:[()=>Promise.all([n.e(1869),n.e(7736),n.e(954)]).then(n.bind(n,594)),"@site/docs/integrations/notion/list-pages.md",594],f714a29d:[()=>Promise.all([n.e(1869),n.e(8383)]).then(n.bind(n,5826)),"@site/docs/components/agents.mdx",5826],f778864f:[()=>Promise.all([n.e(1869),n.e(5027)]).then(n.bind(n,2621)),"@site/docs/integrations/notion/intro.md",2621],f81bc1e9:[()=>Promise.all([n.e(1869),n.e(1562)]).then(n.bind(n,1844)),"@site/docs/contributing/github-issues.mdx",1844],fad3d603:[()=>Promise.all([n.e(1869),n.e(7736),n.e(3022)]).then(n.bind(n,9845)),"@site/docs/integrations/langsmith/intro.mdx",9845]};var s=n(4848);function l(e){let{error:t,retry:n,pastDelay:r}=e;return t?(0,s.jsxs)("div",{style:{textAlign:"center",color:"#fff",backgroundColor:"#fa383e",borderColor:"#fa383e",borderStyle:"solid",borderRadius:"0.25rem",borderWidth:"1px",boxSizing:"border-box",display:"block",padding:"1rem",flex:"0 0 50%",marginLeft:"25%",marginRight:"25%",marginTop:"5rem",maxWidth:"50%",width:"100%"},children:[(0,s.jsx)("p",{children:String(t)}),(0,s.jsx)("div",{children:(0,s.jsx)("button",{type:"button",onClick:n,children:"Retry"})})]}):r?(0,s.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh"},children:(0,s.jsx)("svg",{id:"loader",style:{width:128,height:110,position:"absolute",top:"calc(100vh - 64%)"},viewBox:"0 0 45 45",xmlns:"http://www.w3.org/2000/svg",stroke:"#61dafb",children:(0,s.jsxs)("g",{fill:"none",fillRule:"evenodd",transform:"translate(1 1)",strokeWidth:"2",children:[(0,s.jsxs)("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0",children:[(0,s.jsx)("animate",{attributeName:"r",begin:"1.5s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-opacity",begin:"1.5s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-width",begin:"1.5s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})]}),(0,s.jsxs)("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0",children:[(0,s.jsx)("animate",{attributeName:"r",begin:"3s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-opacity",begin:"3s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-width",begin:"3s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})]}),(0,s.jsx)("circle",{cx:"22",cy:"22",r:"8",children:(0,s.jsx)("animate",{attributeName:"r",begin:"0s",dur:"1.5s",values:"6;1;2;3;4;5;6",calcMode:"linear",repeatCount:"indefinite"})})]})})}):null}var c=n(6921),u=n(3102);function p(e,t){if("*"===e)return o()({loading:l,loader:()=>n.e(2237).then(n.bind(n,2237)),modules:["@theme/NotFound"],webpack:()=>[2237],render(e,t){const n=e.default;return(0,s.jsx)(u.W,{value:{plugin:{name:"native",id:"default"}},children:(0,s.jsx)(n,{...t})})}});const r=a[`${e}-${t}`],p={},d=[],f=[],m=(0,c.A)(r);return Object.entries(m).forEach((e=>{let[t,n]=e;const r=i[n];r&&(p[t]=r[0],d.push(r[1]),f.push(r[2]))})),o().Map({loading:l,loader:p,modules:d,webpack:()=>f,render(t,n){const o=JSON.parse(JSON.stringify(r));Object.entries(t).forEach((t=>{let[n,r]=t;const a=r.default;if(!a)throw new Error(`The page component at ${e} doesn't have a default export. This makes it impossible to render anything. Consider default-exporting a React component.`);"object"!=typeof a&&"function"!=typeof a||Object.keys(r).filter((e=>"default"!==e)).forEach((e=>{a[e]=r[e]}));let i=o;const s=n.split(".");s.slice(0,-1).forEach((e=>{i=i[e]})),i[s[s.length-1]]=a}));const a=o.__comp;delete o.__comp;const i=o.__context;delete o.__context;const l=o.__props;return delete o.__props,(0,s.jsx)(u.W,{value:i,children:(0,s.jsx)(a,{...o,...l,...n})})}})}const d=[{path:"/markdown-page",component:p("/markdown-page","3d7"),exact:!0},{path:"/",component:p("/","56c"),routes:[{path:"/",component:p("/","a9b"),routes:[{path:"/",component:p("/","3dc"),routes:[{path:"/administration/api",component:p("/administration/api","a01"),exact:!0,sidebar:"docs"},{path:"/administration/chat-widget",component:p("/administration/chat-widget","b53"),exact:!0,sidebar:"docs"},{path:"/administration/cli",component:p("/administration/cli","b0b"),exact:!0,sidebar:"docs"},{path:"/administration/collections-projects",component:p("/administration/collections-projects","7c4"),exact:!0,sidebar:"docs"},{path:"/administration/global-env",component:p("/administration/global-env","453"),exact:!0,sidebar:"docs"},{path:"/administration/login",component:p("/administration/login","b9d"),exact:!0,sidebar:"docs"},{path:"/administration/logs",component:p("/administration/logs","92e"),exact:!0,sidebar:"docs"},{path:"/administration/memories",component:p("/administration/memories","2ef"),exact:!0,sidebar:"docs"},{path:"/administration/playground",component:p("/administration/playground","1a2"),exact:!0,sidebar:"docs"},{path:"/administration/prompt-customization",component:p("/administration/prompt-customization","6ff"),exact:!0},{path:"/administration/settings",component:p("/administration/settings","600"),exact:!0,sidebar:"docs"},{path:"/components/agents",component:p("/components/agents","df9"),exact:!0},{path:"/components/chains",component:p("/components/chains","aca"),exact:!0},{path:"/components/custom",component:p("/components/custom","994"),exact:!0,sidebar:"docs"},{path:"/components/data",component:p("/components/data","842"),exact:!0,sidebar:"docs"},{path:"/components/embeddings",component:p("/components/embeddings","93d"),exact:!0,sidebar:"docs"},{path:"/components/experimental",component:p("/components/experimental","3eb"),exact:!0},{path:"/components/helpers",component:p("/components/helpers","c07"),exact:!0,sidebar:"docs"},{path:"/components/inputs-and-outputs",component:p("/components/inputs-and-outputs","243"),exact:!0,sidebar:"docs"},{path:"/components/loaders",component:p("/components/loaders","a16"),exact:!0},{path:"/components/memories",component:p("/components/memories","70a"),exact:!0},{path:"/components/model_specs",component:p("/components/model_specs","169"),exact:!0},{path:"/components/models",component:p("/components/models","a96"),exact:!0,sidebar:"docs"},{path:"/components/retrievers",component:p("/components/retrievers","c1f"),exact:!0},{path:"/components/text-and-record",component:p("/components/text-and-record","9f5"),exact:!0,sidebar:"docs"},{path:"/components/text-splitters",component:p("/components/text-splitters","230"),exact:!0},{path:"/components/toolkits",component:p("/components/toolkits","0ac"),exact:!0},{path:"/components/tools",component:p("/components/tools","9e9"),exact:!0},{path:"/components/utilities",component:p("/components/utilities","07a"),exact:!0},{path:"/components/vector-stores",component:p("/components/vector-stores","1b1"),exact:!0,sidebar:"docs"},{path:"/contributing/community",component:p("/contributing/community","b2e"),exact:!0,sidebar:"docs"},{path:"/contributing/contribute-component",component:p("/contributing/contribute-component","2c5"),exact:!0,sidebar:"docs"},{path:"/contributing/github-issues",component:p("/contributing/github-issues","12a"),exact:!0,sidebar:"docs"},{path:"/contributing/how-contribute",component:p("/contributing/how-contribute","67e"),exact:!0,sidebar:"docs"},{path:"/contributing/telemetry",component:p("/contributing/telemetry","f20"),exact:!0,sidebar:"docs"},{path:"/deployment/backend-only",component:p("/deployment/backend-only","f07"),exact:!0,sidebar:"docs"},{path:"/deployment/docker",component:p("/deployment/docker","d5e"),exact:!0,sidebar:"docs"},{path:"/deployment/gcp-deployment",component:p("/deployment/gcp-deployment","32b"),exact:!0,sidebar:"docs"},{path:"/deployment/kubernetes",component:p("/deployment/kubernetes","9d5"),exact:!0,sidebar:"docs"},{path:"/examples/chat-memory",component:p("/examples/chat-memory","85b"),exact:!0},{path:"/examples/combine-text",component:p("/examples/combine-text","c0c"),exact:!0},{path:"/examples/create-record",component:p("/examples/create-record","1ce"),exact:!0},{path:"/examples/pass",component:p("/examples/pass","a9c"),exact:!0},{path:"/examples/store-message",component:p("/examples/store-message","2c6"),exact:!0},{path:"/examples/sub-flow",component:p("/examples/sub-flow","0ed"),exact:!0},{path:"/examples/text-operator",component:p("/examples/text-operator","acb"),exact:!0},{path:"/getting-started/install-langflow",component:p("/getting-started/install-langflow","0f2"),exact:!0,sidebar:"docs"},{path:"/getting-started/new-to-llms",component:p("/getting-started/new-to-llms","882"),exact:!0,sidebar:"docs"},{path:"/getting-started/possible-installation-issues",component:p("/getting-started/possible-installation-issues","c8b"),exact:!0,sidebar:"docs"},{path:"/getting-started/quickstart",component:p("/getting-started/quickstart","ace"),exact:!0,sidebar:"docs"},{path:"/getting-started/workspace",component:p("/getting-started/workspace","7a9"),exact:!0,sidebar:"docs"},{path:"/integrations/langsmith/intro",component:p("/integrations/langsmith/intro","1e3"),exact:!0,sidebar:"docs"},{path:"/integrations/notion/add-content-to-page",component:p("/integrations/notion/add-content-to-page","246"),exact:!0,sidebar:"docs"},{path:"/integrations/notion/intro",component:p("/integrations/notion/intro","142"),exact:!0,sidebar:"docs"},{path:"/integrations/notion/list-database-properties",component:p("/integrations/notion/list-database-properties","861"),exact:!0,sidebar:"docs"},{path:"/integrations/notion/list-pages",component:p("/integrations/notion/list-pages","8a9"),exact:!0,sidebar:"docs"},{path:"/integrations/notion/list-users",component:p("/integrations/notion/list-users","9e1"),exact:!0,sidebar:"docs"},{path:"/integrations/notion/page-content-viewer",component:p("/integrations/notion/page-content-viewer","ef6"),exact:!0,sidebar:"docs"},{path:"/integrations/notion/page-create",component:p("/integrations/notion/page-create","ec5"),exact:!0,sidebar:"docs"},{path:"/integrations/notion/page-update",component:p("/integrations/notion/page-update","023"),exact:!0,sidebar:"docs"},{path:"/integrations/notion/search",component:p("/integrations/notion/search","534"),exact:!0,sidebar:"docs"},{path:"/integrations/notion/setup",component:p("/integrations/notion/setup","724"),exact:!0,sidebar:"docs"},{path:"/migration/compatibility",component:p("/migration/compatibility","d0b"),exact:!0},{path:"/migration/migrating-to-one-point-zero",component:p("/migration/migrating-to-one-point-zero","79e"),exact:!0},{path:"/starter-projects/basic-prompting",component:p("/starter-projects/basic-prompting","201"),exact:!0,sidebar:"docs"},{path:"/starter-projects/blog-writer",component:p("/starter-projects/blog-writer","d6a"),exact:!0,sidebar:"docs"},{path:"/starter-projects/document-qa",component:p("/starter-projects/document-qa","b53"),exact:!0,sidebar:"docs"},{path:"/starter-projects/memory-chatbot",component:p("/starter-projects/memory-chatbot","421"),exact:!0,sidebar:"docs"},{path:"/starter-projects/vector-store-rag",component:p("/starter-projects/vector-store-rag","bb8"),exact:!0,sidebar:"docs"},{path:"/tutorials/chatprompttemplate_guide",component:p("/tutorials/chatprompttemplate_guide","9fc"),exact:!0,sidebar:"docs"},{path:"/tutorials/custom_components",component:p("/tutorials/custom_components","22f"),exact:!0,sidebar:"docs"},{path:"/tutorials/loading_document",component:p("/tutorials/loading_document","db7"),exact:!0,sidebar:"docs"},{path:"/tutorials/rag-with-astradb",component:p("/tutorials/rag-with-astradb","bfb"),exact:!0,sidebar:"docs"},{path:"/whats-new/a-new-chapter-langflow",component:p("/whats-new/a-new-chapter-langflow","c53"),exact:!0,sidebar:"docs"},{path:"/",component:p("/","c23"),exact:!0,sidebar:"docs"}]}]}]},{path:"*",component:p("*")}]},6125:(e,t,n)=>{"use strict";n.d(t,{o:()=>a,x:()=>i});var r=n(6540),o=n(4848);const a=r.createContext(!1);function i(e){let{children:t}=e;const[n,i]=(0,r.useState)(!1);return(0,r.useEffect)((()=>{i(!0)}),[]),(0,o.jsx)(a.Provider,{value:n,children:t})}},8536:(e,t,n)=>{"use strict";var r=n(6540),o=n(5338),a=n(545),i=n(4625),s=n(4784),l=n(8193);const c=[n(1911),n(119),n(6134),n(6294),n(641),n(1043),n(1609)];var u=n(8328),p=n(6347),d=n(2831),f=n(4848);function m(e){let{children:t}=e;return(0,f.jsx)(f.Fragment,{children:t})}var h=n(5260),g=n(4586),y=n(6025),b=n(6342),v=n(1003),w=n(2131),k=n(4090),x=n(2967),S=n(440),_=n(1463);function E(){const{i18n:{currentLocale:e,defaultLocale:t,localeConfigs:n}}=(0,g.A)(),r=(0,w.o)(),o=n[e].htmlLang,a=e=>e.replace("-","_");return(0,f.jsxs)(h.A,{children:[Object.entries(n).map((e=>{let[t,{htmlLang:n}]=e;return(0,f.jsx)("link",{rel:"alternate",href:r.createUrl({locale:t,fullyQualified:!0}),hrefLang:n},t)})),(0,f.jsx)("link",{rel:"alternate",href:r.createUrl({locale:t,fullyQualified:!0}),hrefLang:"x-default"}),(0,f.jsx)("meta",{property:"og:locale",content:a(o)}),Object.values(n).filter((e=>o!==e.htmlLang)).map((e=>(0,f.jsx)("meta",{property:"og:locale:alternate",content:a(e.htmlLang)},`meta-og-${e.htmlLang}`)))]})}function C(e){let{permalink:t}=e;const{siteConfig:{url:n}}=(0,g.A)(),r=function(){const{siteConfig:{url:e,baseUrl:t,trailingSlash:n}}=(0,g.A)(),{pathname:r}=(0,p.zy)();return e+(0,S.applyTrailingSlash)((0,y.Ay)(r),{trailingSlash:n,baseUrl:t})}(),o=t?`${n}${t}`:r;return(0,f.jsxs)(h.A,{children:[(0,f.jsx)("meta",{property:"og:url",content:o}),(0,f.jsx)("link",{rel:"canonical",href:o})]})}function A(){const{i18n:{currentLocale:e}}=(0,g.A)(),{metadata:t,image:n}=(0,b.p)();return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(h.A,{children:[(0,f.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,f.jsx)("body",{className:k.w})]}),n&&(0,f.jsx)(v.be,{image:n}),(0,f.jsx)(C,{}),(0,f.jsx)(E,{}),(0,f.jsx)(_.A,{tag:x.Cy,locale:e}),(0,f.jsx)(h.A,{children:t.map(((e,t)=>(0,f.jsx)("meta",{...e},t)))})]})}const O=new Map;var T=n(6125),P=n(6988),j=n(205);function N(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r{const r=t.default?.[e]??t[e];return r?.(...n)}));return()=>o.forEach((e=>e?.()))}const R=function(e){let{children:t,location:n,previousLocation:r}=e;return(0,j.A)((()=>{r!==n&&(!function(e){let{location:t,previousLocation:n}=e;if(!n)return;const r=t.pathname===n.pathname,o=t.hash===n.hash,a=t.search===n.search;if(r&&o&&!a)return;const{hash:i}=t;if(i){const e=decodeURIComponent(i.substring(1)),t=document.getElementById(e);t?.scrollIntoView()}else window.scrollTo(0,0)}({location:n,previousLocation:r}),N("onRouteDidUpdate",{previousLocation:r,location:n}))}),[r,n]),t};function L(e){const t=Array.from(new Set([e,decodeURI(e)])).map((e=>(0,d.u)(u.A,e))).flat();return Promise.all(t.map((e=>e.route.component.preload?.())))}var I=n(6763);class F extends r.Component{previousLocation;routeUpdateCleanupCb;constructor(e){super(e),this.previousLocation=null,this.routeUpdateCleanupCb=l.A.canUseDOM?N("onRouteUpdate",{previousLocation:null,location:this.props.location}):()=>{},this.state={nextRouteHasLoaded:!0}}shouldComponentUpdate(e,t){if(e.location===this.props.location)return t.nextRouteHasLoaded;const n=e.location;return this.previousLocation=this.props.location,this.setState({nextRouteHasLoaded:!1}),this.routeUpdateCleanupCb=N("onRouteUpdate",{previousLocation:this.previousLocation,location:n}),L(n.pathname).then((()=>{this.routeUpdateCleanupCb(),this.setState({nextRouteHasLoaded:!0})})).catch((e=>{I.warn(e),window.location.reload()})),!1}render(){const{children:e,location:t}=this.props;return(0,f.jsx)(R,{previousLocation:this.previousLocation,location:t,children:(0,f.jsx)(p.qh,{location:t,render:()=>e})})}}const D=F,M="__docusaurus-base-url-issue-banner-container",z="__docusaurus-base-url-issue-banner",B="__docusaurus-base-url-issue-banner-suggestion-container";function $(e){return`\ndocument.addEventListener('DOMContentLoaded', function maybeInsertBanner() {\n var shouldInsert = typeof window['docusaurus'] === 'undefined';\n shouldInsert && insertBanner();\n});\n\nfunction insertBanner() {\n var bannerContainer = document.createElement('div');\n bannerContainer.id = '${M}';\n var bannerHtml = ${JSON.stringify(function(e){return`\n
\n

Your Docusaurus site did not load properly.

\n

A very common reason is a wrong site baseUrl configuration.

\n

Current configured baseUrl = ${e} ${"/"===e?" (default value)":""}

\n

We suggest trying baseUrl =

\n
\n`}(e)).replace(/{let{route:t}=e;return!0===t.exact})))return O.set(e.pathname,e.pathname),e;const t=e.pathname.trim().replace(/(?:\/index)?\.html$/,"")||"/";return O.set(e.pathname,t),{...e,pathname:t}}((0,p.zy)());return(0,f.jsx)(D,{location:e,children:Y})}function Q(){return(0,f.jsx)(V.A,{children:(0,f.jsx)(P.l,{children:(0,f.jsxs)(T.x,{children:[(0,f.jsxs)(m,{children:[(0,f.jsx)(H,{}),(0,f.jsx)(A,{}),(0,f.jsx)(U,{}),(0,f.jsx)(K,{})]}),(0,f.jsx)(W,{})]})})})}var X=n(4054);const Z=function(e){try{return document.createElement("link").relList.supports(e)}catch{return!1}}("prefetch")?function(e){return new Promise(((t,n)=>{if("undefined"==typeof document)return void n();const r=document.createElement("link");r.setAttribute("rel","prefetch"),r.setAttribute("href",e),r.onload=()=>t(),r.onerror=()=>n();const o=document.getElementsByTagName("head")[0]??document.getElementsByName("script")[0]?.parentNode;o?.appendChild(r)}))}:function(e){return new Promise(((t,n)=>{const r=new XMLHttpRequest;r.open("GET",e,!0),r.withCredentials=!0,r.onload=()=>{200===r.status?t():n()},r.send(null)}))};var J=n(6921);const ee=new Set,te=new Set,ne=()=>navigator.connection?.effectiveType.includes("2g")||navigator.connection?.saveData,re={prefetch:e=>{if(!(e=>!ne()&&!te.has(e)&&!ee.has(e))(e))return!1;ee.add(e);const t=(0,d.u)(u.A,e).flatMap((e=>{return t=e.route.path,Object.entries(X).filter((e=>{let[n]=e;return n.replace(/-[^-]+$/,"")===t})).flatMap((e=>{let[,t]=e;return Object.values((0,J.A)(t))}));var t}));return Promise.all(t.map((e=>{const t=n.gca(e);return t&&!t.includes("undefined")?Z(t).catch((()=>{})):Promise.resolve()})))},preload:e=>!!(e=>!ne()&&!te.has(e))(e)&&(te.add(e),L(e))},oe=Object.freeze(re);var ae=n(6763);function ie(e){let{children:t}=e;return"hash"===s.default.future.experimental_router?(0,f.jsx)(i.I9,{children:t}):(0,f.jsx)(i.Kd,{children:t})}const se=Boolean(!0);if(l.A.canUseDOM){window.docusaurus=oe;const e=document.getElementById("__docusaurus"),t=(0,f.jsx)(a.vd,{children:(0,f.jsx)(ie,{children:(0,f.jsx)(Q,{})})}),n=(e,t)=>{ae.error("Docusaurus React Root onRecoverableError:",e,t)},i=()=>{if(window.docusaurusRoot)window.docusaurusRoot.render(t);else if(se)window.docusaurusRoot=o.hydrateRoot(e,t,{onRecoverableError:n});else{const r=o.createRoot(e,{onRecoverableError:n});r.render(t),window.docusaurusRoot=r}};L(window.location.pathname).then((()=>{(0,r.startTransition)(i)}))}},6988:(e,t,n)=>{"use strict";n.d(t,{o:()=>p,l:()=>d});var r=n(6540),o=n(4784);const a=JSON.parse('{"docusaurus-plugin-content-docs":{"default":{"path":"/","versions":[{"name":"current","label":"Next","isLast":true,"path":"/","mainDocId":"index","docs":[{"id":"administration/api","path":"/administration/api","sidebar":"docs"},{"id":"administration/chat-widget","path":"/administration/chat-widget","sidebar":"docs"},{"id":"administration/cli","path":"/administration/cli","sidebar":"docs"},{"id":"administration/collections-projects","path":"/administration/collections-projects","sidebar":"docs"},{"id":"administration/global-env","path":"/administration/global-env","sidebar":"docs"},{"id":"administration/login","path":"/administration/login","sidebar":"docs"},{"id":"administration/logs","path":"/administration/logs","sidebar":"docs"},{"id":"administration/memories","path":"/administration/memories","sidebar":"docs"},{"id":"administration/playground","path":"/administration/playground","sidebar":"docs"},{"id":"administration/prompt-customization","path":"/administration/prompt-customization"},{"id":"administration/settings","path":"/administration/settings","sidebar":"docs"},{"id":"components/agents","path":"/components/agents"},{"id":"components/chains","path":"/components/chains"},{"id":"components/custom","path":"/components/custom","sidebar":"docs"},{"id":"components/data","path":"/components/data","sidebar":"docs"},{"id":"components/embeddings","path":"/components/embeddings","sidebar":"docs"},{"id":"components/experimental","path":"/components/experimental"},{"id":"components/helpers","path":"/components/helpers","sidebar":"docs"},{"id":"components/inputs-and-outputs","path":"/components/inputs-and-outputs","sidebar":"docs"},{"id":"components/loaders","path":"/components/loaders"},{"id":"components/memories","path":"/components/memories"},{"id":"components/model_specs","path":"/components/model_specs"},{"id":"components/models","path":"/components/models","sidebar":"docs"},{"id":"components/retrievers","path":"/components/retrievers"},{"id":"components/text-and-record","path":"/components/text-and-record","sidebar":"docs"},{"id":"components/text-splitters","path":"/components/text-splitters"},{"id":"components/toolkits","path":"/components/toolkits"},{"id":"components/tools","path":"/components/tools"},{"id":"components/utilities","path":"/components/utilities"},{"id":"components/vector-stores","path":"/components/vector-stores","sidebar":"docs"},{"id":"contributing/community","path":"/contributing/community","sidebar":"docs"},{"id":"contributing/contribute-component","path":"/contributing/contribute-component","sidebar":"docs"},{"id":"contributing/github-issues","path":"/contributing/github-issues","sidebar":"docs"},{"id":"contributing/how-contribute","path":"/contributing/how-contribute","sidebar":"docs"},{"id":"contributing/telemetry","path":"/contributing/telemetry","sidebar":"docs"},{"id":"deployment/backend-only","path":"/deployment/backend-only","sidebar":"docs"},{"id":"deployment/docker","path":"/deployment/docker","sidebar":"docs"},{"id":"deployment/gcp-deployment","path":"/deployment/gcp-deployment","sidebar":"docs"},{"id":"deployment/kubernetes","path":"/deployment/kubernetes","sidebar":"docs"},{"id":"examples/chat-memory","path":"/examples/chat-memory"},{"id":"examples/combine-text","path":"/examples/combine-text"},{"id":"examples/create-record","path":"/examples/create-record"},{"id":"examples/pass","path":"/examples/pass"},{"id":"examples/store-message","path":"/examples/store-message"},{"id":"examples/sub-flow","path":"/examples/sub-flow"},{"id":"examples/text-operator","path":"/examples/text-operator"},{"id":"getting-started/install-langflow","path":"/getting-started/install-langflow","sidebar":"docs"},{"id":"getting-started/new-to-llms","path":"/getting-started/new-to-llms","sidebar":"docs"},{"id":"getting-started/possible-installation-issues","path":"/getting-started/possible-installation-issues","sidebar":"docs"},{"id":"getting-started/quickstart","path":"/getting-started/quickstart","sidebar":"docs"},{"id":"getting-started/workspace","path":"/getting-started/workspace","sidebar":"docs"},{"id":"index","path":"/","sidebar":"docs"},{"id":"integrations/langsmith/intro","path":"/integrations/langsmith/intro","sidebar":"docs"},{"id":"integrations/notion/add-content-to-page","path":"/integrations/notion/add-content-to-page","sidebar":"docs"},{"id":"integrations/notion/intro","path":"/integrations/notion/intro","sidebar":"docs"},{"id":"integrations/notion/list-database-properties","path":"/integrations/notion/list-database-properties","sidebar":"docs"},{"id":"integrations/notion/list-pages","path":"/integrations/notion/list-pages","sidebar":"docs"},{"id":"integrations/notion/list-users","path":"/integrations/notion/list-users","sidebar":"docs"},{"id":"integrations/notion/page-content-viewer","path":"/integrations/notion/page-content-viewer","sidebar":"docs"},{"id":"integrations/notion/page-create","path":"/integrations/notion/page-create","sidebar":"docs"},{"id":"integrations/notion/page-update","path":"/integrations/notion/page-update","sidebar":"docs"},{"id":"integrations/notion/search","path":"/integrations/notion/search","sidebar":"docs"},{"id":"integrations/notion/setup","path":"/integrations/notion/setup","sidebar":"docs"},{"id":"migration/compatibility","path":"/migration/compatibility"},{"id":"migration/migrating-to-one-point-zero","path":"/migration/migrating-to-one-point-zero"},{"id":"starter-projects/basic-prompting","path":"/starter-projects/basic-prompting","sidebar":"docs"},{"id":"starter-projects/blog-writer","path":"/starter-projects/blog-writer","sidebar":"docs"},{"id":"starter-projects/document-qa","path":"/starter-projects/document-qa","sidebar":"docs"},{"id":"starter-projects/memory-chatbot","path":"/starter-projects/memory-chatbot","sidebar":"docs"},{"id":"starter-projects/vector-store-rag","path":"/starter-projects/vector-store-rag","sidebar":"docs"},{"id":"tutorials/chatprompttemplate_guide","path":"/tutorials/chatprompttemplate_guide","sidebar":"docs"},{"id":"tutorials/custom_components","path":"/tutorials/custom_components","sidebar":"docs"},{"id":"tutorials/loading_document","path":"/tutorials/loading_document","sidebar":"docs"},{"id":"tutorials/rag-with-astradb","path":"/tutorials/rag-with-astradb","sidebar":"docs"},{"id":"whats-new/a-new-chapter-langflow","path":"/whats-new/a-new-chapter-langflow","sidebar":"docs"}],"draftIds":[],"sidebars":{"docs":{"link":{"path":"/whats-new/a-new-chapter-langflow","label":"whats-new/a-new-chapter-langflow"}}}}],"breadcrumbs":true}},"docusaurus-plugin-google-gtag":{"default":{"trackingID":["G-XHC7G628ZP"],"anonymizeIP":true,"id":"default"}}}'),i=JSON.parse('{"defaultLocale":"en","locales":["en"],"path":"i18n","currentLocale":"en","localeConfigs":{"en":{"label":"English","direction":"ltr","htmlLang":"en","calendar":"gregory","path":"en"}}}');var s=n(2654);const l=JSON.parse('{"docusaurusVersion":"3.4.0","siteVersion":"0.0.0","pluginVersions":{"docusaurus-plugin-content-docs":{"type":"package","name":"@docusaurus/plugin-content-docs","version":"3.4.0"},"docusaurus-plugin-content-blog":{"type":"package","name":"@docusaurus/plugin-content-blog","version":"3.4.0"},"docusaurus-plugin-content-pages":{"type":"package","name":"@docusaurus/plugin-content-pages","version":"3.4.0"},"docusaurus-plugin-google-gtag":{"type":"package","name":"@docusaurus/plugin-google-gtag","version":"3.4.0"},"docusaurus-plugin-sitemap":{"type":"package","name":"@docusaurus/plugin-sitemap","version":"3.4.0"},"docusaurus-theme-classic":{"type":"package","name":"@docusaurus/theme-classic","version":"3.4.0"},"docusaurus-node-polyfills":{"type":"package","name":"docusaurus-node-polyfills","version":"1.0.0"},"docusaurus-plugin-image-zoom":{"type":"package","name":"docusaurus-plugin-image-zoom","version":"0.1.4"},"docusaurus-tailwindcss":{"type":"local"},"docusaurus-theme-mdx-v2":{"type":"package","name":"docusaurus-theme-mdx-v2","version":"0.1.2"}}}');var c=n(4848);const u={siteConfig:o.default,siteMetadata:l,globalData:a,i18n:i,codeTranslations:s},p=r.createContext(u);function d(e){let{children:t}=e;return(0,c.jsx)(p.Provider,{value:u,children:t})}},7489:(e,t,n)=>{"use strict";n.d(t,{A:()=>h});var r=n(6540),o=n(8193),a=n(5260),i=n(440),s=n(2644),l=n(3102),c=n(4848);function u(e){let{error:t,tryAgain:n}=e;return(0,c.jsxs)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"flex-start",minHeight:"100vh",width:"100%",maxWidth:"80ch",fontSize:"20px",margin:"0 auto",padding:"1rem"},children:[(0,c.jsx)("h1",{style:{fontSize:"3rem"},children:"This page crashed"}),(0,c.jsx)("button",{type:"button",onClick:n,style:{margin:"1rem 0",fontSize:"2rem",cursor:"pointer",borderRadius:20,padding:"1rem"},children:"Try again"}),(0,c.jsx)(p,{error:t})]})}function p(e){let{error:t}=e;const n=(0,i.getErrorCausalChain)(t).map((e=>e.message)).join("\n\nCause:\n");return(0,c.jsx)("p",{style:{whiteSpace:"pre-wrap"},children:n})}function d(e){let{children:t}=e;return(0,c.jsx)(l.W,{value:{plugin:{name:"docusaurus-core-error-boundary",id:"default"}},children:t})}function f(e){let{error:t,tryAgain:n}=e;return(0,c.jsx)(d,{children:(0,c.jsxs)(h,{fallback:()=>(0,c.jsx)(u,{error:t,tryAgain:n}),children:[(0,c.jsx)(a.A,{children:(0,c.jsx)("title",{children:"Page Error"})}),(0,c.jsx)(s.A,{children:(0,c.jsx)(u,{error:t,tryAgain:n})})]})})}const m=e=>(0,c.jsx)(f,{...e});class h extends r.Component{constructor(e){super(e),this.state={error:null}}componentDidCatch(e){o.A.canUseDOM&&this.setState({error:e})}render(){const{children:e}=this.props,{error:t}=this.state;if(t){const e={error:t,tryAgain:()=>this.setState({error:null})};return(this.props.fallback??m)(e)}return e??null}}},8193:(e,t,n)=>{"use strict";n.d(t,{A:()=>o});const r="undefined"!=typeof window&&"document"in window&&"createElement"in window.document,o={canUseDOM:r,canUseEventListeners:r&&("addEventListener"in window||"attachEvent"in window),canUseIntersectionObserver:r&&"IntersectionObserver"in window,canUseViewport:r&&"screen"in window}},5260:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});n(6540);var r=n(545),o=n(4848);function a(e){return(0,o.jsx)(r.mg,{...e})}},8774:(e,t,n)=>{"use strict";n.d(t,{A:()=>f});var r=n(6540),o=n(4625),a=n(440),i=n(4586),s=n(6654),l=n(8193),c=n(3427),u=n(6025),p=n(4848);function d(e,t){let{isNavLink:n,to:d,href:f,activeClassName:m,isActive:h,"data-noBrokenLinkCheck":g,autoAddBaseUrl:y=!0,...b}=e;const{siteConfig:v}=(0,i.A)(),{trailingSlash:w,baseUrl:k}=v,x=v.future.experimental_router,{withBaseUrl:S}=(0,u.hH)(),_=(0,c.A)(),E=(0,r.useRef)(null);(0,r.useImperativeHandle)(t,(()=>E.current));const C=d||f;const A=(0,s.A)(C),O=C?.replace("pathname://","");let T=void 0!==O?(P=O,y&&(e=>e.startsWith("/"))(P)?S(P):P):void 0;var P;"hash"===x&&T?.startsWith("./")&&(T=T?.slice(1)),T&&A&&(T=(0,a.applyTrailingSlash)(T,{trailingSlash:w,baseUrl:k}));const j=(0,r.useRef)(!1),N=n?o.k2:o.N_,R=l.A.canUseIntersectionObserver,L=(0,r.useRef)(),I=()=>{j.current||null==T||(window.docusaurus.preload(T),j.current=!0)};(0,r.useEffect)((()=>(!R&&A&&null!=T&&window.docusaurus.prefetch(T),()=>{R&&L.current&&L.current.disconnect()})),[L,T,R,A]);const F=T?.startsWith("#")??!1,D=!b.target||"_self"===b.target,M=!T||!A||!D;return g||!F&&M||_.collectLink(T),b.id&&_.collectAnchor(b.id),M?(0,p.jsx)("a",{ref:E,href:T,...C&&!A&&{target:"_blank",rel:"noopener noreferrer"},...b}):(0,p.jsx)(N,{...b,onMouseEnter:I,onTouchStart:I,innerRef:e=>{E.current=e,R&&e&&A&&(L.current=new window.IntersectionObserver((t=>{t.forEach((t=>{e===t.target&&(t.isIntersecting||t.intersectionRatio>0)&&(L.current.unobserve(e),L.current.disconnect(),null!=T&&window.docusaurus.prefetch(T))}))})),L.current.observe(e))},to:T,...n&&{isActive:h,activeClassName:m}})}const f=r.forwardRef(d)},418:(e,t,n)=>{"use strict";n.d(t,{A:()=>r});const r=()=>null},1312:(e,t,n)=>{"use strict";n.d(t,{A:()=>u,T:()=>c});var r=n(6540),o=n(4848);function a(e,t){const n=e.split(/(\{\w+\})/).map(((e,n)=>{if(n%2==1){const n=t?.[e.slice(1,-1)];if(void 0!==n)return n}return e}));return n.some((e=>(0,r.isValidElement)(e)))?n.map(((e,t)=>(0,r.isValidElement)(e)?r.cloneElement(e,{key:t}):e)).filter((e=>""!==e)):n.join("")}var i=n(2654),s=n(6763);function l(e){let{id:t,message:n}=e;if(void 0===t&&void 0===n)throw new Error("Docusaurus translation declarations must have at least a translation id or a default translation message");return i[t??n]??n??t}function c(e,t){let{message:n,id:r}=e;return a(l({message:n,id:r}),t)}function u(e){let{children:t,id:n,values:r}=e;if(t&&"string"!=typeof t)throw s.warn("Illegal children",t),new Error("The Docusaurus component only accept simple string values");const i=l({message:t,id:n});return(0,o.jsx)(o.Fragment,{children:a(i,r)})}},7065:(e,t,n)=>{"use strict";n.d(t,{W:()=>r});const r="default"},6654:(e,t,n)=>{"use strict";function r(e){return/^(?:\w*:|\/\/)/.test(e)}function o(e){return void 0!==e&&!r(e)}n.d(t,{A:()=>o,z:()=>r})},6025:(e,t,n)=>{"use strict";n.d(t,{Ay:()=>s,hH:()=>i});var r=n(6540),o=n(4586),a=n(6654);function i(){const{siteConfig:e}=(0,o.A)(),{baseUrl:t,url:n}=e,i=e.future.experimental_router,s=(0,r.useCallback)(((e,r)=>function(e){let{siteUrl:t,baseUrl:n,url:r,options:{forcePrependBaseUrl:o=!1,absolute:i=!1}={},router:s}=e;if(!r||r.startsWith("#")||(0,a.z)(r))return r;if("hash"===s)return r.startsWith("/")?`.${r}`:`./${r}`;if(o)return n+r.replace(/^\//,"");if(r===n.replace(/\/$/,""))return n;const l=r.startsWith(n)?r:n+r.replace(/^\//,"");return i?t+l:l}({siteUrl:n,baseUrl:t,url:e,options:r,router:i})),[n,t,i]);return{withBaseUrl:s}}function s(e,t){void 0===t&&(t={});const{withBaseUrl:n}=i();return n(e,t)}},3427:(e,t,n)=>{"use strict";n.d(t,{A:()=>i});var r=n(6540);n(4848);const o=r.createContext({collectAnchor:()=>{},collectLink:()=>{}}),a=()=>(0,r.useContext)(o);function i(){return a()}},4586:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(6540),o=n(6988);function a(){return(0,r.useContext)(o.o)}},2303:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(6540),o=n(6125);function a(){return(0,r.useContext)(o.o)}},205:(e,t,n)=>{"use strict";n.d(t,{A:()=>o});var r=n(6540);const o=n(8193).A.canUseDOM?r.useLayoutEffect:r.useEffect},6921:(e,t,n)=>{"use strict";n.d(t,{A:()=>o});const r=e=>"object"==typeof e&&!!e&&Object.keys(e).length>0;function o(e){const t={};return function e(n,o){Object.entries(n).forEach((n=>{let[a,i]=n;const s=o?`${o}.${a}`:a;r(i)?e(i,s):t[s]=i}))}(e),t}},3102:(e,t,n)=>{"use strict";n.d(t,{W:()=>i,o:()=>a});var r=n(6540),o=n(4848);const a=r.createContext(null);function i(e){let{children:t,value:n}=e;const i=r.useContext(a),s=(0,r.useMemo)((()=>function(e){let{parent:t,value:n}=e;if(!t){if(!n)throw new Error("Unexpected: no Docusaurus route context found");if(!("plugin"in n))throw new Error("Unexpected: Docusaurus topmost route context has no `plugin` attribute");return n}const r={...t.data,...n?.data};return{plugin:t.plugin,data:r}}({parent:i,value:n})),[i,n]);return(0,o.jsx)(a.Provider,{value:s,children:t})}},4070:(e,t,n)=>{"use strict";n.d(t,{zK:()=>h,vT:()=>d,Gy:()=>u,HW:()=>g,ht:()=>p,r7:()=>m,jh:()=>f});var r=n(6347),o=n(4586),a=n(7065);function i(e,t){void 0===t&&(t={});const n=function(){const{globalData:e}=(0,o.A)();return e}()[e];if(!n&&t.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin.`);return n}const s=e=>e.versions.find((e=>e.isLast));function l(e,t){const n=function(e,t){const n=s(e);return[...e.versions.filter((e=>e!==n)),n].find((e=>!!(0,r.B6)(t,{path:e.path,exact:!1,strict:!1})))}(e,t),o=n?.docs.find((e=>!!(0,r.B6)(t,{path:e.path,exact:!0,strict:!1})));return{activeVersion:n,activeDoc:o,alternateDocVersions:o?function(t){const n={};return e.versions.forEach((e=>{e.docs.forEach((r=>{r.id===t&&(n[e.name]=r)}))})),n}(o.id):{}}}const c={},u=()=>i("docusaurus-plugin-content-docs")??c,p=e=>{try{return function(e,t,n){void 0===t&&(t=a.W),void 0===n&&(n={});const r=i(e),o=r?.[t];if(!o&&n.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin with id "${t}".`);return o}("docusaurus-plugin-content-docs",e,{failfast:!0})}catch(t){throw new Error("You are using a feature of the Docusaurus docs plugin, but this plugin does not seem to be enabled"+("Default"===e?"":` (pluginId=${e}`),{cause:t})}};function d(e){void 0===e&&(e={});const t=u(),{pathname:n}=(0,r.zy)();return function(e,t,n){void 0===n&&(n={});const o=Object.entries(e).sort(((e,t)=>t[1].path.localeCompare(e[1].path))).find((e=>{let[,n]=e;return!!(0,r.B6)(t,{path:n.path,exact:!1,strict:!1})})),a=o?{pluginId:o[0],pluginData:o[1]}:void 0;if(!a&&n.failfast)throw new Error(`Can't find active docs plugin for "${t}" pathname, while it was expected to be found. Maybe you tried to use a docs feature that can only be used on a docs-related page? Existing docs plugin paths are: ${Object.values(e).map((e=>e.path)).join(", ")}`);return a}(t,n,e)}function f(e){return p(e).versions}function m(e){const t=p(e);return s(t)}function h(e){const t=p(e),{pathname:n}=(0,r.zy)();return l(t,n)}function g(e){const t=p(e),{pathname:n}=(0,r.zy)();return function(e,t){const n=s(e);return{latestDocSuggestion:l(e,t).alternateDocVersions[n.name],latestVersionSuggestion:n}}(t,n)}},1911:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>r});const r={onRouteDidUpdate(e){let{location:t,previousLocation:n}=e;!n||t.pathname===n.pathname&&t.search===n.search&&t.hash===n.hash||setTimeout((()=>{window.gtag("set","page_path",t.pathname+t.search+t.hash),window.gtag("event","page_view")}))}}},6294:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>a});var r=n(5947),o=n.n(r);o().configure({showSpinner:!1});const a={onRouteUpdate(e){let{location:t,previousLocation:n}=e;if(n&&t.pathname!==n.pathname){const e=window.setTimeout((()=>{o().start()}),200);return()=>window.clearTimeout(e)}},onRouteDidUpdate(){o().done()}}},6134:(e,t,n)=>{"use strict";n.r(t);var r=n(4876),o=n(4784);!function(e){const{themeConfig:{prism:t}}=o.default,{additionalLanguages:r}=t;globalThis.Prism=e,r.forEach((e=>{"php"===e&&n(9700),n(8692)(`./prism-${e}`)})),delete globalThis.Prism}(r.My)},1107:(e,t,n)=>{"use strict";n.d(t,{A:()=>u});n(6540);var r=n(8215),o=n(1312),a=n(6342),i=n(8774),s=n(3427);const l={anchorWithStickyNavbar:"anchorWithStickyNavbar_LWe7",anchorWithHideOnScrollNavbar:"anchorWithHideOnScrollNavbar_WYt5"};var c=n(4848);function u(e){let{as:t,id:n,...u}=e;const p=(0,s.A)(),{navbar:{hideOnScroll:d}}=(0,a.p)();if("h1"===t||!n)return(0,c.jsx)(t,{...u,id:void 0});p.collectAnchor(n);const f=(0,o.T)({id:"theme.common.headingLinkTitle",message:"Direct link to {heading}",description:"Title for link to heading"},{heading:"string"==typeof u.children?u.children:n});return(0,c.jsxs)(t,{...u,className:(0,r.A)("anchor",d?l.anchorWithHideOnScrollNavbar:l.anchorWithStickyNavbar,u.className),id:n,children:[u.children,(0,c.jsx)(i.A,{className:"hash-link",to:`#${n}`,"aria-label":f,title:f,children:"\u200b"})]})}},3186:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});n(6540);const r={iconExternalLink:"iconExternalLink_nPIU"};var o=n(4848);function a(e){let{width:t=13.5,height:n=13.5}=e;return(0,o.jsx)("svg",{width:t,height:n,"aria-hidden":"true",viewBox:"0 0 24 24",className:r.iconExternalLink,children:(0,o.jsx)("path",{fill:"currentColor",d:"M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"})})}},2644:(e,t,n)=>{"use strict";n.d(t,{A:()=>xw});var r=n(6540),o=n.t(r,2),a=n(8215),i=n(7489),s=n(1003),l=n(6347),c=n(1312),u=n(5062),p=n(4848);const d="__docusaurus_skipToContent_fallback";function f(e){e.setAttribute("tabindex","-1"),e.focus(),e.removeAttribute("tabindex")}function m(){const e=(0,r.useRef)(null),{action:t}=(0,l.W6)(),n=(0,r.useCallback)((e=>{e.preventDefault();const t=document.querySelector("main:first-of-type")??document.getElementById(d);t&&f(t)}),[]);return(0,u.$)((n=>{let{location:r}=n;e.current&&!r.hash&&"PUSH"===t&&f(e.current)})),{containerRef:e,onClick:n}}const h=(0,c.T)({id:"theme.common.skipToMainContent",description:"The skip to content label used for accessibility, allowing to rapidly navigate to main content with keyboard tab/enter navigation",message:"Skip to main content"});function g(e){const t=e.children??h,{containerRef:n,onClick:r}=m();return(0,p.jsx)("div",{ref:n,role:"region","aria-label":h,children:(0,p.jsx)("a",{...e,href:`#${d}`,onClick:r,children:t})})}var y=n(7559),b=n(4090);const v={skipToContent:"skipToContent_fXgn"};function w(){return(0,p.jsx)(g,{className:v.skipToContent})}var k=n(6342),x=n(5041);function S(e){let{width:t=21,height:n=21,color:r="currentColor",strokeWidth:o=1.2,className:a,...i}=e;return(0,p.jsx)("svg",{viewBox:"0 0 15 15",width:t,height:n,...i,children:(0,p.jsx)("g",{stroke:r,strokeWidth:o,children:(0,p.jsx)("path",{d:"M.75.75l13.5 13.5M14.25.75L.75 14.25"})})})}const _={closeButton:"closeButton_CVFx"};function E(e){return(0,p.jsx)("button",{type:"button","aria-label":(0,c.T)({id:"theme.AnnouncementBar.closeButtonAriaLabel",message:"Close",description:"The ARIA label for close button of announcement bar"}),...e,className:(0,a.A)("clean-btn close",_.closeButton,e.className),children:(0,p.jsx)(S,{width:14,height:14,strokeWidth:3.1})})}const C={content:"content_knG7"};function A(e){const{announcementBar:t}=(0,k.p)(),{content:n}=t;return(0,p.jsx)("div",{...e,className:(0,a.A)(C.content,e.className),dangerouslySetInnerHTML:{__html:n}})}const O={announcementBar:"announcementBar_mb4j",announcementBarPlaceholder:"announcementBarPlaceholder_vyr4",announcementBarClose:"announcementBarClose_gvF7",announcementBarContent:"announcementBarContent_xLdY"};function T(){const{announcementBar:e}=(0,k.p)(),{isActive:t,close:n}=(0,x.M)();if(!t)return null;const{backgroundColor:r,textColor:o,isCloseable:a}=e;return(0,p.jsxs)("div",{className:O.announcementBar,style:{backgroundColor:r,color:o},role:"banner",children:[a&&(0,p.jsx)("div",{className:O.announcementBarPlaceholder}),(0,p.jsx)(A,{className:O.announcementBarContent}),a&&(0,p.jsx)(E,{onClick:n,className:O.announcementBarClose})]})}var P=n(9876),j=n(3104);var N=n(9532),R=n(5600);const L=r.createContext(null);function I(e){let{children:t}=e;const n=function(){const e=(0,P.M)(),t=(0,R.YL)(),[n,o]=(0,r.useState)(!1),a=null!==t.component,i=(0,N.ZC)(a);return(0,r.useEffect)((()=>{a&&!i&&o(!0)}),[a,i]),(0,r.useEffect)((()=>{a?e.shown||o(!0):o(!1)}),[e.shown,a]),(0,r.useMemo)((()=>[n,o]),[n])}();return(0,p.jsx)(L.Provider,{value:n,children:t})}function F(e){if(e.component){const t=e.component;return(0,p.jsx)(t,{...e.props})}}function D(){const e=(0,r.useContext)(L);if(!e)throw new N.dV("NavbarSecondaryMenuDisplayProvider");const[t,n]=e,o=(0,r.useCallback)((()=>n(!1)),[n]),a=(0,R.YL)();return(0,r.useMemo)((()=>({shown:t,hide:o,content:F(a)})),[o,a,t])}function M(e){let{header:t,primaryMenu:n,secondaryMenu:r}=e;const{shown:o}=D();return(0,p.jsxs)("div",{className:"navbar-sidebar",children:[t,(0,p.jsxs)("div",{className:(0,a.A)("navbar-sidebar__items",{"navbar-sidebar__items--show-secondary":o}),children:[(0,p.jsx)("div",{className:"navbar-sidebar__item menu",children:n}),(0,p.jsx)("div",{className:"navbar-sidebar__item menu",children:r})]})]})}var z=n(5293),B=n(2303);function $(e){return(0,p.jsx)("svg",{viewBox:"0 0 24 24",width:24,height:24,...e,children:(0,p.jsx)("path",{fill:"currentColor",d:"M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"})})}function q(e){return(0,p.jsx)("svg",{viewBox:"0 0 24 24",width:24,height:24,...e,children:(0,p.jsx)("path",{fill:"currentColor",d:"M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"})})}const U={toggle:"toggle_vylO",toggleButton:"toggleButton_gllP",darkToggleIcon:"darkToggleIcon_wfgR",lightToggleIcon:"lightToggleIcon_pyhR",toggleButtonDisabled:"toggleButtonDisabled_aARS"};function H(e){let{className:t,buttonClassName:n,value:r,onChange:o}=e;const i=(0,B.A)(),s=(0,c.T)({message:"Switch between dark and light mode (currently {mode})",id:"theme.colorToggle.ariaLabel",description:"The ARIA label for the navbar color mode toggle"},{mode:"dark"===r?(0,c.T)({message:"dark mode",id:"theme.colorToggle.ariaLabel.mode.dark",description:"The name for the dark color mode"}):(0,c.T)({message:"light mode",id:"theme.colorToggle.ariaLabel.mode.light",description:"The name for the light color mode"})});return(0,p.jsx)("div",{className:(0,a.A)(U.toggle,t),children:(0,p.jsxs)("button",{className:(0,a.A)("clean-btn",U.toggleButton,!i&&U.toggleButtonDisabled,n),type:"button",onClick:()=>o("dark"===r?"light":"dark"),disabled:!i,title:s,"aria-label":s,"aria-live":"polite",children:[(0,p.jsx)($,{className:(0,a.A)(U.toggleIcon,U.lightToggleIcon)}),(0,p.jsx)(q,{className:(0,a.A)(U.toggleIcon,U.darkToggleIcon)})]})})}const V=r.memo(H),G={darkNavbarColorModeToggle:"darkNavbarColorModeToggle_X3D1"};function W(e){let{className:t}=e;const n=(0,k.p)().navbar.style,r=(0,k.p)().colorMode.disableSwitch,{colorMode:o,setColorMode:a}=(0,z.G)();return r?null:(0,p.jsx)(V,{className:t,buttonClassName:"dark"===n?G.darkNavbarColorModeToggle:void 0,value:o,onChange:a})}var Y=n(3465);function K(){return(0,p.jsx)(Y.A,{className:"navbar__brand",imageClassName:"navbar__logo",titleClassName:"navbar__title text--truncate"})}function Q(){const e=(0,P.M)();return(0,p.jsx)("button",{type:"button","aria-label":(0,c.T)({id:"theme.docs.sidebar.closeSidebarButtonAriaLabel",message:"Close navigation bar",description:"The ARIA label for close button of mobile sidebar"}),className:"clean-btn navbar-sidebar__close",onClick:()=>e.toggle(),children:(0,p.jsx)(S,{color:"var(--ifm-color-emphasis-600)"})})}function X(){return(0,p.jsxs)("div",{className:"navbar-sidebar__brand",children:[(0,p.jsx)(K,{}),(0,p.jsx)(W,{className:"margin-right--md"}),(0,p.jsx)(Q,{})]})}var Z=n(8774),J=n(6025),ee=n(6654);function te(e,t){return void 0!==e&&void 0!==t&&new RegExp(e,"gi").test(t)}var ne=n(3186);function re(e){let{activeBasePath:t,activeBaseRegex:n,to:r,href:o,label:a,html:i,isDropdownLink:s,prependBaseUrlToHref:l,...c}=e;const u=(0,J.Ay)(r),d=(0,J.Ay)(t),f=(0,J.Ay)(o,{forcePrependBaseUrl:!0}),m=a&&o&&!(0,ee.A)(o),h=i?{dangerouslySetInnerHTML:{__html:i}}:{children:(0,p.jsxs)(p.Fragment,{children:[a,m&&(0,p.jsx)(ne.A,{...s&&{width:12,height:12}})]})};return o?(0,p.jsx)(Z.A,{href:l?f:o,...c,...h}):(0,p.jsx)(Z.A,{to:u,isNavLink:!0,...(t||n)&&{isActive:(e,t)=>n?te(n,t.pathname):t.pathname.startsWith(d)},...c,...h})}function oe(e){let{className:t,isDropdownItem:n=!1,...r}=e;const o=(0,p.jsx)(re,{className:(0,a.A)(n?"dropdown__link":"navbar__item navbar__link",t),isDropdownLink:n,...r});return n?(0,p.jsx)("li",{children:o}):o}function ae(e){let{className:t,isDropdownItem:n,...r}=e;return(0,p.jsx)("li",{className:"menu__list-item",children:(0,p.jsx)(re,{className:(0,a.A)("menu__link",t),...r})})}function ie(e){let{mobile:t=!1,position:n,...r}=e;const o=t?ae:oe;return(0,p.jsx)(o,{...r,activeClassName:r.activeClassName??(t?"menu__link--active":"navbar__link--active")})}var se=n(1422),le=n(9169),ce=n(4586);const ue={dropdownNavbarItemMobile:"dropdownNavbarItemMobile_S0Fm"};function pe(e,t){return e.some((e=>function(e,t){return!!(0,le.ys)(e.to,t)||!!te(e.activeBaseRegex,t)||!(!e.activeBasePath||!t.startsWith(e.activeBasePath))}(e,t)))}function de(e){let{items:t,position:n,className:o,onClick:i,...s}=e;const l=(0,r.useRef)(null),[c,u]=(0,r.useState)(!1);return(0,r.useEffect)((()=>{const e=e=>{l.current&&!l.current.contains(e.target)&&u(!1)};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),document.addEventListener("focusin",e),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e),document.removeEventListener("focusin",e)}}),[l]),(0,p.jsxs)("div",{ref:l,className:(0,a.A)("navbar__item","dropdown","dropdown--hoverable",{"dropdown--right":"right"===n,"dropdown--show":c}),children:[(0,p.jsx)(re,{"aria-haspopup":"true","aria-expanded":c,role:"button",href:s.to?void 0:"#",className:(0,a.A)("navbar__link",o),...s,onClick:s.to?void 0:e=>e.preventDefault(),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),u(!c))},children:s.children??s.label}),(0,p.jsx)("ul",{className:"dropdown__menu",children:t.map(((e,t)=>(0,r.createElement)(Ae,{isDropdownItem:!0,activeClassName:"dropdown__link--active",...e,key:t})))})]})}function fe(e){let{items:t,className:n,position:o,onClick:i,...s}=e;const c=function(){const{siteConfig:{baseUrl:e}}=(0,ce.A)(),{pathname:t}=(0,l.zy)();return t.replace(e,"/")}(),u=pe(t,c),{collapsed:d,toggleCollapsed:f,setCollapsed:m}=(0,se.u)({initialState:()=>!u});return(0,r.useEffect)((()=>{u&&m(!u)}),[c,u,m]),(0,p.jsxs)("li",{className:(0,a.A)("menu__list-item",{"menu__list-item--collapsed":d}),children:[(0,p.jsx)(re,{role:"button",className:(0,a.A)(ue.dropdownNavbarItemMobile,"menu__link menu__link--sublist menu__link--sublist-caret",n),...s,onClick:e=>{e.preventDefault(),f()},children:s.children??s.label}),(0,p.jsx)(se.N,{lazy:!0,as:"ul",className:"menu__list",collapsed:d,children:t.map(((e,t)=>(0,r.createElement)(Ae,{mobile:!0,isDropdownItem:!0,onClick:i,activeClassName:"menu__link--active",...e,key:t})))})]})}function me(e){let{mobile:t=!1,...n}=e;const r=t?fe:de;return(0,p.jsx)(r,{...n})}var he=n(2131);function ge(e){let{width:t=20,height:n=20,...r}=e;return(0,p.jsx)("svg",{viewBox:"0 0 24 24",width:t,height:n,"aria-hidden":!0,...r,children:(0,p.jsx)("path",{fill:"currentColor",d:"M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"})})}const ye="iconLanguage_nlXk";var be=n(418);const ve={navbarSearchContainer:"navbarSearchContainer_Bca1"};function we(e){let{children:t,className:n}=e;return(0,p.jsx)("div",{className:(0,a.A)(n,ve.navbarSearchContainer),children:t})}var ke=n(4070),xe=n(1754);var Se=n(5597);const _e=e=>e.docs.find((t=>t.id===e.mainDocId));const Ee={default:ie,localeDropdown:function(e){let{mobile:t,dropdownItemsBefore:n,dropdownItemsAfter:r,queryString:o="",...a}=e;const{i18n:{currentLocale:i,locales:s,localeConfigs:u}}=(0,ce.A)(),d=(0,he.o)(),{search:f,hash:m}=(0,l.zy)(),h=s.map((e=>{const n=`${`pathname://${d.createUrl({locale:e,fullyQualified:!1})}`}${f}${m}${o}`;return{label:u[e].label,lang:u[e].htmlLang,to:n,target:"_self",autoAddBaseUrl:!1,className:e===i?t?"menu__link--active":"dropdown__link--active":""}})),g=[...n,...h,...r],y=t?(0,c.T)({message:"Languages",id:"theme.navbar.mobileLanguageDropdown.label",description:"The label for the mobile language switcher dropdown"}):u[i].label;return(0,p.jsx)(me,{...a,mobile:t,label:(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(ge,{className:ye}),y]}),items:g})},search:function(e){let{mobile:t,className:n}=e;return t?null:(0,p.jsx)(we,{className:n,children:(0,p.jsx)(be.A,{})})},dropdown:me,html:function(e){let{value:t,className:n,mobile:r=!1,isDropdownItem:o=!1}=e;const i=o?"li":"div";return(0,p.jsx)(i,{className:(0,a.A)({navbar__item:!r&&!o,"menu__list-item":r},n),dangerouslySetInnerHTML:{__html:t}})},doc:function(e){let{docId:t,label:n,docsPluginId:r,...o}=e;const{activeDoc:a}=(0,ke.zK)(r),i=(0,xe.QB)(t,r),s=a?.path===i?.path;return null===i||i.unlisted&&!s?null:(0,p.jsx)(ie,{exact:!0,...o,isActive:()=>s||!!a?.sidebar&&a.sidebar===i.sidebar,label:n??i.id,to:i.path})},docSidebar:function(e){let{sidebarId:t,label:n,docsPluginId:r,...o}=e;const{activeDoc:a}=(0,ke.zK)(r),i=(0,xe.fW)(t,r).link;if(!i)throw new Error(`DocSidebarNavbarItem: Sidebar with ID "${t}" doesn't have anything to be linked to.`);return(0,p.jsx)(ie,{exact:!0,...o,isActive:()=>a?.sidebar===t,label:n??i.label,to:i.path})},docsVersion:function(e){let{label:t,to:n,docsPluginId:r,...o}=e;const a=(0,xe.Vd)(r)[0],i=t??a.label,s=n??(e=>e.docs.find((t=>t.id===e.mainDocId)))(a).path;return(0,p.jsx)(ie,{...o,label:i,to:s})},docsVersionDropdown:function(e){let{mobile:t,docsPluginId:n,dropdownActiveClassDisabled:r,dropdownItemsBefore:o,dropdownItemsAfter:a,...i}=e;const{search:s,hash:u}=(0,l.zy)(),d=(0,ke.zK)(n),f=(0,ke.jh)(n),{savePreferredVersionName:m}=(0,Se.g1)(n),h=[...o,...f.map((e=>{const t=d.alternateDocVersions[e.name]??_e(e);return{label:e.label,to:`${t.path}${s}${u}`,isActive:()=>e===d.activeVersion,onClick:()=>m(e.name)}})),...a],g=(0,xe.Vd)(n)[0],y=t&&h.length>1?(0,c.T)({id:"theme.navbar.mobileVersionsDropdown.label",message:"Versions",description:"The label for the navbar versions dropdown on mobile view"}):g.label,b=t&&h.length>1?void 0:_e(g).path;return h.length<=1?(0,p.jsx)(ie,{...i,mobile:t,label:y,to:b,isActive:r?()=>!1:void 0}):(0,p.jsx)(me,{...i,mobile:t,label:y,to:b,items:h,isActive:r?()=>!1:void 0})}},Ce=Ee;function Ae(e){let{type:t,...n}=e;const r=function(e,t){return e&&"default"!==e?e:"items"in t?"dropdown":"default"}(t,n),o=Ce[r];if(!o)throw new Error(`No NavbarItem component found for type "${t}".`);return(0,p.jsx)(o,{...n})}function Oe(){const e=(0,P.M)(),t=(0,k.p)().navbar.items;return(0,p.jsx)("ul",{className:"menu__list",children:t.map(((t,n)=>(0,r.createElement)(Ae,{mobile:!0,...t,onClick:()=>e.toggle(),key:n})))})}function Te(e){return(0,p.jsx)("button",{...e,type:"button",className:"clean-btn navbar-sidebar__back",children:(0,p.jsx)(c.A,{id:"theme.navbar.mobileSidebarSecondaryMenu.backButtonLabel",description:"The label of the back button to return to main menu, inside the mobile navbar sidebar secondary menu (notably used to display the docs sidebar)",children:"\u2190 Back to main menu"})})}function Pe(){const e=0===(0,k.p)().navbar.items.length,t=D();return(0,p.jsxs)(p.Fragment,{children:[!e&&(0,p.jsx)(Te,{onClick:()=>t.hide()}),t.content]})}function je(){const e=(0,P.M)();var t;return void 0===(t=e.shown)&&(t=!0),(0,r.useEffect)((()=>(document.body.style.overflow=t?"hidden":"visible",()=>{document.body.style.overflow="visible"})),[t]),e.shouldRender?(0,p.jsx)(M,{header:(0,p.jsx)(X,{}),primaryMenu:(0,p.jsx)(Oe,{}),secondaryMenu:(0,p.jsx)(Pe,{})}):null}const Ne={navbarHideable:"navbarHideable_m1mJ",navbarHidden:"navbarHidden_jGov"};function Re(e){return(0,p.jsx)("div",{role:"presentation",...e,className:(0,a.A)("navbar-sidebar__backdrop",e.className)})}function Le(e){let{children:t}=e;const{navbar:{hideOnScroll:n,style:o}}=(0,k.p)(),i=(0,P.M)(),{navbarRef:s,isNavbarVisible:l}=function(e){const[t,n]=(0,r.useState)(e),o=(0,r.useRef)(!1),a=(0,r.useRef)(0),i=(0,r.useCallback)((e=>{null!==e&&(a.current=e.getBoundingClientRect().height)}),[]);return(0,j.Mq)(((t,r)=>{let{scrollY:i}=t;if(!e)return;if(i=s?n(!1):i+c{if(!e)return;const r=t.location.hash;if(r?document.getElementById(r.substring(1)):void 0)return o.current=!0,void n(!1);n(!0)})),{navbarRef:i,isNavbarVisible:t}}(n);return(0,p.jsxs)("nav",{ref:s,"aria-label":(0,c.T)({id:"theme.NavBar.navAriaLabel",message:"Main",description:"The ARIA label for the main navigation"}),className:(0,a.A)("navbar","navbar--fixed-top",n&&[Ne.navbarHideable,!l&&Ne.navbarHidden],{"navbar--dark":"dark"===o,"navbar--primary":"primary"===o,"navbar-sidebar--show":i.shown}),children:[t,(0,p.jsx)(Re,{onClick:i.toggle}),(0,p.jsx)(je,{})]})}var Ie=n(440);const Fe={errorBoundaryError:"errorBoundaryError_a6uf",errorBoundaryFallback:"errorBoundaryFallback_VBag"};function De(e){return(0,p.jsx)("button",{type:"button",...e,children:(0,p.jsx)(c.A,{id:"theme.ErrorPageContent.tryAgain",description:"The label of the button to try again rendering when the React error boundary captures an error",children:"Try again"})})}function Me(e){let{error:t}=e;const n=(0,Ie.getErrorCausalChain)(t).map((e=>e.message)).join("\n\nCause:\n");return(0,p.jsx)("p",{className:Fe.errorBoundaryError,children:n})}class ze extends r.Component{componentDidCatch(e,t){throw this.props.onError(e,t)}render(){return this.props.children}}const Be="right";function $e(e){let{width:t=30,height:n=30,className:r,...o}=e;return(0,p.jsx)("svg",{className:r,width:t,height:n,viewBox:"0 0 30 30","aria-hidden":"true",...o,children:(0,p.jsx)("path",{stroke:"currentColor",strokeLinecap:"round",strokeMiterlimit:"10",strokeWidth:"2",d:"M4 7h22M4 15h22M4 23h22"})})}function qe(){const{toggle:e,shown:t}=(0,P.M)();return(0,p.jsx)("button",{onClick:e,"aria-label":(0,c.T)({id:"theme.docs.sidebar.toggleSidebarButtonAriaLabel",message:"Toggle navigation bar",description:"The ARIA label for hamburger menu button of mobile navigation"}),"aria-expanded":t,className:"navbar__toggle clean-btn",type:"button",children:(0,p.jsx)($e,{})})}const Ue={colorModeToggle:"colorModeToggle_DEke"};function He(e){let{items:t}=e;return(0,p.jsx)(p.Fragment,{children:t.map(((e,t)=>(0,p.jsx)(ze,{onError:t=>new Error(`A theme navbar item failed to render.\nPlease double-check the following navbar item (themeConfig.navbar.items) of your Docusaurus config:\n${JSON.stringify(e,null,2)}`,{cause:t}),children:(0,p.jsx)(Ae,{...e})},t)))})}function Ve(e){let{left:t,right:n}=e;return(0,p.jsxs)("div",{className:"navbar__inner",children:[(0,p.jsx)("div",{className:"navbar__items",children:t}),(0,p.jsx)("div",{className:"navbar__items navbar__items--right",children:n})]})}function Ge(){const e=(0,P.M)(),t=(0,k.p)().navbar.items,[n,r]=function(e){function t(e){return"left"===(e.position??Be)}return[e.filter(t),e.filter((e=>!t(e)))]}(t),o=t.find((e=>"search"===e.type));return(0,p.jsx)(Ve,{left:(0,p.jsxs)(p.Fragment,{children:[!e.disabled&&(0,p.jsx)(qe,{}),(0,p.jsx)(K,{}),(0,p.jsx)(He,{items:n})]}),right:(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(He,{items:r}),(0,p.jsx)(W,{className:Ue.colorModeToggle}),!o&&(0,p.jsx)(we,{children:(0,p.jsx)(be.A,{})})]})})}function We(){return(0,p.jsx)(Le,{children:(0,p.jsx)(Ge,{})})}function Ye(e){let{item:t}=e;const{to:n,href:r,label:o,prependBaseUrlToHref:a,...i}=t,s=(0,J.Ay)(n),l=(0,J.Ay)(r,{forcePrependBaseUrl:!0});return(0,p.jsxs)(Z.A,{className:"footer__link-item",...r?{href:a?l:r}:{to:s},...i,children:[o,r&&!(0,ee.A)(r)&&(0,p.jsx)(ne.A,{})]})}function Ke(e){let{item:t}=e;return t.html?(0,p.jsx)("li",{className:"footer__item",dangerouslySetInnerHTML:{__html:t.html}}):(0,p.jsx)("li",{className:"footer__item",children:(0,p.jsx)(Ye,{item:t})},t.href??t.to)}function Qe(e){let{column:t}=e;return(0,p.jsxs)("div",{className:"col footer__col",children:[(0,p.jsx)("div",{className:"footer__title",children:t.title}),(0,p.jsx)("ul",{className:"footer__items clean-list",children:t.items.map(((e,t)=>(0,p.jsx)(Ke,{item:e},t)))})]})}function Xe(e){let{columns:t}=e;return(0,p.jsx)("div",{className:"row footer__links",children:t.map(((e,t)=>(0,p.jsx)(Qe,{column:e},t)))})}function Ze(){return(0,p.jsx)("span",{className:"footer__link-separator",children:"\xb7"})}function Je(e){let{item:t}=e;return t.html?(0,p.jsx)("span",{className:"footer__link-item",dangerouslySetInnerHTML:{__html:t.html}}):(0,p.jsx)(Ye,{item:t})}function et(e){let{links:t}=e;return(0,p.jsx)("div",{className:"footer__links text--center",children:(0,p.jsx)("div",{className:"footer__links",children:t.map(((e,n)=>(0,p.jsxs)(r.Fragment,{children:[(0,p.jsx)(Je,{item:e}),t.length!==n+1&&(0,p.jsx)(Ze,{})]},n)))})})}function tt(e){let{links:t}=e;return function(e){return"title"in e[0]}(t)?(0,p.jsx)(Xe,{columns:t}):(0,p.jsx)(et,{links:t})}var nt=n(1122);const rt={footerLogoLink:"footerLogoLink_BH7S"};function ot(e){let{logo:t}=e;const{withBaseUrl:n}=(0,J.hH)(),r={light:n(t.src),dark:n(t.srcDark??t.src)};return(0,p.jsx)(nt.A,{className:(0,a.A)("footer__logo",t.className),alt:t.alt,sources:r,width:t.width,height:t.height,style:t.style})}function at(e){let{logo:t}=e;return t.href?(0,p.jsx)(Z.A,{href:t.href,className:rt.footerLogoLink,target:t.target,children:(0,p.jsx)(ot,{logo:t})}):(0,p.jsx)(ot,{logo:t})}function it(e){let{copyright:t}=e;return(0,p.jsx)("div",{className:"footer__copyright",dangerouslySetInnerHTML:{__html:t}})}function st(e){let{style:t,links:n,logo:r,copyright:o}=e;return(0,p.jsx)("footer",{className:(0,a.A)("footer",{"footer--dark":"dark"===t}),children:(0,p.jsxs)("div",{className:"container container-fluid",children:[n,(r||o)&&(0,p.jsxs)("div",{className:"footer__bottom text--center",children:[r&&(0,p.jsx)("div",{className:"margin-bottom--sm",children:r}),o]})]})})}function lt(){const{footer:e}=(0,k.p)();if(!e)return null;const{copyright:t,links:n,logo:r,style:o}=e;return(0,p.jsx)(st,{style:o,links:n&&n.length>0&&(0,p.jsx)(tt,{links:n}),logo:r&&(0,p.jsx)(at,{logo:r}),copyright:t&&(0,p.jsx)(it,{copyright:t})})}const ct=r.memo(lt);var ut=n(961),pt=n(6763),dt=function(){return dt=Object.assign||function(e){for(var t,n=1,r=arguments.length;n0&&o[o.length-1])||6!==s[0]&&2!==s[0])){i=0;continue}if(3===s[0]&&(!o||s[1]>o[0]&&s[1](((e,t,n)=>{t in e?yt(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n})(e,"symbol"!=typeof t?t+"":t,n),n);let vt=new class{constructor(){bt(this,"current",this.detect()),bt(this,"handoffState","pending"),bt(this,"currentId",0)}set(e){this.current!==e&&(this.handoffState="pending",this.currentId=0,this.current=e)}reset(){this.set(this.detect())}nextId(){return++this.currentId}get isServer(){return"server"===this.current}get isClient(){return"client"===this.current}detect(){return"undefined"==typeof window||"undefined"==typeof document?"server":"client"}handoff(){"pending"===this.handoffState&&(this.handoffState="complete")}get isHandoffComplete(){return"complete"===this.handoffState}},wt=(e,t)=>{vt.isServer?(0,r.useEffect)(e,t):(0,r.useLayoutEffect)(e,t)};function kt(e){let t=(0,r.useRef)(e);return wt((()=>{t.current=e}),[e]),t}function xt(e){"function"==typeof queueMicrotask?queueMicrotask(e):Promise.resolve().then(e).catch((e=>setTimeout((()=>{throw e}))))}function St(){let e=[],t=[],n={enqueue(e){t.push(e)},addEventListener:(e,t,r,o)=>(e.addEventListener(t,r,o),n.add((()=>e.removeEventListener(t,r,o)))),requestAnimationFrame(...e){let t=requestAnimationFrame(...e);return n.add((()=>cancelAnimationFrame(t)))},nextFrame:(...e)=>n.requestAnimationFrame((()=>n.requestAnimationFrame(...e))),setTimeout(...e){let t=setTimeout(...e);return n.add((()=>clearTimeout(t)))},microTask(...e){let t={current:!0};return xt((()=>{t.current&&e[0]()})),n.add((()=>{t.current=!1}))},add:t=>(e.push(t),()=>{let n=e.indexOf(t);if(n>=0){let[t]=e.splice(n,1);t()}}),dispose(){for(let t of e.splice(0))t()},async workQueue(){for(let e of t.splice(0))await e()},style(e,t,n){let r=e.style.getPropertyValue(t);return Object.assign(e.style,{[t]:n}),this.add((()=>{Object.assign(e.style,{[t]:r})}))}};return n}function _t(){let[e]=(0,r.useState)(St);return(0,r.useEffect)((()=>()=>e.dispose()),[e]),e}let Et=function(e){let t=kt(e);return r.useCallback(((...e)=>t.current(...e)),[t])};function Ct(){let[e,t]=(0,r.useState)(vt.isHandoffComplete);return e&&!1===vt.isHandoffComplete&&t(!1),(0,r.useEffect)((()=>{!0!==e&&t(!0)}),[e]),(0,r.useEffect)((()=>vt.handoff()),[]),e}var At;let Ot=null!=(At=r.useId)?At:function(){let e=Ct(),[t,n]=r.useState(e?()=>vt.nextId():null);return wt((()=>{null===t&&n(vt.nextId())}),[t]),null!=t?""+t:void 0};function Tt(e,t,...n){if(e in t){let r=t[e];return"function"==typeof r?r(...n):r}let r=new Error(`Tried to handle "${e}" but there is no handler defined. Only defined handlers are: ${Object.keys(t).map((e=>`"${e}"`)).join(", ")}.`);throw Error.captureStackTrace&&Error.captureStackTrace(r,Tt),r}function Pt(e){return vt.isServer?null:e instanceof Node?e.ownerDocument:null!=e&&e.hasOwnProperty("current")&&e.current instanceof Node?e.current.ownerDocument:document}let jt=["[contentEditable=true]","[tabindex]","a[href]","area[href]","button:not([disabled])","iframe","input:not([disabled])","select:not([disabled])","textarea:not([disabled])"].map((e=>`${e}:not([tabindex='-1'])`)).join(",");var Nt,Rt=((Nt=Rt||{})[Nt.First=1]="First",Nt[Nt.Previous=2]="Previous",Nt[Nt.Next=4]="Next",Nt[Nt.Last=8]="Last",Nt[Nt.WrapAround=16]="WrapAround",Nt[Nt.NoScroll=32]="NoScroll",Nt),Lt=(e=>(e[e.Error=0]="Error",e[e.Overflow=1]="Overflow",e[e.Success=2]="Success",e[e.Underflow=3]="Underflow",e))(Lt||{}),It=(e=>(e[e.Previous=-1]="Previous",e[e.Next=1]="Next",e))(It||{}),Ft=(e=>(e[e.Strict=0]="Strict",e[e.Loose=1]="Loose",e))(Ft||{});function Dt(e){null==e||e.focus({preventScroll:!0})}let Mt=["textarea","input"].join(",");function zt(e,t,{sorted:n=!0,relativeTo:r=null,skipElements:o=[]}={}){let a=Array.isArray(e)?e.length>0?e[0].ownerDocument:document:e.ownerDocument,i=Array.isArray(e)?n?function(e,t=(e=>e)){return e.slice().sort(((e,n)=>{let r=t(e),o=t(n);if(null===r||null===o)return 0;let a=r.compareDocumentPosition(o);return a&Node.DOCUMENT_POSITION_FOLLOWING?-1:a&Node.DOCUMENT_POSITION_PRECEDING?1:0}))}(e):e:function(e=document.body){return null==e?[]:Array.from(e.querySelectorAll(jt)).sort(((e,t)=>Math.sign((e.tabIndex||Number.MAX_SAFE_INTEGER)-(t.tabIndex||Number.MAX_SAFE_INTEGER))))}(e);o.length>0&&i.length>1&&(i=i.filter((e=>!o.includes(e)))),r=null!=r?r:a.activeElement;let s,l=(()=>{if(5&t)return 1;if(10&t)return-1;throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last")})(),c=(()=>{if(1&t)return 0;if(2&t)return Math.max(0,i.indexOf(r))-1;if(4&t)return Math.max(0,i.indexOf(r))+1;if(8&t)return i.length-1;throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last")})(),u=32&t?{preventScroll:!0}:{},p=0,d=i.length;do{if(p>=d||p+d<=0)return 0;let e=c+p;if(16&t)e=(e+d)%d;else{if(e<0)return 3;if(e>=d)return 1}s=i[e],null==s||s.focus(u),p+=l}while(s!==a.activeElement);return 6&t&&function(e){var t,n;return null!=(n=null==(t=null==e?void 0:e.matches)?void 0:t.call(e,Mt))&&n}(s)&&s.select(),s.hasAttribute("tabindex")||s.setAttribute("tabindex","0"),2}function Bt(e,t,n){let o=kt(t);(0,r.useEffect)((()=>{function t(e){o.current(e)}return document.addEventListener(e,t,n),()=>document.removeEventListener(e,t,n)}),[e,n])}function $t(e,t,n=!0){let o=(0,r.useRef)(!1);function a(n,r){if(!o.current||n.defaultPrevented)return;let a=function e(t){return"function"==typeof t?e(t()):Array.isArray(t)||t instanceof Set?t:[t]}(e),i=r(n);if(null!==i&&i.getRootNode().contains(i)){for(let e of a){if(null===e)continue;let t=e instanceof HTMLElement?e:e.current;if(null!=t&&t.contains(i)||n.composed&&n.composedPath().includes(t))return}return!function(e,t=0){var n;return e!==(null==(n=Pt(e))?void 0:n.body)&&Tt(t,{0:()=>e.matches(jt),1(){let t=e;for(;null!==t;){if(t.matches(jt))return!0;t=t.parentElement}return!1}})}(i,Ft.Loose)&&-1!==i.tabIndex&&n.preventDefault(),t(n,i)}}(0,r.useEffect)((()=>{requestAnimationFrame((()=>{o.current=n}))}),[n]);let i=(0,r.useRef)(null);Bt("mousedown",(e=>{var t,n;o.current&&(i.current=(null==(n=null==(t=e.composedPath)?void 0:t.call(e))?void 0:n[0])||e.target)}),!0),Bt("click",(e=>{!i.current||(a(e,(()=>i.current)),i.current=null)}),!0),Bt("blur",(e=>a(e,(()=>window.document.activeElement instanceof HTMLIFrameElement?window.document.activeElement:null))),!0)}let qt=Symbol();function Ut(...e){let t=(0,r.useRef)(e);(0,r.useEffect)((()=>{t.current=e}),[e]);let n=Et((e=>{for(let n of t.current)null!=n&&("function"==typeof n?n(e):n.current=e)}));return e.every((e=>null==e||(null==e?void 0:e[qt])))?void 0:n}function Ht(...e){return e.filter(Boolean).join(" ")}var Vt=(e=>(e[e.None=0]="None",e[e.RenderStrategy=1]="RenderStrategy",e[e.Static=2]="Static",e))(Vt||{}),Gt=(e=>(e[e.Unmount=0]="Unmount",e[e.Hidden=1]="Hidden",e))(Gt||{});function Wt({ourProps:e,theirProps:t,slot:n,defaultTag:r,features:o,visible:a=!0,name:i}){let s=Kt(t,e);if(a)return Yt(s,n,r,i);let l=null!=o?o:0;if(2&l){let{static:e=!1,...t}=s;if(e)return Yt(t,n,r,i)}if(1&l){let{unmount:e=!0,...t}=s;return Tt(e?0:1,{0:()=>null,1:()=>Yt({...t,hidden:!0,style:{display:"none"}},n,r,i)})}return Yt(s,n,r,i)}function Yt(e,t={},n,o){var a;let{as:i=n,children:s,refName:l="ref",...c}=Zt(e,["unmount","static"]),u=void 0!==e.ref?{[l]:e.ref}:{},p="function"==typeof s?s(t):s;c.className&&"function"==typeof c.className&&(c.className=c.className(t));let d={};if(t){let e=!1,n=[];for(let[r,o]of Object.entries(t))"boolean"==typeof o&&(e=!0),!0===o&&n.push(r);e&&(d["data-headlessui-state"]=n.join(" "))}if(i===r.Fragment&&Object.keys(Xt(c)).length>0){if(!(0,r.isValidElement)(p)||Array.isArray(p)&&p.length>1)throw new Error(['Passing props on "Fragment"!',"",`The current component <${o} /> is rendering a "Fragment".`,"However we need to passthrough the following props:",Object.keys(c).map((e=>` - ${e}`)).join("\n"),"","You can apply a few solutions:",['Add an `as="..."` prop, to ensure that we render an actual element instead of a "Fragment".',"Render a single element as the child so that we can forward the props onto that element."].map((e=>` - ${e}`)).join("\n")].join("\n"));let e=Ht(null==(a=p.props)?void 0:a.className,c.className),t=e?{className:e}:{};return(0,r.cloneElement)(p,Object.assign({},Kt(p.props,Xt(Zt(c,["ref"]))),d,u,function(...e){return{ref:e.every((e=>null==e))?void 0:t=>{for(let n of e)null!=n&&("function"==typeof n?n(t):n.current=t)}}}(p.ref,u.ref),t))}return(0,r.createElement)(i,Object.assign({},Zt(c,["ref"]),i!==r.Fragment&&u,i!==r.Fragment&&d),p)}function Kt(...e){if(0===e.length)return{};if(1===e.length)return e[0];let t={},n={};for(let r of e)for(let e in r)e.startsWith("on")&&"function"==typeof r[e]?(null!=n[e]||(n[e]=[]),n[e].push(r[e])):t[e]=r[e];if(t.disabled||t["aria-disabled"])return Object.assign(t,Object.fromEntries(Object.keys(n).map((e=>[e,void 0]))));for(let r in n)Object.assign(t,{[r](e,...t){let o=n[r];for(let n of o){if((e instanceof Event||(null==e?void 0:e.nativeEvent)instanceof Event)&&e.defaultPrevented)return;n(e,...t)}}});return t}function Qt(e){var t;return Object.assign((0,r.forwardRef)(e),{displayName:null!=(t=e.displayName)?t:e.name})}function Xt(e){let t=Object.assign({},e);for(let n in t)void 0===t[n]&&delete t[n];return t}function Zt(e,t=[]){let n=Object.assign({},e);for(let r of t)r in n&&delete n[r];return n}var Jt=(e=>(e[e.None=1]="None",e[e.Focusable=2]="Focusable",e[e.Hidden=4]="Hidden",e))(Jt||{});let en=Qt((function(e,t){let{features:n=1,...r}=e;return Wt({ourProps:{ref:t,"aria-hidden":!(2&~n)||void 0,style:{position:"fixed",top:1,left:1,width:1,height:0,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",borderWidth:"0",...!(4&~n)&&!!(2&~n)&&{display:"none"}}},theirProps:r,slot:{},defaultTag:"div",name:"Hidden"})})),tn=(0,r.createContext)(null);tn.displayName="OpenClosedContext";var nn=(e=>(e[e.Open=1]="Open",e[e.Closed=2]="Closed",e[e.Closing=4]="Closing",e[e.Opening=8]="Opening",e))(nn||{});function rn(){return(0,r.useContext)(tn)}function on({value:e,children:t}){return r.createElement(tn.Provider,{value:e},t)}var an=(e=>(e.Space=" ",e.Enter="Enter",e.Escape="Escape",e.Backspace="Backspace",e.Delete="Delete",e.ArrowLeft="ArrowLeft",e.ArrowUp="ArrowUp",e.ArrowRight="ArrowRight",e.ArrowDown="ArrowDown",e.Home="Home",e.End="End",e.PageUp="PageUp",e.PageDown="PageDown",e.Tab="Tab",e))(an||{});function sn(e,t){let n=(0,r.useRef)([]),o=Et(e);(0,r.useEffect)((()=>{let e=[...n.current];for(let[r,a]of t.entries())if(n.current[r]!==a){let r=o(t,e);return n.current=t,r}}),[o,...t])}var ln=(e=>(e[e.Forwards=0]="Forwards",e[e.Backwards=1]="Backwards",e))(ln||{});function cn(){let e=(0,r.useRef)(!1);return wt((()=>(e.current=!0,()=>{e.current=!1})),[]),e}function un(...e){return(0,r.useMemo)((()=>Pt(...e)),[...e])}function pn(e,t,n,o){let a=kt(n);(0,r.useEffect)((()=>{function n(e){a.current(e)}return(e=null!=e?e:window).addEventListener(t,n,o),()=>e.removeEventListener(t,n,o)}),[e,t,o])}var dn=(e=>(e[e.None=1]="None",e[e.InitialFocus=2]="InitialFocus",e[e.TabLock=4]="TabLock",e[e.FocusLock=8]="FocusLock",e[e.RestoreFocus=16]="RestoreFocus",e[e.All=30]="All",e))(dn||{});let fn=Object.assign(Qt((function(e,t){let n=(0,r.useRef)(null),o=Ut(n,t),{initialFocus:a,containers:i,features:s=30,...l}=e;Ct()||(s=1);let c=un(n);!function({ownerDocument:e},t){let n=(0,r.useRef)(null);pn(null==e?void 0:e.defaultView,"focusout",(e=>{!t||n.current||(n.current=e.target)}),!0),sn((()=>{t||((null==e?void 0:e.activeElement)===(null==e?void 0:e.body)&&Dt(n.current),n.current=null)}),[t]);let o=(0,r.useRef)(!1);(0,r.useEffect)((()=>(o.current=!1,()=>{o.current=!0,xt((()=>{!o.current||(Dt(n.current),n.current=null)}))})),[])}({ownerDocument:c},Boolean(16&s));let u=function({ownerDocument:e,container:t,initialFocus:n},o){let a=(0,r.useRef)(null),i=cn();return sn((()=>{if(!o)return;let r=t.current;!r||xt((()=>{if(!i.current)return;let t=null==e?void 0:e.activeElement;if(null!=n&&n.current){if((null==n?void 0:n.current)===t)return void(a.current=t)}else if(r.contains(t))return void(a.current=t);null!=n&&n.current?Dt(n.current):zt(r,Rt.First)===Lt.Error&&pt.warn("There are no focusable elements inside the "),a.current=null==e?void 0:e.activeElement}))}),[o]),a}({ownerDocument:c,container:n,initialFocus:a},Boolean(2&s));!function({ownerDocument:e,container:t,containers:n,previousActiveElement:r},o){let a=cn();pn(null==e?void 0:e.defaultView,"focus",(e=>{if(!o||!a.current)return;let i=new Set(null==n?void 0:n.current);i.add(t);let s=r.current;if(!s)return;let l=e.target;l&&l instanceof HTMLElement?mn(i,l)?(r.current=l,Dt(l)):(e.preventDefault(),e.stopPropagation(),Dt(s)):Dt(r.current)}),!0)}({ownerDocument:c,container:n,containers:i,previousActiveElement:u},Boolean(8&s));let p=function(){let e=(0,r.useRef)(0);return function(e,t,n){let o=kt(t);(0,r.useEffect)((()=>{function t(e){o.current(e)}return window.addEventListener(e,t,n),()=>window.removeEventListener(e,t,n)}),[e,n])}("keydown",(t=>{"Tab"===t.key&&(e.current=t.shiftKey?1:0)}),!0),e}(),d=Et((e=>{let t=n.current;t&&Tt(p.current,{[ln.Forwards]:()=>{zt(t,Rt.First,{skipElements:[e.relatedTarget]})},[ln.Backwards]:()=>{zt(t,Rt.Last,{skipElements:[e.relatedTarget]})}})})),f=_t(),m=(0,r.useRef)(!1),h={ref:o,onKeyDown(e){"Tab"==e.key&&(m.current=!0,f.requestAnimationFrame((()=>{m.current=!1})))},onBlur(e){let t=new Set(null==i?void 0:i.current);t.add(n);let r=e.relatedTarget;r instanceof HTMLElement&&"true"!==r.dataset.headlessuiFocusGuard&&(mn(t,r)||(m.current?zt(n.current,Tt(p.current,{[ln.Forwards]:()=>Rt.Next,[ln.Backwards]:()=>Rt.Previous})|Rt.WrapAround,{relativeTo:e.target}):e.target instanceof HTMLElement&&Dt(e.target)))}};return r.createElement(r.Fragment,null,Boolean(4&s)&&r.createElement(en,{as:"button",type:"button","data-headlessui-focus-guard":!0,onFocus:d,features:Jt.Focusable}),Wt({ourProps:h,theirProps:l,defaultTag:"div",name:"FocusTrap"}),Boolean(4&s)&&r.createElement(en,{as:"button",type:"button","data-headlessui-focus-guard":!0,onFocus:d,features:Jt.Focusable}))})),{features:dn});function mn(e,t){var n;for(let r of e)if(null!=(n=r.current)&&n.contains(t))return!0;return!1}let hn=new Set,gn=new Map;function yn(e){e.setAttribute("aria-hidden","true"),e.inert=!0}function bn(e){let t=gn.get(e);!t||(null===t["aria-hidden"]?e.removeAttribute("aria-hidden"):e.setAttribute("aria-hidden",t["aria-hidden"]),e.inert=t.inert)}let vn=(0,r.createContext)(!1);function wn(e){return r.createElement(vn.Provider,{value:e.force},e.children)}let kn=r.Fragment,xn=Qt((function(e,t){let n=e,o=(0,r.useRef)(null),a=Ut(function(e,t=!0){return Object.assign(e,{[qt]:t})}((e=>{o.current=e})),t),i=un(o),s=function(e){let t=(0,r.useContext)(vn),n=(0,r.useContext)(_n),o=un(e),[a,i]=(0,r.useState)((()=>{if(!t&&null!==n||vt.isServer)return null;let e=null==o?void 0:o.getElementById("headlessui-portal-root");if(e)return e;if(null===o)return null;let r=o.createElement("div");return r.setAttribute("id","headlessui-portal-root"),o.body.appendChild(r)}));return(0,r.useEffect)((()=>{null!==a&&(null!=o&&o.body.contains(a)||null==o||o.body.appendChild(a))}),[a,o]),(0,r.useEffect)((()=>{t||null!==n&&i(n.current)}),[n,i,t]),a}(o),[l]=(0,r.useState)((()=>{var e;return vt.isServer?null:null!=(e=null==i?void 0:i.createElement("div"))?e:null})),c=Ct(),u=(0,r.useRef)(!1);return wt((()=>{if(u.current=!1,s&&l)return s.contains(l)||(l.setAttribute("data-headlessui-portal",""),s.appendChild(l)),()=>{u.current=!0,xt((()=>{var e;!u.current||!s||!l||(l instanceof Node&&s.contains(l)&&s.removeChild(l),s.childNodes.length<=0&&(null==(e=s.parentElement)||e.removeChild(s)))}))}}),[s,l]),c&&s&&l?(0,ut.createPortal)(Wt({ourProps:{ref:a},theirProps:n,defaultTag:kn,name:"Portal"}),l):null})),Sn=r.Fragment,_n=(0,r.createContext)(null),En=Qt((function(e,t){let{target:n,...o}=e,a={ref:Ut(t)};return r.createElement(_n.Provider,{value:n},Wt({ourProps:a,theirProps:o,defaultTag:Sn,name:"Popover.Group"}))})),Cn=Object.assign(xn,{Group:En}),An=(0,r.createContext)(null);function On(){let e=(0,r.useContext)(An);if(null===e){let e=new Error("You used a component, but it is not inside a relevant parent.");throw Error.captureStackTrace&&Error.captureStackTrace(e,On),e}return e}let Tn=Qt((function(e,t){let n=Ot(),{id:r=`headlessui-description-${n}`,...o}=e,a=On(),i=Ut(t);return wt((()=>a.register(r)),[r,a.register]),Wt({ourProps:{ref:i,...a.props,id:r},theirProps:o,slot:a.slot||{},defaultTag:"p",name:a.name||"Description"})})),Pn=(0,r.createContext)((()=>{}));Pn.displayName="StackContext";var jn=(e=>(e[e.Add=0]="Add",e[e.Remove=1]="Remove",e))(jn||{});function Nn({children:e,onUpdate:t,type:n,element:o,enabled:a}){let i=(0,r.useContext)(Pn),s=Et(((...e)=>{null==t||t(...e),i(...e)}));return wt((()=>{let e=void 0===a||!0===a;return e&&s(0,n,o),()=>{e&&s(1,n,o)}}),[s,n,o,a]),r.createElement(Pn.Provider,{value:s},e)}const Rn="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t},{useState:Ln,useEffect:In,useLayoutEffect:Fn,useDebugValue:Dn}=o;function Mn(e){const t=e.getSnapshot,n=e.value;try{const e=t();return!Rn(n,e)}catch{return!0}}"undefined"==typeof window||void 0===window.document||window.document.createElement;const zn=r.useSyncExternalStore;function Bn(){let e;return{before({doc:t}){var n;let r=t.documentElement;e=(null!=(n=t.defaultView)?n:window).innerWidth-r.clientWidth},after({doc:t,d:n}){let r=t.documentElement,o=r.clientWidth-r.offsetWidth,a=e-o;n.style(r,"paddingRight",`${a}px`)}}}function $n(){if(!(/iPhone/gi.test(window.navigator.platform)||/Mac/gi.test(window.navigator.platform)&&window.navigator.maxTouchPoints>0))return{};let e;return{before(){e=window.pageYOffset},after({doc:t,d:n,meta:r}){function o(e){return r.containers.flatMap((e=>e())).some((t=>t.contains(e)))}n.style(t.body,"marginTop",`-${e}px`),window.scrollTo(0,0);let a=null;n.addEventListener(t,"click",(e=>{if(e.target instanceof HTMLElement)try{let n=e.target.closest("a");if(!n)return;let{hash:r}=new URL(n.href),i=t.querySelector(r);i&&!o(i)&&(a=i)}catch{}}),!0),n.addEventListener(t,"touchmove",(e=>{e.target instanceof HTMLElement&&!o(e.target)&&e.preventDefault()}),{passive:!1}),n.add((()=>{window.scrollTo(0,window.pageYOffset+e),a&&a.isConnected&&(a.scrollIntoView({block:"nearest"}),a=null)}))}}}function qn(e){let t={};for(let n of e)Object.assign(t,n(t));return t}let Un=function(e,t){let n=new Map,r=new Set;return{getSnapshot:()=>n,subscribe:e=>(r.add(e),()=>r.delete(e)),dispatch(e,...o){let a=t[e].call(n,...o);a&&(n=a,r.forEach((e=>e())))}}}(0,{PUSH(e,t){var n;let r=null!=(n=this.get(e))?n:{doc:e,count:0,d:St(),meta:new Set};return r.count++,r.meta.add(t),this.set(e,r),this},POP(e,t){let n=this.get(e);return n&&(n.count--,n.meta.delete(t)),this},SCROLL_PREVENT({doc:e,d:t,meta:n}){let r={doc:e,d:t,meta:qn(n)},o=[$n(),Bn(),{before({doc:e,d:t}){t.style(e.documentElement,"overflow","hidden")}}];o.forEach((({before:e})=>null==e?void 0:e(r))),o.forEach((({after:e})=>null==e?void 0:e(r)))},SCROLL_ALLOW({d:e}){e.dispose()},TEARDOWN({doc:e}){this.delete(e)}});Un.subscribe((()=>{let e=Un.getSnapshot(),t=new Map;for(let[n]of e)t.set(n,n.documentElement.style.overflow);for(let n of e.values()){let e="hidden"===t.get(n.doc),r=0!==n.count;(r&&!e||!r&&e)&&Un.dispatch(n.count>0?"SCROLL_PREVENT":"SCROLL_ALLOW",n),0===n.count&&Un.dispatch("TEARDOWN",n)}}));var Hn=(e=>(e[e.Open=0]="Open",e[e.Closed=1]="Closed",e))(Hn||{}),Vn=(e=>(e[e.SetTitleId=0]="SetTitleId",e))(Vn||{});let Gn={0:(e,t)=>e.titleId===t.id?e:{...e,titleId:t.id}},Wn=(0,r.createContext)(null);function Yn(e){let t=(0,r.useContext)(Wn);if(null===t){let t=new Error(`<${e} /> is missing a parent component.`);throw Error.captureStackTrace&&Error.captureStackTrace(t,Yn),t}return t}function Kn(e,t){return Tt(t.type,Gn,e,t)}Wn.displayName="DialogContext";let Qn=Vt.RenderStrategy|Vt.Static,Xn=Qt((function(e,t){let n=Ot(),{id:o=`headlessui-dialog-${n}`,open:a,onClose:i,initialFocus:s,__demoMode:l=!1,...c}=e,[u,p]=(0,r.useState)(0),d=rn();void 0===a&&null!==d&&(a=(d&nn.Open)===nn.Open);let f=(0,r.useRef)(new Set),m=(0,r.useRef)(null),h=Ut(m,t),g=(0,r.useRef)(null),y=un(m),b=e.hasOwnProperty("open")||null!==d,v=e.hasOwnProperty("onClose");if(!b&&!v)throw new Error("You have to provide an `open` and an `onClose` prop to the `Dialog` component.");if(!b)throw new Error("You provided an `onClose` prop to the `Dialog`, but forgot an `open` prop.");if(!v)throw new Error("You provided an `open` prop to the `Dialog`, but forgot an `onClose` prop.");if("boolean"!=typeof a)throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${a}`);if("function"!=typeof i)throw new Error(`You provided an \`onClose\` prop to the \`Dialog\`, but the value is not a function. Received: ${i}`);let w=a?0:1,[k,x]=(0,r.useReducer)(Kn,{titleId:null,descriptionId:null,panelRef:(0,r.createRef)()}),S=Et((()=>i(!1))),_=Et((e=>x({type:0,id:e}))),E=!!Ct()&&!l&&0===w,C=u>1,A=null!==(0,r.useContext)(Wn),O=C?"parent":"leaf",T=null!==d&&(d&nn.Closing)===nn.Closing;!function(e,t=!0){wt((()=>{if(!t||!e.current)return;let n=e.current,r=Pt(n);if(r){hn.add(n);for(let e of gn.keys())e.contains(n)&&(bn(e),gn.delete(e));return r.querySelectorAll("body > *").forEach((e=>{if(e instanceof HTMLElement){for(let t of hn)if(e.contains(t))return;1===hn.size&&(gn.set(e,{"aria-hidden":e.getAttribute("aria-hidden"),inert:e.inert}),yn(e))}})),()=>{if(hn.delete(n),hn.size>0)r.querySelectorAll("body > *").forEach((e=>{if(e instanceof HTMLElement&&!gn.has(e)){for(let t of hn)if(e.contains(t))return;gn.set(e,{"aria-hidden":e.getAttribute("aria-hidden"),inert:e.inert}),yn(e)}}));else for(let e of gn.keys())bn(e),gn.delete(e)}}}),[t])}(m,!(!C||T)&&E);let P=Et((()=>{var e,t;return[...Array.from(null!=(e=null==y?void 0:y.querySelectorAll("html > *, body > *, [data-headlessui-portal]"))?e:[]).filter((e=>!(e===document.body||e===document.head||!(e instanceof HTMLElement)||e.contains(g.current)||k.panelRef.current&&e.contains(k.panelRef.current)))),null!=(t=k.panelRef.current)?t:m.current]}));$t((()=>P()),S,!(!E||C));let j=!(C||0!==w);pn(null==y?void 0:y.defaultView,"keydown",(e=>{!j||e.defaultPrevented||e.key===an.Escape&&(e.preventDefault(),e.stopPropagation(),S())})),function(e,t,n=(()=>[document.body])){!function(e,t,n){let r=function(e){return zn(e.subscribe,e.getSnapshot,e.getSnapshot)}(Un),o=e?r.get(e):void 0,a=!!o&&o.count>0;wt((()=>{if(e&&t)return Un.dispatch("PUSH",e,n),()=>Un.dispatch("POP",e,n)}),[t,e])}(e,t,(e=>{var t;return{containers:[...null!=(t=e.containers)?t:[],n]}}))}(y,!(T||0!==w||A),P),(0,r.useEffect)((()=>{if(0!==w||!m.current)return;let e=new IntersectionObserver((e=>{for(let t of e)0===t.boundingClientRect.x&&0===t.boundingClientRect.y&&0===t.boundingClientRect.width&&0===t.boundingClientRect.height&&S()}));return e.observe(m.current),()=>e.disconnect()}),[w,m,S]);let[N,R]=function(){let[e,t]=(0,r.useState)([]);return[e.length>0?e.join(" "):void 0,(0,r.useMemo)((()=>function(e){let n=Et((e=>(t((t=>[...t,e])),()=>t((t=>{let n=t.slice(),r=n.indexOf(e);return-1!==r&&n.splice(r,1),n}))))),o=(0,r.useMemo)((()=>({register:n,slot:e.slot,name:e.name,props:e.props})),[n,e.slot,e.name,e.props]);return r.createElement(An.Provider,{value:o},e.children)}),[t])]}(),L=(0,r.useMemo)((()=>[{dialogState:w,close:S,setTitleId:_},k]),[w,k,S,_]),I=(0,r.useMemo)((()=>({open:0===w})),[w]),F={ref:h,id:o,role:"dialog","aria-modal":0===w||void 0,"aria-labelledby":k.titleId,"aria-describedby":N};return r.createElement(Nn,{type:"Dialog",enabled:0===w,element:m,onUpdate:Et(((e,t,n)=>{"Dialog"===t&&Tt(e,{[jn.Add](){f.current.add(n),p((e=>e+1))},[jn.Remove](){f.current.add(n),p((e=>e-1))}})}))},r.createElement(wn,{force:!0},r.createElement(Cn,null,r.createElement(Wn.Provider,{value:L},r.createElement(Cn.Group,{target:m},r.createElement(wn,{force:!1},r.createElement(R,{slot:I,name:"Dialog.Description"},r.createElement(fn,{initialFocus:s,containers:f,features:E?Tt(O,{parent:fn.features.RestoreFocus,leaf:fn.features.All&~fn.features.FocusLock}):fn.features.None},Wt({ourProps:F,theirProps:c,slot:I,defaultTag:"div",features:Qn,visible:0===w,name:"Dialog"})))))))),r.createElement(en,{features:Jt.Hidden,ref:g}))})),Zn=Qt((function(e,t){let n=Ot(),{id:o=`headlessui-dialog-overlay-${n}`,...a}=e,[{dialogState:i,close:s}]=Yn("Dialog.Overlay"),l=Ut(t),c=Et((e=>{if(e.target===e.currentTarget){if(function(e){let t=e.parentElement,n=null;for(;t&&!(t instanceof HTMLFieldSetElement);)t instanceof HTMLLegendElement&&(n=t),t=t.parentElement;let r=""===(null==t?void 0:t.getAttribute("disabled"));return(!r||!function(e){if(!e)return!1;let t=e.previousElementSibling;for(;null!==t;){if(t instanceof HTMLLegendElement)return!1;t=t.previousElementSibling}return!0}(n))&&r}(e.currentTarget))return e.preventDefault();e.preventDefault(),e.stopPropagation(),s()}}));return Wt({ourProps:{ref:l,id:o,"aria-hidden":!0,onClick:c},theirProps:a,slot:(0,r.useMemo)((()=>({open:0===i})),[i]),defaultTag:"div",name:"Dialog.Overlay"})})),Jn=Qt((function(e,t){let n=Ot(),{id:o=`headlessui-dialog-backdrop-${n}`,...a}=e,[{dialogState:i},s]=Yn("Dialog.Backdrop"),l=Ut(t);(0,r.useEffect)((()=>{if(null===s.panelRef.current)throw new Error("A component is being used, but a component is missing.")}),[s.panelRef]);let c=(0,r.useMemo)((()=>({open:0===i})),[i]);return r.createElement(wn,{force:!0},r.createElement(Cn,null,Wt({ourProps:{ref:l,id:o,"aria-hidden":!0},theirProps:a,slot:c,defaultTag:"div",name:"Dialog.Backdrop"})))})),er=Qt((function(e,t){let n=Ot(),{id:o=`headlessui-dialog-panel-${n}`,...a}=e,[{dialogState:i},s]=Yn("Dialog.Panel"),l=Ut(t,s.panelRef),c=(0,r.useMemo)((()=>({open:0===i})),[i]),u=Et((e=>{e.stopPropagation()}));return Wt({ourProps:{ref:l,id:o,onClick:u},theirProps:a,slot:c,defaultTag:"div",name:"Dialog.Panel"})})),tr=Qt((function(e,t){let n=Ot(),{id:o=`headlessui-dialog-title-${n}`,...a}=e,[{dialogState:i,setTitleId:s}]=Yn("Dialog.Title"),l=Ut(t);(0,r.useEffect)((()=>(s(o),()=>s(null))),[o,s]);let c=(0,r.useMemo)((()=>({open:0===i})),[i]);return Wt({ourProps:{ref:l,id:o},theirProps:a,slot:c,defaultTag:"h2",name:"Dialog.Title"})})),nr=Object.assign(Xn,{Backdrop:Jn,Panel:er,Overlay:Zn,Title:tr,Description:Tn});function rr(e,...t){e&&t.length>0&&e.classList.add(...t)}function or(e,...t){e&&t.length>0&&e.classList.remove(...t)}function ar(e=""){return e.split(" ").filter((e=>e.trim().length>1))}let ir=(0,r.createContext)(null);ir.displayName="TransitionContext";var sr=(e=>(e.Visible="visible",e.Hidden="hidden",e))(sr||{});let lr=(0,r.createContext)(null);function cr(e){return"children"in e?cr(e.children):e.current.filter((({el:e})=>null!==e.current)).filter((({state:e})=>"visible"===e)).length>0}function ur(e,t){let n=kt(e),o=(0,r.useRef)([]),a=cn(),i=_t(),s=Et(((e,t=Gt.Hidden)=>{let r=o.current.findIndex((({el:t})=>t===e));-1!==r&&(Tt(t,{[Gt.Unmount](){o.current.splice(r,1)},[Gt.Hidden](){o.current[r].state="hidden"}}),i.microTask((()=>{var e;!cr(o)&&a.current&&(null==(e=n.current)||e.call(n))})))})),l=Et((e=>{let t=o.current.find((({el:t})=>t===e));return t?"visible"!==t.state&&(t.state="visible"):o.current.push({el:e,state:"visible"}),()=>s(e,Gt.Unmount)})),c=(0,r.useRef)([]),u=(0,r.useRef)(Promise.resolve()),p=(0,r.useRef)({enter:[],leave:[],idle:[]}),d=Et(((e,n,r)=>{c.current.splice(0),t&&(t.chains.current[n]=t.chains.current[n].filter((([t])=>t!==e))),null==t||t.chains.current[n].push([e,new Promise((e=>{c.current.push(e)}))]),null==t||t.chains.current[n].push([e,new Promise((e=>{Promise.all(p.current[n].map((([e,t])=>t))).then((()=>e()))}))]),"enter"===n?u.current=u.current.then((()=>null==t?void 0:t.wait.current)).then((()=>r(n))):r(n)})),f=Et(((e,t,n)=>{Promise.all(p.current[t].splice(0).map((([e,t])=>t))).then((()=>{var e;null==(e=c.current.shift())||e()})).then((()=>n(t)))}));return(0,r.useMemo)((()=>({children:o,register:l,unregister:s,onStart:d,onStop:f,wait:u,chains:p})),[l,s,o,d,f,p,u])}function pr(){}lr.displayName="NestingContext";let dr=["beforeEnter","afterEnter","beforeLeave","afterLeave"];function fr(e){var t;let n={};for(let r of dr)n[r]=null!=(t=e[r])?t:pr;return n}let mr=Vt.RenderStrategy,hr=Qt((function(e,t){let{beforeEnter:n,afterEnter:o,beforeLeave:a,afterLeave:i,enter:s,enterFrom:l,enterTo:c,entered:u,leave:p,leaveFrom:d,leaveTo:f,...m}=e,h=(0,r.useRef)(null),g=Ut(h,t),y=m.unmount?Gt.Unmount:Gt.Hidden,{show:b,appear:v,initial:w}=function(){let e=(0,r.useContext)(ir);if(null===e)throw new Error("A is used but it is missing a parent or .");return e}(),[k,x]=(0,r.useState)(b?"visible":"hidden"),S=function(){let e=(0,r.useContext)(lr);if(null===e)throw new Error("A is used but it is missing a parent or .");return e}(),{register:_,unregister:E}=S,C=(0,r.useRef)(null);(0,r.useEffect)((()=>_(h)),[_,h]),(0,r.useEffect)((()=>{if(y===Gt.Hidden&&h.current)return b&&"visible"!==k?void x("visible"):Tt(k,{hidden:()=>E(h),visible:()=>_(h)})}),[k,h,_,E,b,y]);let A=kt({enter:ar(s),enterFrom:ar(l),enterTo:ar(c),entered:ar(u),leave:ar(p),leaveFrom:ar(d),leaveTo:ar(f)}),O=function(e){let t=(0,r.useRef)(fr(e));return(0,r.useEffect)((()=>{t.current=fr(e)}),[e]),t}({beforeEnter:n,afterEnter:o,beforeLeave:a,afterLeave:i}),T=Ct();(0,r.useEffect)((()=>{if(T&&"visible"===k&&null===h.current)throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?")}),[h,k,T]);let P=w&&!v,j=!T||P||C.current===b?"idle":b?"enter":"leave",N=function(e=0){let[t,n]=(0,r.useState)(e),o=(0,r.useCallback)((e=>n((t=>t|e))),[t]),a=(0,r.useCallback)((e=>Boolean(t&e)),[t]),i=(0,r.useCallback)((e=>n((t=>t&~e))),[n]),s=(0,r.useCallback)((e=>n((t=>t^e))),[n]);return{flags:t,addFlag:o,hasFlag:a,removeFlag:i,toggleFlag:s}}(0),R=Et((e=>Tt(e,{enter:()=>{N.addFlag(nn.Opening),O.current.beforeEnter()},leave:()=>{N.addFlag(nn.Closing),O.current.beforeLeave()},idle:()=>{}}))),L=Et((e=>Tt(e,{enter:()=>{N.removeFlag(nn.Opening),O.current.afterEnter()},leave:()=>{N.removeFlag(nn.Closing),O.current.afterLeave()},idle:()=>{}}))),I=ur((()=>{x("hidden"),E(h)}),S);(function({container:e,direction:t,classes:n,onStart:r,onStop:o}){let a=cn(),i=_t(),s=kt(t);wt((()=>{let t=St();i.add(t.dispose);let l=e.current;if(l&&"idle"!==s.current&&a.current)return t.dispose(),r.current(s.current),t.add(function(e,t,n,r){let o=n?"enter":"leave",a=St(),i=void 0!==r?function(e){let t={called:!1};return(...n)=>{if(!t.called)return t.called=!0,e(...n)}}(r):()=>{};"enter"===o&&(e.removeAttribute("hidden"),e.style.display="");let s=Tt(o,{enter:()=>t.enter,leave:()=>t.leave}),l=Tt(o,{enter:()=>t.enterTo,leave:()=>t.leaveTo}),c=Tt(o,{enter:()=>t.enterFrom,leave:()=>t.leaveFrom});return or(e,...t.enter,...t.enterTo,...t.enterFrom,...t.leave,...t.leaveFrom,...t.leaveTo,...t.entered),rr(e,...s,...c),a.nextFrame((()=>{or(e,...c),rr(e,...l),function(e,t){let n=St();if(!e)return n.dispose;let{transitionDuration:r,transitionDelay:o}=getComputedStyle(e),[a,i]=[r,o].map((e=>{let[t=0]=e.split(",").filter(Boolean).map((e=>e.includes("ms")?parseFloat(e):1e3*parseFloat(e))).sort(((e,t)=>t-e));return t}));if(a+i!==0){let r=n.addEventListener(e,"transitionend",(e=>{e.target===e.currentTarget&&(t(),r())}))}else t();n.add((()=>t())),n.dispose}(e,(()=>(or(e,...s),rr(e,...t.entered),i())))})),a.dispose}(l,n.current,"enter"===s.current,(()=>{t.dispose(),o.current(s.current)}))),t.dispose}),[t])})({container:h,classes:A,direction:j,onStart:kt((e=>{I.onStart(h,e,R)})),onStop:kt((e=>{I.onStop(h,e,L),"leave"===e&&!cr(I)&&(x("hidden"),E(h))}))}),(0,r.useEffect)((()=>{!P||(y===Gt.Hidden?C.current=null:C.current=b)}),[b,P,k]);let F=m,D={ref:g};return v&&b&&vt.isServer&&(F={...F,className:Ht(m.className,...A.current.enter,...A.current.enterFrom)}),r.createElement(lr.Provider,{value:I},r.createElement(on,{value:Tt(k,{visible:nn.Open,hidden:nn.Closed})|N.flags},Wt({ourProps:D,theirProps:F,defaultTag:"div",features:mr,visible:"visible"===k,name:"Transition.Child"})))})),gr=Qt((function(e,t){let{show:n,appear:o=!1,unmount:a,...i}=e,s=(0,r.useRef)(null),l=Ut(s,t);Ct();let c=rn();if(void 0===n&&null!==c&&(n=(c&nn.Open)===nn.Open),![!0,!1].includes(n))throw new Error("A is used but it is missing a `show={true | false}` prop.");let[u,p]=(0,r.useState)(n?"visible":"hidden"),d=ur((()=>{p("hidden")})),[f,m]=(0,r.useState)(!0),h=(0,r.useRef)([n]);wt((()=>{!1!==f&&h.current[h.current.length-1]!==n&&(h.current.push(n),m(!1))}),[h,n]);let g=(0,r.useMemo)((()=>({show:n,appear:o,initial:f})),[n,o,f]);(0,r.useEffect)((()=>{if(n)p("visible");else if(cr(d)){let e=s.current;if(!e)return;let t=e.getBoundingClientRect();0===t.x&&0===t.y&&0===t.width&&0===t.height&&p("hidden")}else p("hidden")}),[n,d]);let y={unmount:a};return r.createElement(lr.Provider,{value:d},r.createElement(ir.Provider,{value:g},Wt({ourProps:{...y,as:r.Fragment,children:r.createElement(hr,{ref:l,...y,...i})},theirProps:{},defaultTag:r.Fragment,features:mr,visible:"visible"===u,name:"Transition"})))})),yr=Qt((function(e,t){let n=null!==(0,r.useContext)(ir),o=null!==rn();return r.createElement(r.Fragment,null,!n&&o?r.createElement(gr,{ref:t,...e}):r.createElement(hr,{ref:t,...e}))})),br=Object.assign(gr,{Child:yr,Root:gr});var vr,wr={darkMode:!0,accentColor:"#8559F4"},kr={color:"#ffffff",backgroundColor:"#8559F4"},xr={openSourcesInNewTab:!1,prettySources:!1,persistMessagesBetweenSessions:!1,scrollToView:!0};!function(e){e.NoDocs="noDocs",e.FullDocs="fullDocs",e.None="none",e.Error="error"}(vr||(vr={}));var Sr="https://api.mendable.ai",_r="0.0.154";function Er(e){return mt(this,void 0,void 0,(function(){var t,n;return ht(this,(function(r){switch(r.label){case 0:return t="".concat(Sr,"/initializeMendable"),n=JSON.stringify({anon_key:e}),[4,fetch(t,{method:"POST",headers:{"Content-Type":"application/json"},body:n})];case 1:return[4,r.sent().json()];case 2:return[2,r.sent()]}}))}))}function Cr(){return mt(this,void 0,void 0,(function(){var e;return ht(this,(function(t){switch(t.label){case 0:return e="".concat(Sr,"/getHiddenField"),[4,fetch(e,{method:"GET",headers:{"Content-Type":"application/json"}})];case 1:return[4,t.sent().json()];case 2:return[2,t.sent()]}}))}))}function Ar(e,t){return mt(this,void 0,void 0,(function(){var n,r;return ht(this,(function(o){switch(o.label){case 0:return[4,fetch("".concat(Sr,"/updateMessageRating/").concat(e),{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({ratingValue:t})})];case 1:return(n=o.sent()).ok?[3,3]:[4,n.text()];case 2:throw r=o.sent(),new Error("Error updating message rating: ".concat(r));case 3:return[2]}}))}))}function Or(e,t,n){return mt(this,void 0,void 0,(function(){var r,o;return ht(this,(function(a){switch(a.label){case 0:return r="".concat(Sr,"/keywordSearchFuzz"),o=JSON.stringify({question:e,company:t,project_id:n}),[4,fetch(r,{method:"POST",headers:{"Content-Type":"application/json"},body:o})];case 1:return[4,a.sent().json()];case 2:return[2,a.sent()]}}))}))}function Tr(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}function Pr(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function jr(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=new Array(t);n=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,i=!0,s=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){s=!0,a=e},f:function(){try{i||null==n.return||n.return()}finally{if(s)throw a}}}}Tr('* {\n box-sizing: border-box;\n border-width: 0;\n border-style: solid;\n}\n\n* ::before {\n box-sizing: border-box;\n border-width: 0;\n border-style: solid;\n}\n\n* ::after {\n box-sizing: border-box;\n border-width: 0;\n border-style: solid;\n}\n\n*, ::before, ::after {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(59 130 246 / 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n}\n\n::backdrop {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(59 130 246 / 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n}\n\n.ms-prose {\n color: var(--tw-prose-body);\n max-width: 65ch;\n}\n\n.ms-prose :where(p):not(:where([class~="ms-not-prose"] *)) {\n margin-top: 1.25em;\n margin-bottom: 1.25em;\n}\n\n.ms-prose :where([class~="lead"]):not(:where([class~="ms-not-prose"] *)) {\n color: var(--tw-prose-lead);\n font-size: 1.25em;\n line-height: 1.6;\n margin-top: 1.2em;\n margin-bottom: 1.2em;\n}\n\n.ms-prose :where(a):not(:where([class~="ms-not-prose"] *)) {\n color: var(--tw-prose-links);\n text-decoration: underline;\n font-weight: 500;\n}\n\n.ms-prose :where(strong):not(:where([class~="ms-not-prose"] *)) {\n color: var(--tw-prose-bold);\n font-weight: 600;\n}\n\n.ms-prose :where(a strong):not(:where([class~="ms-not-prose"] *)) {\n color: inherit;\n}\n\n.ms-prose :where(blockquote strong):not(:where([class~="ms-not-prose"] *)) {\n color: inherit;\n}\n\n.ms-prose :where(thead th strong):not(:where([class~="ms-not-prose"] *)) {\n color: inherit;\n}\n\n.ms-prose :where(ol):not(:where([class~="ms-not-prose"] *)) {\n list-style-type: decimal;\n margin-top: 1.25em;\n margin-bottom: 1.25em;\n padding-left: 1.625em;\n}\n\n.ms-prose :where(ol[type="A"]):not(:where([class~="ms-not-prose"] *)) {\n list-style-type: upper-alpha;\n}\n\n.ms-prose :where(ol[type="a"]):not(:where([class~="ms-not-prose"] *)) {\n list-style-type: lower-alpha;\n}\n\n.ms-prose :where(ol[type="A" s]):not(:where([class~="ms-not-prose"] *)) {\n list-style-type: upper-alpha;\n}\n\n.ms-prose :where(ol[type="a" s]):not(:where([class~="ms-not-prose"] *)) {\n list-style-type: lower-alpha;\n}\n\n.ms-prose :where(ol[type="I"]):not(:where([class~="ms-not-prose"] *)) {\n list-style-type: upper-roman;\n}\n\n.ms-prose :where(ol[type="i"]):not(:where([class~="ms-not-prose"] *)) {\n list-style-type: lower-roman;\n}\n\n.ms-prose :where(ol[type="I" s]):not(:where([class~="ms-not-prose"] *)) {\n list-style-type: upper-roman;\n}\n\n.ms-prose :where(ol[type="i" s]):not(:where([class~="ms-not-prose"] *)) {\n list-style-type: lower-roman;\n}\n\n.ms-prose :where(ol[type="1"]):not(:where([class~="ms-not-prose"] *)) {\n list-style-type: decimal;\n}\n\n.ms-prose :where(ul):not(:where([class~="ms-not-prose"] *)) {\n list-style-type: disc;\n margin-top: 1.25em;\n margin-bottom: 1.25em;\n padding-left: 1.625em;\n}\n\n.ms-prose :where(ol > li):not(:where([class~="ms-not-prose"] *))::marker {\n font-weight: 400;\n color: var(--tw-prose-counters);\n}\n\n.ms-prose :where(ul > li):not(:where([class~="ms-not-prose"] *))::marker {\n color: var(--tw-prose-bullets);\n}\n\n.ms-prose :where(hr):not(:where([class~="ms-not-prose"] *)) {\n border-color: var(--tw-prose-hr);\n border-top-width: 1px;\n margin-top: 3em;\n margin-bottom: 3em;\n}\n\n.ms-prose :where(blockquote):not(:where([class~="ms-not-prose"] *)) {\n font-weight: 500;\n font-style: italic;\n color: var(--tw-prose-quotes);\n border-left-width: 0.25rem;\n border-left-color: var(--tw-prose-quote-borders);\n quotes: "\\201C""\\201D""\\2018""\\2019";\n margin-top: 1.6em;\n margin-bottom: 1.6em;\n padding-left: 1em;\n}\n\n.ms-prose :where(blockquote p:first-of-type):not(:where([class~="ms-not-prose"] *))::before {\n content: open-quote;\n}\n\n.ms-prose :where(blockquote p:last-of-type):not(:where([class~="ms-not-prose"] *))::after {\n content: close-quote;\n}\n\n.ms-prose :where(h1):not(:where([class~="ms-not-prose"] *)) {\n color: var(--tw-prose-headings);\n font-weight: 800;\n font-size: 2.25em;\n margin-top: 0;\n margin-bottom: 0.8888889em;\n line-height: 1.1111111;\n}\n\n.ms-prose :where(h1 strong):not(:where([class~="ms-not-prose"] *)) {\n font-weight: 900;\n color: inherit;\n}\n\n.ms-prose :where(h2):not(:where([class~="ms-not-prose"] *)) {\n color: var(--tw-prose-headings);\n font-weight: 700;\n font-size: 1.5em;\n margin-top: 2em;\n margin-bottom: 1em;\n line-height: 1.3333333;\n}\n\n.ms-prose :where(h2 strong):not(:where([class~="ms-not-prose"] *)) {\n font-weight: 800;\n color: inherit;\n}\n\n.ms-prose :where(h3):not(:where([class~="ms-not-prose"] *)) {\n color: var(--tw-prose-headings);\n font-weight: 600;\n font-size: 1.25em;\n margin-top: 1.6em;\n margin-bottom: 0.6em;\n line-height: 1.6;\n}\n\n.ms-prose :where(h3 strong):not(:where([class~="ms-not-prose"] *)) {\n font-weight: 700;\n color: inherit;\n}\n\n.ms-prose :where(h4):not(:where([class~="ms-not-prose"] *)) {\n color: var(--tw-prose-headings);\n font-weight: 600;\n margin-top: 1.5em;\n margin-bottom: 0.5em;\n line-height: 1.5;\n}\n\n.ms-prose :where(h4 strong):not(:where([class~="ms-not-prose"] *)) {\n font-weight: 700;\n color: inherit;\n}\n\n.ms-prose :where(img):not(:where([class~="ms-not-prose"] *)) {\n margin-top: 2em;\n margin-bottom: 2em;\n}\n\n.ms-prose :where(figure > *):not(:where([class~="ms-not-prose"] *)) {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.ms-prose :where(figcaption):not(:where([class~="ms-not-prose"] *)) {\n color: var(--tw-prose-captions);\n font-size: 0.875em;\n line-height: 1.4285714;\n margin-top: 0.8571429em;\n}\n\n.ms-prose :where(code):not(:where([class~="ms-not-prose"] *)) {\n color: var(--tw-prose-code);\n font-weight: 600;\n font-size: 0.875em;\n}\n\n.ms-prose :where(code):not(:where([class~="ms-not-prose"] *))::before {\n content: "`";\n}\n\n.ms-prose :where(code):not(:where([class~="ms-not-prose"] *))::after {\n content: "`";\n}\n\n.ms-prose :where(a code):not(:where([class~="ms-not-prose"] *)) {\n color: inherit;\n}\n\n.ms-prose :where(h1 code):not(:where([class~="ms-not-prose"] *)) {\n color: inherit;\n}\n\n.ms-prose :where(h2 code):not(:where([class~="ms-not-prose"] *)) {\n color: inherit;\n font-size: 0.875em;\n}\n\n.ms-prose :where(h3 code):not(:where([class~="ms-not-prose"] *)) {\n color: inherit;\n font-size: 0.9em;\n}\n\n.ms-prose :where(h4 code):not(:where([class~="ms-not-prose"] *)) {\n color: inherit;\n}\n\n.ms-prose :where(blockquote code):not(:where([class~="ms-not-prose"] *)) {\n color: inherit;\n}\n\n.ms-prose :where(thead th code):not(:where([class~="ms-not-prose"] *)) {\n color: inherit;\n}\n\n.ms-prose :where(pre):not(:where([class~="ms-not-prose"] *)) {\n color: var(--tw-prose-pre-code);\n background-color: var(--tw-prose-pre-bg);\n overflow-x: auto;\n font-weight: 400;\n font-size: 0.875em;\n line-height: 1.7142857;\n margin-top: 1.7142857em;\n margin-bottom: 1.7142857em;\n border-radius: 0.375rem;\n padding-top: 0.8571429em;\n padding-right: 1.1428571em;\n padding-bottom: 0.8571429em;\n padding-left: 1.1428571em;\n}\n\n.ms-prose :where(pre code):not(:where([class~="ms-not-prose"] *)) {\n background-color: transparent;\n border-width: 0;\n border-radius: 0;\n padding: 0;\n font-weight: inherit;\n color: inherit;\n font-size: inherit;\n font-family: inherit;\n line-height: inherit;\n}\n\n.ms-prose :where(pre code):not(:where([class~="ms-not-prose"] *))::before {\n content: none;\n}\n\n.ms-prose :where(pre code):not(:where([class~="ms-not-prose"] *))::after {\n content: none;\n}\n\n.ms-prose :where(table):not(:where([class~="ms-not-prose"] *)) {\n width: 100%;\n table-layout: auto;\n text-align: left;\n margin-top: 2em;\n margin-bottom: 2em;\n font-size: 0.875em;\n line-height: 1.7142857;\n}\n\n.ms-prose :where(thead):not(:where([class~="ms-not-prose"] *)) {\n border-bottom-width: 1px;\n border-bottom-color: var(--tw-prose-th-borders);\n}\n\n.ms-prose :where(thead th):not(:where([class~="ms-not-prose"] *)) {\n color: var(--tw-prose-headings);\n font-weight: 600;\n vertical-align: bottom;\n padding-right: 0.5714286em;\n padding-bottom: 0.5714286em;\n padding-left: 0.5714286em;\n}\n\n.ms-prose :where(tbody tr):not(:where([class~="ms-not-prose"] *)) {\n border-bottom-width: 1px;\n border-bottom-color: var(--tw-prose-td-borders);\n}\n\n.ms-prose :where(tbody tr:last-child):not(:where([class~="ms-not-prose"] *)) {\n border-bottom-width: 0;\n}\n\n.ms-prose :where(tbody td):not(:where([class~="ms-not-prose"] *)) {\n vertical-align: baseline;\n}\n\n.ms-prose :where(tfoot):not(:where([class~="ms-not-prose"] *)) {\n border-top-width: 1px;\n border-top-color: var(--tw-prose-th-borders);\n}\n\n.ms-prose :where(tfoot td):not(:where([class~="ms-not-prose"] *)) {\n vertical-align: top;\n}\n\n.ms-prose {\n --tw-prose-body: #374151;\n --tw-prose-headings: #111827;\n --tw-prose-lead: #4b5563;\n --tw-prose-links: #111827;\n --tw-prose-bold: #111827;\n --tw-prose-counters: #6b7280;\n --tw-prose-bullets: #d1d5db;\n --tw-prose-hr: #e5e7eb;\n --tw-prose-quotes: #111827;\n --tw-prose-quote-borders: #e5e7eb;\n --tw-prose-captions: #6b7280;\n --tw-prose-code: #111827;\n --tw-prose-pre-code: #e5e7eb;\n --tw-prose-pre-bg: #1f2937;\n --tw-prose-th-borders: #d1d5db;\n --tw-prose-td-borders: #e5e7eb;\n --tw-prose-invert-body: #d1d5db;\n --tw-prose-invert-headings: #fff;\n --tw-prose-invert-lead: #9ca3af;\n --tw-prose-invert-links: #fff;\n --tw-prose-invert-bold: #fff;\n --tw-prose-invert-counters: #9ca3af;\n --tw-prose-invert-bullets: #4b5563;\n --tw-prose-invert-hr: #374151;\n --tw-prose-invert-quotes: #f3f4f6;\n --tw-prose-invert-quote-borders: #374151;\n --tw-prose-invert-captions: #9ca3af;\n --tw-prose-invert-code: #fff;\n --tw-prose-invert-pre-code: #d1d5db;\n --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);\n --tw-prose-invert-th-borders: #4b5563;\n --tw-prose-invert-td-borders: #374151;\n font-size: 1rem;\n line-height: 1.75;\n}\n\n.ms-prose :where(video):not(:where([class~="ms-not-prose"] *)) {\n margin-top: 2em;\n margin-bottom: 2em;\n}\n\n.ms-prose :where(figure):not(:where([class~="ms-not-prose"] *)) {\n margin-top: 2em;\n margin-bottom: 2em;\n}\n\n.ms-prose :where(li):not(:where([class~="ms-not-prose"] *)) {\n margin-top: 0.5em;\n margin-bottom: 0.5em;\n}\n\n.ms-prose :where(ol > li):not(:where([class~="ms-not-prose"] *)) {\n padding-left: 0.375em;\n}\n\n.ms-prose :where(ul > li):not(:where([class~="ms-not-prose"] *)) {\n padding-left: 0.375em;\n}\n\n.ms-prose :where(.ms-prose > ul > li p):not(:where([class~="ms-not-prose"] *)) {\n margin-top: 0.75em;\n margin-bottom: 0.75em;\n}\n\n.ms-prose :where(.ms-prose > ul > li > *:first-child):not(:where([class~="ms-not-prose"] *)) {\n margin-top: 1.25em;\n}\n\n.ms-prose :where(.ms-prose > ul > li > *:last-child):not(:where([class~="ms-not-prose"] *)) {\n margin-bottom: 1.25em;\n}\n\n.ms-prose :where(.ms-prose > ol > li > *:first-child):not(:where([class~="ms-not-prose"] *)) {\n margin-top: 1.25em;\n}\n\n.ms-prose :where(.ms-prose > ol > li > *:last-child):not(:where([class~="ms-not-prose"] *)) {\n margin-bottom: 1.25em;\n}\n\n.ms-prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="ms-not-prose"] *)) {\n margin-top: 0.75em;\n margin-bottom: 0.75em;\n}\n\n.ms-prose :where(hr + *):not(:where([class~="ms-not-prose"] *)) {\n margin-top: 0;\n}\n\n.ms-prose :where(h2 + *):not(:where([class~="ms-not-prose"] *)) {\n margin-top: 0;\n}\n\n.ms-prose :where(h3 + *):not(:where([class~="ms-not-prose"] *)) {\n margin-top: 0;\n}\n\n.ms-prose :where(h4 + *):not(:where([class~="ms-not-prose"] *)) {\n margin-top: 0;\n}\n\n.ms-prose :where(thead th:first-child):not(:where([class~="ms-not-prose"] *)) {\n padding-left: 0;\n}\n\n.ms-prose :where(thead th:last-child):not(:where([class~="ms-not-prose"] *)) {\n padding-right: 0;\n}\n\n.ms-prose :where(tbody td, tfoot td):not(:where([class~="ms-not-prose"] *)) {\n padding-top: 0.5714286em;\n padding-right: 0.5714286em;\n padding-bottom: 0.5714286em;\n padding-left: 0.5714286em;\n}\n\n.ms-prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="ms-not-prose"] *)) {\n padding-left: 0;\n}\n\n.ms-prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="ms-not-prose"] *)) {\n padding-right: 0;\n}\n\n.ms-prose :where(.ms-prose > :first-child):not(:where([class~="ms-not-prose"] *)) {\n margin-top: 0;\n}\n\n.ms-prose :where(.ms-prose > :last-child):not(:where([class~="ms-not-prose"] *)) {\n margin-bottom: 0;\n}\n\n.ms-prose-invert {\n --tw-prose-body: var(--tw-prose-invert-body);\n --tw-prose-headings: var(--tw-prose-invert-headings);\n --tw-prose-lead: var(--tw-prose-invert-lead);\n --tw-prose-links: var(--tw-prose-invert-links);\n --tw-prose-bold: var(--tw-prose-invert-bold);\n --tw-prose-counters: var(--tw-prose-invert-counters);\n --tw-prose-bullets: var(--tw-prose-invert-bullets);\n --tw-prose-hr: var(--tw-prose-invert-hr);\n --tw-prose-quotes: var(--tw-prose-invert-quotes);\n --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);\n --tw-prose-captions: var(--tw-prose-invert-captions);\n --tw-prose-code: var(--tw-prose-invert-code);\n --tw-prose-pre-code: var(--tw-prose-invert-pre-code);\n --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);\n --tw-prose-th-borders: var(--tw-prose-invert-th-borders);\n --tw-prose-td-borders: var(--tw-prose-invert-td-borders);\n}\n\n.ms-visible {\n visibility: visible;\n}\n\n.ms-fixed {\n position: fixed;\n}\n\n.ms-absolute {\n position: absolute;\n}\n\n.ms-relative {\n position: relative;\n}\n\n.ms-inset-0 {\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n}\n\n.ms-inset-x-0 {\n left: 0px;\n right: 0px;\n}\n\n.-ms-bottom-1 {\n bottom: -0.25rem;\n}\n\n.ms-bottom-0 {\n bottom: 0px;\n}\n\n.ms-bottom-4 {\n bottom: 1rem;\n}\n\n.ms-left-1 {\n left: 0.25rem;\n}\n\n.ms-left-1\\/2 {\n left: 50%;\n}\n\n.ms-right-2 {\n right: 0.5rem;\n}\n\n.ms-right-3 {\n right: 0.75rem;\n}\n\n.ms-right-4 {\n right: 1rem;\n}\n\n.ms-right-6 {\n right: 1.5rem;\n}\n\n.ms-right-8 {\n right: 2rem;\n}\n\n.ms-top-2 {\n top: 0.5rem;\n}\n\n.ms-top-full {\n top: 100%;\n}\n\n.\\!ms-z-\\[10001\\] {\n z-index: 10001 !important;\n}\n\n.-ms-z-10 {\n z-index: -10;\n}\n\n.ms-z-10 {\n z-index: 10;\n}\n\n.ms-z-\\[1000\\] {\n z-index: 1000;\n}\n\n.ms-z-\\[100\\] {\n z-index: 100;\n}\n\n.ms-float-right {\n float: right;\n}\n\n.ms-float-left {\n float: left;\n}\n\n.\\!ms-m-0 {\n margin: 0px !important;\n}\n\n.ms-m-0 {\n margin: 0px;\n}\n\n.ms-m-1 {\n margin: 0.25rem;\n}\n\n.\\!ms-my-4 {\n margin-top: 1rem !important;\n margin-bottom: 1rem !important;\n}\n\n.ms-my-2 {\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n}\n\n.\\!ms-mb-0 {\n margin-bottom: 0px !important;\n}\n\n.\\!ms-ml-3 {\n margin-left: 0.75rem !important;\n}\n\n.\\!ms-mt-1 {\n margin-top: 0.25rem !important;\n}\n\n.\\!ms-mt-2 {\n margin-top: 0.5rem !important;\n}\n\n.ms-mb-0 {\n margin-bottom: 0px;\n}\n\n.ms-mb-1 {\n margin-bottom: 0.25rem;\n}\n\n.ms-mb-2 {\n margin-bottom: 0.5rem;\n}\n\n.ms-mb-4 {\n margin-bottom: 1rem;\n}\n\n.ms-ml-0 {\n margin-left: 0px;\n}\n\n.ms-ml-1 {\n margin-left: 0.25rem;\n}\n\n.ms-ml-11 {\n margin-left: 2.75rem;\n}\n\n.ms-ml-4 {\n margin-left: 1rem;\n}\n\n.ms-mr-1 {\n margin-right: 0.25rem;\n}\n\n.ms-mr-2 {\n margin-right: 0.5rem;\n}\n\n.ms-mr-4 {\n margin-right: 1rem;\n}\n\n.ms-mr-5 {\n margin-right: 1.25rem;\n}\n\n.ms-mt-0 {\n margin-top: 0px;\n}\n\n.ms-mt-1 {\n margin-top: 0.25rem;\n}\n\n.ms-mt-2 {\n margin-top: 0.5rem;\n}\n\n.ms-mt-20 {\n margin-top: 5rem;\n}\n\n.ms-mt-4 {\n margin-top: 1rem;\n}\n\n.ms-mt-6 {\n margin-top: 1.5rem;\n}\n\n.ms-block {\n display: block;\n}\n\n.ms-inline-block {\n display: inline-block;\n}\n\n.ms-flex {\n display: flex;\n}\n\n.ms-grid {\n display: grid;\n}\n\n.ms-hidden {\n display: none;\n}\n\n.ms-h-0 {\n height: 0px;\n}\n\n.ms-h-0\\.5 {\n height: 0.125rem;\n}\n\n.ms-h-1 {\n height: 0.25rem;\n}\n\n.ms-h-10 {\n height: 2.5rem;\n}\n\n.ms-h-12 {\n height: 3rem;\n}\n\n.ms-h-16 {\n height: 4rem;\n}\n\n.ms-h-4 {\n height: 1rem;\n}\n\n.ms-h-5 {\n height: 1.25rem;\n}\n\n.ms-h-6 {\n height: 1.5rem;\n}\n\n.ms-h-64 {\n height: 16rem;\n}\n\n.ms-h-8 {\n height: 2rem;\n}\n\n.ms-h-\\[95\\%\\] {\n height: 95%;\n}\n\n.ms-h-fit {\n height: -moz-fit-content;\n height: fit-content;\n}\n\n.ms-h-full {\n height: 100%;\n}\n\n.ms-h-screen {\n height: 100vh;\n}\n\n.ms-max-h-\\[200px\\] {\n max-height: 200px;\n}\n\n.ms-max-h-\\[275px\\] {\n max-height: 275px;\n}\n\n.ms-max-h-\\[340px\\] {\n max-height: 340px;\n}\n\n.ms-max-h-\\[550px\\] {\n max-height: 550px;\n}\n\n.ms-max-h-full {\n max-height: 100%;\n}\n\n.ms-min-h-\\[100px\\] {\n min-height: 100px;\n}\n\n.ms-min-h-\\[40px\\] {\n min-height: 40px;\n}\n\n.ms-min-h-full {\n min-height: 100%;\n}\n\n.ms-w-12 {\n width: 3rem;\n}\n\n.ms-w-16 {\n width: 4rem;\n}\n\n.ms-w-28 {\n width: 7rem;\n}\n\n.ms-w-4 {\n width: 1rem;\n}\n\n.ms-w-5 {\n width: 1.25rem;\n}\n\n.ms-w-6 {\n width: 1.5rem;\n}\n\n.ms-w-8 {\n width: 2rem;\n}\n\n.ms-w-fit {\n width: -moz-fit-content;\n width: fit-content;\n}\n\n.ms-w-full {\n width: 100%;\n}\n\n.ms-min-w-0 {\n min-width: 0px;\n}\n\n.ms-min-w-\\[32px\\] {\n min-width: 32px;\n}\n\n.ms-min-w-\\[64px\\] {\n min-width: 64px;\n}\n\n.ms-max-w-full {\n max-width: 100%;\n}\n\n.ms-max-w-xs {\n max-width: 20rem;\n}\n\n.ms-flex-1 {\n flex: 1 1 0%;\n}\n\n.ms-flex-grow {\n flex-grow: 1;\n}\n\n.\\!-ms-translate-x-1 {\n --tw-translate-x: -0.25rem !important;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;\n}\n\n.\\!-ms-translate-x-1\\/2 {\n --tw-translate-x: -50% !important;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;\n}\n\n.-ms-rotate-45 {\n --tw-rotate: -45deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.-ms-rotate-90 {\n --tw-rotate: -90deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.ms-rotate-0 {\n --tw-rotate: 0deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.ms-rotate-180 {\n --tw-rotate: 180deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.ms-rotate-45 {\n --tw-rotate: 45deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.ms-rotate-90 {\n --tw-rotate: 90deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.ms-scale-100 {\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.ms-scale-105 {\n --tw-scale-x: 1.05;\n --tw-scale-y: 1.05;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.ms-scale-95 {\n --tw-scale-x: .95;\n --tw-scale-y: .95;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.ms-transform {\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n@keyframes ms-fade-in-up {\n\n 0% {\n opacity: 0;\n transform: translateY(10px);\n }\n\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.ms-animate-fade-in-up {\n animation: ms-fade-in-up 0.4s ease-out;\n}\n\n@keyframes ms-pulse {\n\n 50% {\n opacity: .5;\n }\n}\n\n.ms-animate-pulse {\n animation: ms-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n}\n\n@keyframes ms-spin {\n\n to {\n transform: rotate(360deg);\n }\n}\n\n.ms-animate-spin {\n animation: ms-spin 1s linear infinite;\n}\n\n.ms-cursor-pointer {\n cursor: pointer;\n}\n\n.ms-resize-none {\n resize: none;\n}\n\n.ms-list-inside {\n list-style-position: inside;\n}\n\n.ms-grid-cols-1 {\n grid-template-columns: repeat(1, minmax(0, 1fr));\n}\n\n.ms-grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n\n.ms-flex-row {\n flex-direction: row;\n}\n\n.ms-flex-col {\n flex-direction: column;\n}\n\n.ms-flex-col-reverse {\n flex-direction: column-reverse;\n}\n\n.ms-flex-wrap {\n flex-wrap: wrap;\n}\n\n.ms-items-start {\n align-items: flex-start;\n}\n\n.ms-items-end {\n align-items: flex-end;\n}\n\n.ms-items-center {\n align-items: center;\n}\n\n.ms-justify-start {\n justify-content: flex-start;\n}\n\n.ms-justify-center {\n justify-content: center;\n}\n\n.ms-justify-between {\n justify-content: space-between;\n}\n\n.ms-gap-1 {\n gap: 0.25rem;\n}\n\n.ms-gap-2 {\n gap: 0.5rem;\n}\n\n.ms-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-x-reverse: 0;\n margin-right: calc(0.5rem * var(--tw-space-x-reverse));\n margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));\n}\n\n.ms-self-end {\n align-self: flex-end;\n}\n\n.ms-overflow-auto {\n overflow: auto;\n}\n\n.ms-overflow-hidden {\n overflow: hidden;\n}\n\n.ms-overflow-y-auto {\n overflow-y: auto;\n}\n\n.ms-truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.ms-whitespace-nowrap {\n white-space: nowrap;\n}\n\n.ms-break-all {\n word-break: break-all;\n}\n\n.ms-rounded {\n border-radius: 0.25rem;\n}\n\n.ms-rounded-2xl {\n border-radius: 1rem;\n}\n\n.ms-rounded-full {\n border-radius: 9999px;\n}\n\n.ms-rounded-lg {\n border-radius: 0.5rem;\n}\n\n.ms-rounded-md {\n border-radius: 0.375rem;\n}\n\n.ms-rounded-xl {\n border-radius: 0.75rem;\n}\n\n.ms-rounded-b-md {\n border-bottom-right-radius: 0.375rem;\n border-bottom-left-radius: 0.375rem;\n}\n\n.ms-rounded-t-md {\n border-top-left-radius: 0.375rem;\n border-top-right-radius: 0.375rem;\n}\n\n.ms-rounded-t-xl {\n border-top-left-radius: 0.75rem;\n border-top-right-radius: 0.75rem;\n}\n\n.\\!ms-border-0 {\n border-width: 0px !important;\n}\n\n.ms-border {\n border-width: 1px;\n}\n\n.ms-border-0 {\n border-width: 0px;\n}\n\n.\\!ms-border-b {\n border-bottom-width: 1px !important;\n}\n\n.ms-border-b {\n border-bottom-width: 1px;\n}\n\n.\\!ms-border-gray-700 {\n --tw-border-opacity: 1 !important;\n border-color: rgb(55 65 81 / var(--tw-border-opacity)) !important;\n}\n\n.\\!ms-border-transparent {\n border-color: transparent !important;\n}\n\n.ms-border-gray-500 {\n --tw-border-opacity: 1;\n border-color: rgb(107 114 128 / var(--tw-border-opacity));\n}\n\n.ms-border-red-300 {\n --tw-border-opacity: 1;\n border-color: rgb(252 165 165 / var(--tw-border-opacity));\n}\n\n.ms-border-yellow-300 {\n --tw-border-opacity: 1;\n border-color: rgb(253 224 71 / var(--tw-border-opacity));\n}\n\n.ms-border-opacity-20 {\n --tw-border-opacity: 0.2;\n}\n\n.ms-border-opacity-50 {\n --tw-border-opacity: 0.5;\n}\n\n.\\!ms-bg-gray-800 {\n --tw-bg-opacity: 1 !important;\n background-color: rgb(31 41 55 / var(--tw-bg-opacity)) !important;\n}\n\n.\\!ms-bg-gray-900 {\n --tw-bg-opacity: 1 !important;\n background-color: rgb(17 24 39 / var(--tw-bg-opacity)) !important;\n}\n\n.ms-bg-\\[\\#1a1a1a\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(26 26 26 / var(--tw-bg-opacity));\n}\n\n.ms-bg-\\[\\#3C3C3C\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(60 60 60 / var(--tw-bg-opacity));\n}\n\n.ms-bg-\\[\\#ECEDEE\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(236 237 238 / var(--tw-bg-opacity));\n}\n\n.ms-bg-\\[\\#ffffff\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n\n.ms-bg-black {\n --tw-bg-opacity: 1;\n background-color: rgb(0 0 0 / var(--tw-bg-opacity));\n}\n\n.ms-bg-gray-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(243 244 246 / var(--tw-bg-opacity));\n}\n\n.ms-bg-gray-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(156 163 175 / var(--tw-bg-opacity));\n}\n\n.ms-bg-gray-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(249 250 251 / var(--tw-bg-opacity));\n}\n\n.ms-bg-gray-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(31 41 55 / var(--tw-bg-opacity));\n}\n\n.ms-bg-red-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(254 226 226 / var(--tw-bg-opacity));\n}\n\n.ms-bg-transparent {\n background-color: transparent;\n}\n\n.ms-bg-white {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n\n.ms-bg-yellow-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(254 249 195 / var(--tw-bg-opacity));\n}\n\n.\\!ms-bg-opacity-50 {\n --tw-bg-opacity: 0.5 !important;\n}\n\n.\\!ms-bg-opacity-75 {\n --tw-bg-opacity: 0.75 !important;\n}\n\n.ms-bg-opacity-0 {\n --tw-bg-opacity: 0;\n}\n\n.ms-bg-opacity-10 {\n --tw-bg-opacity: 0.1;\n}\n\n.ms-bg-opacity-100 {\n --tw-bg-opacity: 1;\n}\n\n.ms-bg-opacity-25 {\n --tw-bg-opacity: 0.25;\n}\n\n.ms-bg-opacity-5 {\n --tw-bg-opacity: 0.05;\n}\n\n.ms-bg-opacity-50 {\n --tw-bg-opacity: 0.5;\n}\n\n.ms-bg-opacity-75 {\n --tw-bg-opacity: 0.75;\n}\n\n.ms-bg-opacity-80 {\n --tw-bg-opacity: 0.8;\n}\n\n.\\!ms-fill-gray-800 {\n fill: #1f2937 !important;\n}\n\n.\\!ms-fill-inherit {\n fill: inherit !important;\n}\n\n.\\!ms-fill-white {\n fill: #fff !important;\n}\n\n.ms-fill-gray-400 {\n fill: #9ca3af;\n}\n\n.ms-fill-gray-500 {\n fill: #6b7280;\n}\n\n.ms-fill-gray-800 {\n fill: #1f2937;\n}\n\n.ms-fill-white {\n fill: #fff;\n}\n\n.ms-fill-yellow-500 {\n fill: #eab308;\n}\n\n.ms-stroke-inherit {\n stroke: inherit;\n}\n\n.ms-stroke-white {\n stroke: #fff;\n}\n\n.\\!ms-p-0 {\n padding: 0px !important;\n}\n\n.ms-p-0 {\n padding: 0px;\n}\n\n.ms-p-0\\.5 {\n padding: 0.125rem;\n}\n\n.ms-p-1 {\n padding: 0.25rem;\n}\n\n.ms-p-2 {\n padding: 0.5rem;\n}\n\n.ms-p-20 {\n padding: 5rem;\n}\n\n.ms-p-4 {\n padding: 1rem;\n}\n\n.ms-p-\\[0\\.5px\\] {\n padding: 0.5px;\n}\n\n.ms-px-1 {\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n}\n\n.ms-px-1\\.5 {\n padding-left: 0.375rem;\n padding-right: 0.375rem;\n}\n\n.ms-px-2 {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n}\n\n.ms-px-3 {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n}\n\n.ms-px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n.ms-px-\\[7px\\] {\n padding-left: 7px;\n padding-right: 7px;\n}\n\n.ms-px-\\[8px\\] {\n padding-left: 8px;\n padding-right: 8px;\n}\n\n.ms-py-1 {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n}\n\n.ms-py-1\\.5 {\n padding-top: 0.375rem;\n padding-bottom: 0.375rem;\n}\n\n.ms-py-2 {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n.ms-py-\\[1px\\] {\n padding-top: 1px;\n padding-bottom: 1px;\n}\n\n.ms-py-\\[2px\\] {\n padding-top: 2px;\n padding-bottom: 2px;\n}\n\n.ms-pb-2 {\n padding-bottom: 0.5rem;\n}\n\n.ms-pb-4 {\n padding-bottom: 1rem;\n}\n\n.ms-pl-0 {\n padding-left: 0px;\n}\n\n.ms-pl-1 {\n padding-left: 0.25rem;\n}\n\n.ms-pl-2 {\n padding-left: 0.5rem;\n}\n\n.ms-pl-4 {\n padding-left: 1rem;\n}\n\n.ms-pl-8 {\n padding-left: 2rem;\n}\n\n.ms-pr-1 {\n padding-right: 0.25rem;\n}\n\n.ms-pr-2 {\n padding-right: 0.5rem;\n}\n\n.ms-pr-4 {\n padding-right: 1rem;\n}\n\n.ms-pt-2 {\n padding-top: 0.5rem;\n}\n\n.ms-text-left {\n text-align: left;\n}\n\n.ms-text-center {\n text-align: center;\n}\n\n.ms-align-middle {\n vertical-align: middle;\n}\n\n.ms-font-sans {\n font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";\n}\n\n.ms-text-\\[10px\\] {\n font-size: 10px;\n}\n\n.ms-text-\\[8px\\] {\n font-size: 8px;\n}\n\n.ms-text-base {\n font-size: 1rem;\n line-height: 1.5rem;\n}\n\n.ms-text-sm {\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n\n.ms-text-xl {\n font-size: 1.25rem;\n line-height: 1.75rem;\n}\n\n.ms-text-xs {\n font-size: 0.75rem;\n line-height: 1rem;\n}\n\n.ms-font-bold {\n font-weight: 700;\n}\n\n.ms-font-medium {\n font-weight: 500;\n}\n\n.ms-font-normal {\n font-weight: 400;\n}\n\n.ms-font-thin {\n font-weight: 100;\n}\n\n.ms-leading-3 {\n line-height: .75rem;\n}\n\n.ms-leading-4 {\n line-height: 1rem;\n}\n\n.\\!ms-text-gray-400 {\n --tw-text-opacity: 1 !important;\n color: rgb(156 163 175 / var(--tw-text-opacity)) !important;\n}\n\n.\\!ms-text-white {\n --tw-text-opacity: 1 !important;\n color: rgb(255 255 255 / var(--tw-text-opacity)) !important;\n}\n\n.ms-text-\\[\\#020202\\] {\n --tw-text-opacity: 1;\n color: rgb(2 2 2 / var(--tw-text-opacity));\n}\n\n.ms-text-\\[\\#e1e1e1\\] {\n --tw-text-opacity: 1;\n color: rgb(225 225 225 / var(--tw-text-opacity));\n}\n\n.ms-text-black {\n --tw-text-opacity: 1;\n color: rgb(0 0 0 / var(--tw-text-opacity));\n}\n\n.ms-text-gray-100 {\n --tw-text-opacity: 1;\n color: rgb(243 244 246 / var(--tw-text-opacity));\n}\n\n.ms-text-gray-200 {\n --tw-text-opacity: 1;\n color: rgb(229 231 235 / var(--tw-text-opacity));\n}\n\n.ms-text-gray-400 {\n --tw-text-opacity: 1;\n color: rgb(156 163 175 / var(--tw-text-opacity));\n}\n\n.ms-text-gray-50 {\n --tw-text-opacity: 1;\n color: rgb(249 250 251 / var(--tw-text-opacity));\n}\n\n.ms-text-gray-500 {\n --tw-text-opacity: 1;\n color: rgb(107 114 128 / var(--tw-text-opacity));\n}\n\n.ms-text-gray-800 {\n --tw-text-opacity: 1;\n color: rgb(31 41 55 / var(--tw-text-opacity));\n}\n\n.ms-text-gray-900 {\n --tw-text-opacity: 1;\n color: rgb(17 24 39 / var(--tw-text-opacity));\n}\n\n.ms-text-green-500 {\n --tw-text-opacity: 1;\n color: rgb(34 197 94 / var(--tw-text-opacity));\n}\n\n.ms-text-red-500 {\n --tw-text-opacity: 1;\n color: rgb(239 68 68 / var(--tw-text-opacity));\n}\n\n.ms-text-white {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.ms-text-opacity-100 {\n --tw-text-opacity: 1;\n}\n\n.ms-text-opacity-50 {\n --tw-text-opacity: 0.5;\n}\n\n.ms-underline {\n text-decoration-line: underline;\n}\n\n.ms-no-underline {\n text-decoration-line: none;\n}\n\n.ms-opacity-0 {\n opacity: 0;\n}\n\n.ms-opacity-10 {\n opacity: 0.1;\n}\n\n.ms-opacity-100 {\n opacity: 1;\n}\n\n.ms-opacity-60 {\n opacity: 0.6;\n}\n\n.ms-opacity-75 {\n opacity: 0.75;\n}\n\n.ms-shadow {\n --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.ms-shadow-lg {\n --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.ms-shadow-xl {\n --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.ms-outline-none {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n\n.ms-ring-0 {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.ms-ring-transparent {\n --tw-ring-color: transparent;\n}\n\n.ms-transition {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n\n.ms-transition-all {\n transition-property: all;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n\n.ms-transition-colors {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n\n.ms-delay-75 {\n transition-delay: 75ms;\n}\n\n.ms-duration-100 {\n transition-duration: 100ms;\n}\n\n.ms-duration-200 {\n transition-duration: 200ms;\n}\n\n.ms-duration-300 {\n transition-duration: 300ms;\n}\n\n.ms-ease-in {\n transition-timing-function: cubic-bezier(0.4, 0, 1, 1);\n}\n\n.ms-ease-in-out {\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.ms-ease-out {\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n\n.ms-content-none {\n --tw-content: none;\n content: var(--tw-content);\n}\n\n*,\n::before,\n::after {\n border-width: 0;\n border-style: solid;\n border-color: #ffffff00;\n}\n\n::before,\n::after {\n --tw-content: "";\n}\n\nhtml {\n -webkit-text-size-adjust: 100%;\n font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,\n "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,\n "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";\n}\n\n.messageIconContainer img {\n max-width: 100%;\n height: auto;\n object-fit: contain;\n overflow: hidden;\n}\n\n.ms-mendable-highlight pre[class*="language-"] {\n color: #f8fafc !important;\n}\n\n.ms-mendable-highlight .token.tag,\n.ms-mendable-highlight .token.class-name,\n.ms-mendable-highlight .token.selector,\n.ms-mendable-highlight .token.selector .class,\n.ms-mendable-highlight .token.selector.class,\n.ms-mendable-highlight .token.function {\n color: #f472b6 !important;\n}\n\n.ms-mendable-highlight .token.attr-name,\n.ms-mendable-highlight .token.keyword,\n.ms-mendable-highlight .token.rule,\n.ms-mendable-highlight .token.pseudo-class,\n.ms-mendable-highlight .token.important {\n color: #cbd5e1 !important;\n}\n\n.ms-mendable-highlight .token.module {\n color: #f472b6 !important;\n}\n\n.ms-mendable-highlight .token.attr-value,\n.ms-mendable-highlight .token.class,\n.ms-mendable-highlight .token.string,\n.ms-mendable-highlight .token.property {\n color: #7dd3fc !important;\n}\n\n.ms-mendable-highlight .token.punctuation,\n.ms-mendable-highlight .token.attr-equals {\n color: #64748b !important;\n}\n\n.ms-mendable-highlight .token.unit,\n.ms-mendable-highlight .language-css .token.function {\n color: #99f6e4 !important;\n}\n\n.ms-mendable-highlight .token.comment,\n.ms-mendable-highlight .token.operator,\n.ms-mendable-highlight .token.combinator {\n color: #94a3b8 !important;\n}\n.ms-mendable-highlight .token.plain {\n color: #ffffff;\n}\n.ms-mendable-highlight .token.variable {\n color: #ffffff;\n}\n\n.ms-mendable-highlight .token.boolean {\n color: #ffffff;\n}\n.ms-mendable-highlight .token.number {\n color: #ffffff;\n}\n.ms-mendable-highlight .token.constant {\n color: #ffffff;\n}\n.ms-mendable-highlight .token.symbol {\n color: #ffffff;\n}\n.ms-mendable-highlight .token.deleted {\n color: #ffffff;\n}\n.ms-mendable-highlight .token.inserted {\n color: #ffffff;\n}\n.ms-mendable-highlight .token.operator {\n color: #ffffff;\n}\n.ms-mendable-highlight .token.prolog {\n color: #ffffff;\n}\n.ms-mendable-highlight .token.doctype {\n color: #ffffff;\n}\n.ms-mendable-highlight .token.entity {\n color: #ffffff;\n}\n.ms-mendable-highlight .token.url {\n color: #ffffff;\n}\n.ms-mendable-highlight .token.variable {\n color: #ffffff;\n}\n.ms-mendable-highlight .token.regex {\n color: #ffffff;\n}\n\n.ms-mendable-highlight .token.atrule {\n color: #ffffff;\n}\n.ms-mendable-highlight .token.keyword {\n color: #ffffff;\n}\n.ms-mendable-highlight .token.function {\n color: #ffffff;\n}\n.ms-mendable-highlight .token.hexcode {\n color: #ffffff;\n}\n.ms-mendable-highlight .token.entity {\n color: #ffffff;\n}\n\n.ms-mendable-highlight .token.bold {\n font-weight: bold;\n}\n\n\n\n\n.ms-mendable-highlight-light code[class*="language-"],\n.ms-mendable-highlight-light pre[class*="language-"] {\n text-align: left;\n white-space: pre;\n word-spacing: normal;\n word-break: normal;\n word-wrap: normal;\n color: #90a4ae !important;;\n background: #fafafa !important;;\n font-family: Roboto Mono, monospace;\n font-size: 1em;\n line-height: 1.5em;\n tab-size: 4;\n\n -webkit-hyphens: none;\n hyphens: none;\n}\n.ms-mendable-highlight-light code[class*="language-"]::selection,\n.ms-mendable-highlight-light pre[class*="language-"]::selection,\n.ms-mendable-highlight-light code[class*="language-"] ::selection,\n.ms-mendable-highlight-light pre[class*="language-"] ::selection {\n background: #cceae7;\n color: #263238;\n}\n.ms-mendable-highlight-light :not(pre) > code[class*="language-"] {\n white-space: normal;\n border-radius: 0.2em;\n padding: 0.1em;\n}\n.ms-mendable-highlight-light pre[class*="language-"] {\n overflow: auto;\n position: relative;\n margin: 0.5em 0;\n padding: 1.25em 1em;\n}\n\n.ms-mendable-highlight-light .language-css > code,\n.ms-mendable-highlight-light .language-sass > code,\n.ms-mendable-highlight-light .language-scss > code {\n color: #f76d47;\n}\n.ms-mendable-highlight-light [class*="language-"] .namespace {\n opacity: 0.7;\n}\n.ms-mendable-highlight-light .token.atrule {\n color: #7c4dff;\n}\n.ms-mendable-highlight-light .token.attr-name {\n color: #313335;\n}\n.ms-mendable-highlight-light .token.attr-value {\n color: #f6a434;\n}\n.ms-mendable-highlight-light .token.attribute {\n color: #f6a434;\n}\n.ms-mendable-highlight-light .token.boolean {\n color: #7c4dff;\n}\n.ms-mendable-highlight-light .token.builtin {\n color: #313335;\n}\n.ms-mendable-highlight-light .token.cdata {\n color: #313335;\n}\n.ms-mendable-highlight-light .token.char {\n color: #313335;\n}\n.ms-mendable-highlight-light .token.class {\n color: #313335;\n}\n.ms-mendable-highlight-light .token.class-name {\n color: #6182b8;\n}\n.ms-mendable-highlight-light .token.comment {\n color: #78878f;\n}\n.ms-mendable-highlight-light .token.property-access {\n color: #313335;\n}\n.ms-mendable-highlight-light .token.parameter {\n color: #f6a434;\n}\n.ms-mendable-highlight-light .token.constant {\n color: #7c4dff;\n}\n.ms-mendable-highlight-light .token.deleted {\n color: #e53935;\n}\n.ms-mendable-highlight-light .token.doctype {\n color: #aabfc9;\n}\n.ms-mendable-highlight-light .token.entity {\n color: #e53935;\n}\n.ms-mendable-highlight-light .token.function {\n color: rgb(71, 49, 128);\n}\n.ms-mendable-highlight-light .token.hexcode {\n color: #f76d47;\n}\n.ms-mendable-highlight-light .token.imports {\n color: rgb(26, 25, 25);\n}\n.ms-mendable-highlight-light .token.id {\n color: #7c4dff;\n font-weight: bold;\n}\n.ms-mendable-highlight-light .token.maybe-class-name {\n color: #7c4dff;\n}\n\n.ms-mendable-highlight-light .token.important {\n color: #7c4dff;\n font-weight: bold;\n}\n.ms-mendable-highlight-light .token.inserted {\n color: #313335;\n}\n.ms-mendable-highlight-light .token.keyword {\n color: #7c4dff;\n}\n.ms-mendable-highlight-light .token.number {\n color: #f76d47;\n}\n.ms-mendable-highlight-light .token.operator {\n color: #313335;\n}\n.ms-mendable-highlight-light .token.prolog {\n color: #313335;\n}\n\n.ms-mendable-highlight-light .token.plain {\n color: #313335;\n}\n.ms-mendable-highlight-light .token.property {\n color: #313335;\n}\n.ms-mendable-highlight-light .token.pseudo-class {\n color: #f6a434;\n}\n.ms-mendable-highlight-light .token.pseudo-element {\n color: #f6a434;\n}\n.ms-mendable-highlight-light .token.punctuation {\n color: #313335;\n}\n.ms-mendable-highlight-light .token.regex {\n color: #6182b8;\n}\n.ms-mendable-highlight-light .token.selector {\n color: #313335;\n}\n.ms-mendable-highlight-light .token.string {\n color: #f6a434;\n}\n.ms-mendable-highlight-light .token.symbol {\n color: #7c4dff;\n}\n.ms-mendable-highlight-light .token.tag {\n color: #313335;\n}\n.ms-mendable-highlight-light .token.unit {\n color: #f76d47;\n}\n.ms-mendable-highlight-light .token.url {\n color: #313335;\n}\n.ms-mendable-highlight-light .token.variable {\n color: #5e6164;\n}\n\n\n\n.ms-qs-sug::-webkit-scrollbar {\n width: 3px;\n height: 3px; /* Add height for horizontal scrollbar */\n}\n\n.ms-qs-sug::-webkit-scrollbar-track {\n background-color: transparent;\n}\n\n.ms-qs-sug::-webkit-scrollbar-thumb {\n background-color: #d1d5db80;\n border-radius: 1px;\n}\n\n/* Add styles for horizontal scrollbar */\n.ms-qs-sug::-webkit-scrollbar-corner {\n background-color: transparent;\n}\n\n.highlightedText {\n line-height: 1.2em;\n max-height: 2.4em; /* Twice the line-height */\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n}\n\n.placeholder\\:ms-text-gray-400::placeholder {\n --tw-text-opacity: 1;\n color: rgb(156 163 175 / var(--tw-text-opacity));\n}\n\n.before\\:ms-content-none::before {\n --tw-content: none;\n content: var(--tw-content);\n}\n\n.after\\:ms-content-none::after {\n --tw-content: none;\n content: var(--tw-content);\n}\n\n.hover\\:\\!ms-cursor-pointer:hover {\n cursor: pointer !important;\n}\n\n.hover\\:ms-cursor-pointer:hover {\n cursor: pointer;\n}\n\n.hover\\:ms-cursor-text:hover {\n cursor: text;\n}\n\n.hover\\:ms-border-gray-100:hover {\n --tw-border-opacity: 1;\n border-color: rgb(243 244 246 / var(--tw-border-opacity));\n}\n\n.hover\\:ms-border-gray-800:hover {\n --tw-border-opacity: 1;\n border-color: rgb(31 41 55 / var(--tw-border-opacity));\n}\n\n.hover\\:\\!ms-bg-gray-800:hover {\n --tw-bg-opacity: 1 !important;\n background-color: rgb(31 41 55 / var(--tw-bg-opacity)) !important;\n}\n\n.hover\\:ms-bg-black:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(0 0 0 / var(--tw-bg-opacity));\n}\n\n.hover\\:ms-bg-gray-100:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(243 244 246 / var(--tw-bg-opacity));\n}\n\n.hover\\:ms-bg-white:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n\n.hover\\:\\!ms-bg-opacity-75:hover {\n --tw-bg-opacity: 0.75 !important;\n}\n\n.hover\\:ms-bg-opacity-10:hover {\n --tw-bg-opacity: 0.1;\n}\n\n.hover\\:ms-bg-opacity-25:hover {\n --tw-bg-opacity: 0.25;\n}\n\n.hover\\:ms-bg-opacity-5:hover {\n --tw-bg-opacity: 0.05;\n}\n\n.hover\\:ms-bg-opacity-75:hover {\n --tw-bg-opacity: 0.75;\n}\n\n.hover\\:ms-bg-opacity-80:hover {\n --tw-bg-opacity: 0.8;\n}\n\n.hover\\:\\!ms-text-white:hover {\n --tw-text-opacity: 1 !important;\n color: rgb(255 255 255 / var(--tw-text-opacity)) !important;\n}\n\n.hover\\:ms-text-white:hover {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.hover\\:ms-shadow-md:hover {\n --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.focus\\:ms-z-10:focus {\n z-index: 10;\n}\n\n.focus\\:ms-bg-gray-800:focus {\n --tw-bg-opacity: 1;\n background-color: rgb(31 41 55 / var(--tw-bg-opacity));\n}\n\n.focus\\:ms-bg-opacity-75:focus {\n --tw-bg-opacity: 0.75;\n}\n\n.focus\\:ms-fill-white:focus {\n fill: #fff;\n}\n\n.focus\\:ms-text-white:focus {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.focus\\:ms-outline-none:focus {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n\n.focus\\:ms-ring-0:focus {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.focus\\:ms-ring-transparent:focus {\n --tw-ring-color: transparent;\n}\n\n.disabled\\:ms-bg-opacity-10:disabled {\n --tw-bg-opacity: 0.1;\n}\n\n.prose-headings\\:ms-text-gray-900 :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="ms-not-prose"] *))) {\n --tw-text-opacity: 1;\n color: rgb(17 24 39 / var(--tw-text-opacity));\n}\n\n.prose-headings\\:ms-text-white :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="ms-not-prose"] *))) {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.prose-p\\:ms-text-gray-900 :is(:where(p):not(:where([class~="ms-not-prose"] *))) {\n --tw-text-opacity: 1;\n color: rgb(17 24 39 / var(--tw-text-opacity));\n}\n\n.prose-p\\:ms-text-white :is(:where(p):not(:where([class~="ms-not-prose"] *))) {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.prose-a\\:ms-text-gray-900 :is(:where(a):not(:where([class~="ms-not-prose"] *))) {\n --tw-text-opacity: 1;\n color: rgb(17 24 39 / var(--tw-text-opacity));\n}\n\n.prose-a\\:ms-text-white :is(:where(a):not(:where([class~="ms-not-prose"] *))) {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.prose-blockquote\\:ms-text-gray-900 :is(:where(blockquote):not(:where([class~="ms-not-prose"] *))) {\n --tw-text-opacity: 1;\n color: rgb(17 24 39 / var(--tw-text-opacity));\n}\n\n.prose-blockquote\\:ms-text-white :is(:where(blockquote):not(:where([class~="ms-not-prose"] *))) {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.prose-strong\\:ms-text-gray-900 :is(:where(strong):not(:where([class~="ms-not-prose"] *))) {\n --tw-text-opacity: 1;\n color: rgb(17 24 39 / var(--tw-text-opacity));\n}\n\n.prose-strong\\:ms-text-white :is(:where(strong):not(:where([class~="ms-not-prose"] *))) {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.prose-code\\:ms-text-gray-100 :is(:where(code):not(:where([class~="ms-not-prose"] *))) {\n --tw-text-opacity: 1;\n color: rgb(243 244 246 / var(--tw-text-opacity));\n}\n\n.prose-code\\:ms-text-white :is(:where(code):not(:where([class~="ms-not-prose"] *))) {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.prose-pre\\:ms-bg-\\[\\#1f2937\\] :is(:where(pre):not(:where([class~="ms-not-prose"] *))) {\n --tw-bg-opacity: 1;\n background-color: rgb(31 41 55 / var(--tw-bg-opacity));\n}\n\n.prose-pre\\:ms-bg-\\[\\#f4f4f4\\] :is(:where(pre):not(:where([class~="ms-not-prose"] *))) {\n --tw-bg-opacity: 1;\n background-color: rgb(244 244 244 / var(--tw-bg-opacity));\n}\n\n.prose-li\\:ms-text-gray-900 :is(:where(li):not(:where([class~="ms-not-prose"] *))) {\n --tw-text-opacity: 1;\n color: rgb(17 24 39 / var(--tw-text-opacity));\n}\n\n.prose-li\\:ms-text-white :is(:where(li):not(:where([class~="ms-not-prose"] *))) {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n@media (min-width: 640px) {\n\n .sm\\:ms-mt-0 {\n margin-top: 0px;\n }\n\n .sm\\:ms-mt-2 {\n margin-top: 0.5rem;\n }\n\n .sm\\:ms-mt-4 {\n margin-top: 1rem;\n }\n\n .sm\\:ms-flex {\n display: flex;\n }\n\n .sm\\:ms-hidden {\n display: none;\n }\n\n .sm\\:ms-h-6 {\n height: 1.5rem;\n }\n\n .sm\\:ms-h-8 {\n height: 2rem;\n }\n\n .sm\\:ms-w-6 {\n width: 1.5rem;\n }\n\n .sm\\:ms-w-8 {\n width: 2rem;\n }\n\n .sm\\:ms-w-\\[480px\\] {\n width: 480px;\n }\n\n .sm\\:ms-w-fit {\n width: -moz-fit-content;\n width: fit-content;\n }\n\n .sm\\:ms-min-w-0 {\n min-width: 0px;\n }\n\n .sm\\:ms-min-w-\\[32px\\] {\n min-width: 32px;\n }\n\n .sm\\:ms-max-w-\\[275px\\] {\n max-width: 275px;\n }\n\n .sm\\:ms-max-w-\\[400px\\] {\n max-width: 400px;\n }\n\n .sm\\:ms-max-w-\\[800px\\] {\n max-width: 800px;\n }\n\n .sm\\:ms-grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n\n .sm\\:ms-flex-row {\n flex-direction: row;\n }\n\n .sm\\:ms-flex-wrap {\n flex-wrap: wrap;\n }\n\n .sm\\:ms-overflow-hidden {\n overflow: hidden;\n }\n\n .sm\\:ms-p-0 {\n padding: 0px;\n }\n\n .sm\\:ms-p-2 {\n padding: 0.5rem;\n }\n\n .sm\\:ms-p-4 {\n padding: 1rem;\n }\n\n .sm\\:ms-py-2 {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n }\n\n .sm\\:ms-pb-4 {\n padding-bottom: 1rem;\n }\n\n .sm\\:ms-pl-4 {\n padding-left: 1rem;\n }\n\n .sm\\:ms-pr-2 {\n padding-right: 0.5rem;\n }\n\n .sm\\:ms-pr-4 {\n padding-right: 1rem;\n }\n\n .sm\\:ms-text-base {\n font-size: 1rem;\n line-height: 1.5rem;\n }\n\n .sm\\:ms-text-sm {\n font-size: 0.875rem;\n line-height: 1.25rem;\n }\n\n .sm\\:ms-text-xs {\n font-size: 0.75rem;\n line-height: 1rem;\n }\n}\n');var Gr=String.fromCharCode,Wr="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",Yr="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+-$",Kr={};function Qr(e,t){if(!Kr[e]){Kr[e]={};for(var n=0;n>>8,n[2*r+1]=a%256}return n},decompressFromUint8Array:function(e){if(null==e)return Xr.decompress(e);for(var t=new Array(e.length/2),n=0,r=t.length;n>=1}else{for(o=1,r=0;r>=1}0==--c&&(c=Math.pow(2,p),p++),delete h[l]}else for(o=m[l],r=0;r>=1;0==--c&&(c=Math.pow(2,p),p++),m[s]=u++,l=String(i)}if(""!==l){if(Object.prototype.hasOwnProperty.call(h,l)){if(l.charCodeAt(0)<256){for(r=0;r>=1}else{for(o=1,r=0;r>=1}0==--c&&(c=Math.pow(2,p),p++),delete h[l]}else for(o=m[l],r=0;r>=1;0==--c&&(c=Math.pow(2,p),p++)}for(o=2,r=0;r>=1;for(;;){if(d<<=1,f==t-1){g.push(n(d));break}f++}return g.join("")},decompress:function(e){return null==e?"":""==e?null:Xr._decompress(e.length,32768,(function(t){return e.charCodeAt(t)}))},_decompress:function(e,t,n){var r,o,a,i,s,l,c,u=[],p=[],d={val:n(0),position:t,index:1},f=4,m=4,h=3,g="";for(r=0;r<3;r+=1)u[r]=r;for(a=0,s=Math.pow(2,2),l=1;l!=s;)i=d.val&d.position,d.position>>=1,0==d.position&&(d.position=t,d.val=n(d.index++)),a|=(i>0?1:0)*l,l<<=1;switch(a){case 0:for(a=0,s=Math.pow(2,8),l=1;l!=s;)i=d.val&d.position,d.position>>=1,0==d.position&&(d.position=t,d.val=n(d.index++)),a|=(i>0?1:0)*l,l<<=1;c=Gr(a);break;case 1:for(a=0,s=Math.pow(2,16),l=1;l!=s;)i=d.val&d.position,d.position>>=1,0==d.position&&(d.position=t,d.val=n(d.index++)),a|=(i>0?1:0)*l,l<<=1;c=Gr(a);break;case 2:return""}for(u[3]=c,o=c,p.push(c);;){if(d.index>e)return"";for(a=0,s=Math.pow(2,h),l=1;l!=s;)i=d.val&d.position,d.position>>=1,0==d.position&&(d.position=t,d.val=n(d.index++)),a|=(i>0?1:0)*l,l<<=1;switch(c=a){case 0:for(a=0,s=Math.pow(2,8),l=1;l!=s;)i=d.val&d.position,d.position>>=1,0==d.position&&(d.position=t,d.val=n(d.index++)),a|=(i>0?1:0)*l,l<<=1;u[m++]=Gr(a),c=m-1,f--;break;case 1:for(a=0,s=Math.pow(2,16),l=1;l!=s;)i=d.val&d.position,d.position>>=1,0==d.position&&(d.position=t,d.val=n(d.index++)),a|=(i>0?1:0)*l,l<<=1;u[m++]=Gr(a),c=m-1,f--;break;case 2:return p.join("")}if(0==f&&(f=Math.pow(2,h),h++),u[c])g=u[c];else{if(c!==m)return null;g=o+o.charAt(0)}p.push(g),u[m++]=o+g.charAt(0),o=g,0==--f&&(f=Math.pow(2,h),h++)}}},Zr={DEBUG:!1,LIB_VERSION:"1.46.2"},Jr=Array.prototype,eo=Object.prototype,to=eo.toString,no=eo.hasOwnProperty,ro="undefined"!=typeof window?window:{},oo=ro.navigator||{userAgent:""},ao=ro.document||{},io=oo.userAgent,so=Jr.forEach,lo=Jr.indexOf,co=Array.isArray,uo={},po=function(){if(Zr.DEBUG&&!So(window.console)&&window.console){for(var e=("__rrweb_original__"in window.console.log?window.console.log.__rrweb_original__:window.console.log),t=arguments.length,n=new Array(t),r=0;r1?t-1:0),r=1;r0&&(t[n]=e)})),t},Po=["$performance_raw"];function jo(e,t){return n=e,r=function(e,n){return n&&Po.indexOf(n)>-1?e:"string"==typeof e&&null!==t?e.slice(0,t):e},o=new Set,function e(t,n){return t!==Object(t)?r?r(t,n):t:o.has(t)?void 0:(o.add(t),vo(t)?(a=[],yo(t,(function(t){a.push(e(t))}))):(a={},go(t,(function(t,n){o.has(t)||(a[n]=e(t,n))}))),a);var a}(n);var n,r,o}function No(e){var t,n,r,o,a,i="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",s=0,l=0,c="",u=[];if(!e)return e;e=Ro(e);do{t=(a=e.charCodeAt(s++)<<16|e.charCodeAt(s++)<<8|e.charCodeAt(s++))>>18&63,n=a>>12&63,r=a>>6&63,o=63&a,u[l++]=i.charAt(t)+i.charAt(n)+i.charAt(r)+i.charAt(o)}while(s127&&i<2048?String.fromCharCode(i>>6|192,63&i|128):String.fromCharCode(i>>12|224,i>>6&63|128,63&i|128),null!==s&&(n>t&&(a+=e.substring(t,n)),a+=s,t=n=o+1)}return n>t&&(a+=e.substring(t,e.length)),a},Lo=function(){var e=function(){for(var e=(new Date).valueOf(),t=0;e==(new Date).valueOf();)t++;return e.toString(16)+t.toString(16)};return function(){var t="undefined"!=typeof window?(window.screen.height*window.screen.width).toString(16):"0";return e()+"-"+Math.random().toString(16).replace(".","")+"-"+function(){var e,t,n=io,r=0,o=[];function a(e,t){var n,r=0;for(n=0;n=4&&(r=a(r,o),o=[]);return o.length>0&&(r=a(r,o)),r.toString(16)}()+"-"+t+"-"+e()}}(),Io=function(e,t){var n=t.replace(/[[]/,"\\[").replace(/[\]]/,"\\]"),r=new RegExp("[\\?&]"+n+"=([^&#]*)").exec(e);if(null===r||r&&"string"!=typeof r[1]&&r[1].length)return"";var o=r[1];try{o=decodeURIComponent(o)}catch(e){fo("Skipping decoding for malformed query param: "+o)}return o.replace(/\+/g," ")},Fo=function(e,t){var n=e.match(new RegExp(t+"=([^&]*)"));return n?n[1]:null},Do=function(){function e(t){return t&&(t.preventDefault=e.preventDefault,t.stopPropagation=e.stopPropagation),t}return e.preventDefault=function(){this.returnValue=!1},e.stopPropagation=function(){this.cancelBubble=!0},function(t,n,r,o,a){if(t)if(t.addEventListener&&!o)t.addEventListener(n,r,!!a);else{var i="on"+n,s=t[i];t[i]=function(t,n,r){return function(o){if(o=o||e(window.event)){var a,i=!0;wo(r)&&(a=r(o));var s=n.call(t,o);return!1!==a&&!1!==s||(i=!1),i}}}(t,r,s)}else fo("No valid element provided to register_event")}}(),Mo={campaignParams:function(){var e="utm_source utm_medium utm_campaign utm_content utm_term gclid fbclid msclkid".split(" "),t={};return go(e,(function(e){var n=Io(ao.URL,e);n.length&&(t[e]=n)})),t},searchEngine:function(e){return 0===e.search("https?://(.*)google.([^/?]*)")?"google":0===e.search("https?://(.*)bing.com")?"bing":0===e.search("https?://(.*)yahoo.com")?"yahoo":0===e.search("https?://(.*)duckduckgo.com")?"duckduckgo":null},searchInfo:function(e){var t=Mo.searchEngine(e),n="yahoo"!=t?"q":"p",r={};if(null!==t){r.$search_engine=t;var o=Io(e,n);o.length&&(r.ph_keyword=o)}return r},browser:function(e,t,n){return t=t||"",n||ko(e," OPR/")?ko(e,"Mini")?"Opera Mini":"Opera":/(BlackBerry|PlayBook|BB10)/i.test(e)?"BlackBerry":ko(e,"IEMobile")||ko(e,"WPDesktop")?"Internet Explorer Mobile":ko(e,"SamsungBrowser/")?"Samsung Internet":ko(e,"Edge")||ko(e,"Edg/")?"Microsoft Edge":ko(e,"FBIOS")?"Facebook Mobile":ko(e,"Chrome")?"Chrome":ko(e,"CriOS")?"Chrome iOS":ko(e,"UCWEB")||ko(e,"UCBrowser")?"UC Browser":ko(e,"FxiOS")?"Firefox iOS":ko(t,"Apple")?ko(e,"Mobile")?"Mobile Safari":"Safari":ko(e,"Android")?"Android Mobile":ko(e,"Konqueror")?"Konqueror":ko(e,"Firefox")?"Firefox":ko(e,"MSIE")||ko(e,"Trident/")?"Internet Explorer":ko(e,"Gecko")?"Mozilla":""},browserVersion:function(e,t,n){var r={"Internet Explorer Mobile":/rv:(\d+(\.\d+)?)/,"Microsoft Edge":/Edge?\/(\d+(\.\d+)?)/,Chrome:/Chrome\/(\d+(\.\d+)?)/,"Chrome iOS":/CriOS\/(\d+(\.\d+)?)/,"UC Browser":/(UCBrowser|UCWEB)\/(\d+(\.\d+)?)/,Safari:/Version\/(\d+(\.\d+)?)/,"Mobile Safari":/Version\/(\d+(\.\d+)?)/,Opera:/(Opera|OPR)\/(\d+(\.\d+)?)/,Firefox:/Firefox\/(\d+(\.\d+)?)/,"Firefox iOS":/FxiOS\/(\d+(\.\d+)?)/,Konqueror:/Konqueror:(\d+(\.\d+)?)/,BlackBerry:/BlackBerry (\d+(\.\d+)?)/,"Android Mobile":/android\s(\d+(\.\d+)?)/,"Samsung Internet":/SamsungBrowser\/(\d+(\.\d+)?)/,"Internet Explorer":/(rv:|MSIE )(\d+(\.\d+)?)/,Mozilla:/rv:(\d+(\.\d+)?)/}[Mo.browser(e,t,n)];if(void 0===r)return null;var o=e.match(r);return o?parseFloat(o[o.length-2]):null},browserLanguage:function(){return oo.language||oo.userLanguage},os:function(){var e=io;return/Windows/i.test(e)?/Phone/.test(e)||/WPDesktop/.test(e)?"Windows Phone":"Windows":/(iPhone|iPad|iPod)/.test(e)?"iOS":/Android/.test(e)?"Android":/(BlackBerry|PlayBook|BB10)/i.test(e)?"BlackBerry":/Mac/i.test(e)?"Mac OS X":/Linux/.test(e)?"Linux":/CrOS/.test(e)?"Chrome OS":""},device:function(e){return/Windows Phone/i.test(e)||/WPDesktop/.test(e)?"Windows Phone":/iPad/.test(e)?"iPad":/iPod/.test(e)?"iPod Touch":/iPhone/.test(e)?"iPhone":/(BlackBerry|PlayBook|BB10)/i.test(e)?"BlackBerry":/Android/.test(e)&&!/Mobile/.test(e)?"Android Tablet":/Android/.test(e)?"Android":""},deviceType:function(e){var t=this.device(e);return"iPad"===t||"Android Tablet"===t?"Tablet":t?"Mobile":"Desktop"},referringDomain:function(e){var t=e.split("/");return t.length>=3?t[2]:""},properties:function(){return bo(To({$os:Mo.os(),$browser:Mo.browser(io,oo.vendor,ro.opera),$device:Mo.device(io),$device_type:Mo.deviceType(io)}),{$current_url:null==ro?void 0:ro.location.href,$host:null==ro?void 0:ro.location.host,$pathname:null==ro?void 0:ro.location.pathname,$browser_version:Mo.browserVersion(io,oo.vendor,ro.opera),$browser_language:Mo.browserLanguage(),$screen_height:null==ro?void 0:ro.screen.height,$screen_width:null==ro?void 0:ro.screen.width,$viewport_height:null==ro?void 0:ro.innerHeight,$viewport_width:null==ro?void 0:ro.innerWidth,$lib:"web",$lib_version:Zr.LIB_VERSION,$insert_id:Math.random().toString(36).substring(2,10)+Math.random().toString(36).substring(2,10),$time:(Date.now=Date.now||function(){return+new Date},Date.now()/1e3)})},people_properties:function(){return bo(To({$os:Mo.os(),$browser:Mo.browser(io,oo.vendor,ro.opera)}),{$browser_version:Mo.browserVersion(io,oo.vendor,ro.opera)})}};function zo(e){switch(Nr(e.className)){case"string":return e.className;case"object":return("baseVal"in e.className?e.className.baseVal:null)||e.getAttribute("class")||"";default:return""}}function Bo(e){var t="";return Go(e)&&!Wo(e)&&e.childNodes&&e.childNodes.length&&go(e.childNodes,(function(e){Uo(e)&&e.textContent&&(t+=ho(e.textContent).split(/(\s+)/).filter(Yo).join("").replace(/[\r\n]/g," ").replace(/[ ]+/g," ").substring(0,255))})),ho(t)}function $o(e){return!!e&&1===e.nodeType}function qo(e,t){return!!e&&!!e.tagName&&e.tagName.toLowerCase()===t.toLowerCase()}function Uo(e){return!!e&&3===e.nodeType}function Ho(e){return!!e&&11===e.nodeType}var Vo=["a","button","form","input","select","textarea","label"];function Go(e){for(var t=e;t.parentNode&&!qo(t,"body");t=t.parentNode){var n=zo(t).split(" ");if(ko(n,"ph-sensitive")||ko(n,"ph-no-capture"))return!1}if(ko(zo(e).split(" "),"ph-include"))return!0;var r=e.type||"";if("string"==typeof r)switch(r.toLowerCase()){case"hidden":case"password":return!1}var o=e.name||e.id||"";return"string"!=typeof o||!/^cc|cardnum|ccnum|creditcard|csc|cvc|cvv|exp|pass|pwd|routing|seccode|securitycode|securitynum|socialsec|socsec|ssn/i.test(o.replace(/[^a-zA-Z0-9]/g,""))}function Wo(e){return!!(qo(e,"input")&&!["button","checkbox","submit","reset"].includes(e.type)||qo(e,"select")||qo(e,"textarea")||"true"===e.getAttribute("contenteditable"))}function Yo(e){if(null===e||So(e))return!1;if("string"==typeof e){if(e=ho(e),/^(?:(4[0-9]{12}(?:[0-9]{3})?)|(5[1-5][0-9]{14})|(6(?:011|5[0-9]{2})[0-9]{12})|(3[47][0-9]{13})|(3(?:0[0-5]|[68][0-9])[0-9]{11})|((?:2131|1800|35[0-9]{3})[0-9]{11}))$/.test((e||"").replace(/[- ]/g,"")))return!1;if(/(^\d{3}-?\d{2}-?\d{4}$)/.test(e))return!1}return!0}function Ko(e,t){var n=document.createElement("script");n.type="text/javascript",n.src=e,n.onload=t;var r,o=document.querySelectorAll("body > script");o.length>0?null===(r=o[0].parentNode)||void 0===r||r.insertBefore(n,o[0]):document.body.appendChild(n)}var Qo=function(){function e(t){Rr(this,e),this.clicks=[],this.enabled=t}return Ir(e,[{key:"isRageClick",value:function(e,t,n){if(!this.enabled)return!1;var r=this.clicks[this.clicks.length-1];if(r&&Math.abs(e-r.x)+Math.abs(t-r.y)<30&&n-r.timestamp<1e3){if(this.clicks.push({x:e,y:t,timestamp:n}),3===this.clicks.length)return!0}else this.clicks=[{x:e,y:t,timestamp:n}];return!1}}]),e}(),Xo={_initializedTokens:[],_previousElementSibling:function(e){if(e.previousElementSibling)return e.previousElementSibling;var t=e;do{t=t.previousSibling}while(t&&!$o(t));return t},_getPropertiesFromElement:function(e,t,n){var r=e.tagName.toLowerCase(),o={tag_name:r};Vo.indexOf(r)>-1&&!n&&(o.$el_text=Bo(e));var a=zo(e);a.length>0&&(o.classes=a.split(" ").filter((function(e){return""!==e}))),go(e.attributes,(function(n){var r;Wo(e)&&-1===["name","id","class"].indexOf(n.name)||!t&&Yo(n.value)&&("string"!=typeof(r=n.name)||"_ngcontent"!==r.substring(0,10)&&"_nghost"!==r.substring(0,7))&&(o["attr__"+n.name]=n.value)}));for(var i=1,s=1,l=e;l=this._previousElementSibling(l);)i++,l.tagName===e.tagName&&s++;return o.nth_child=i,o.nth_of_type=s,o},_getDefaultProperties:function(e){return{$event_type:e,$ce_version:1}},_extractCustomPropertyValue:function(e){var t=[];return go(document.querySelectorAll(e.css_selector),(function(e){var n;["input","select"].indexOf(e.tagName.toLowerCase())>-1?n=e.value:e.textContent&&(n=e.textContent),Yo(n)&&t.push(n)})),t.join(", ")},_getCustomProperties:function(e){var t=this,n={};return go(this._customProperties,(function(r){go(r.event_selectors,(function(o){go(document.querySelectorAll(o),(function(o){ko(e,o)&&Go(o)&&(n[r.name]=t._extractCustomPropertyValue(r))}))}))})),n},_getEventTarget:function(e){return void 0===e.target?e.srcElement||null:null!==(t=e.target)&&void 0!==t&&t.shadowRoot?e.composedPath()[0]||null:e.target||null;var t},_captureEvent:function(e,t){var n,r=this,o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"$autocapture",a=this._getEventTarget(e);if(Uo(a)&&(a=a.parentNode||null),"$autocapture"===o&&"click"===e.type&&e instanceof MouseEvent&&null!==(n=this.rageclicks)&&void 0!==n&&n.isRageClick(e.clientX,e.clientY,(new Date).getTime())&&this._captureEvent(e,t,"$rageclick"),a&&function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0;if(!e||qo(e,"html")||!$o(e))return!1;if(null!=n&&n.url_allowlist){var r=window.location.href,o=n.url_allowlist;if(o&&!o.some((function(e){return r.match(e)})))return!1}if(null!=n&&n.dom_event_allowlist){var a=n.dom_event_allowlist;if(a&&!a.some((function(e){return t.type===e})))return!1}if(null!=n&&n.element_allowlist){var i=n.element_allowlist;if(i&&!i.some((function(t){return e.tagName.toLowerCase()===t})))return!1}if(null!=n&&n.css_selector_allowlist){var s=n.css_selector_allowlist;if(s&&!s.some((function(t){return e.matches(t)})))return!1}for(var l=!1,c=[e],u=!0,p=e;p.parentNode&&!qo(p,"body");)if(Ho(p.parentNode))c.push(p.parentNode.host),p=p.parentNode.host;else{if(!(u=p.parentNode||!1))break;if(Vo.indexOf(u.tagName.toLowerCase())>-1)l=!0;else{var d=window.getComputedStyle(u);d&&"pointer"===d.getPropertyValue("cursor")&&(l=!0)}c.push(u),p=u}var f=window.getComputedStyle(e);if(f&&"pointer"===f.getPropertyValue("cursor")&&"click"===t.type)return!0;var m=e.tagName.toLowerCase();switch(m){case"html":return!1;case"form":return"submit"===t.type;case"input":case"select":case"textarea":return"change"===t.type||"click"===t.type;default:return l?"click"===t.type:"click"===t.type&&(Vo.indexOf(m)>-1||"true"===e.getAttribute("contenteditable"))}}(a,e,this.config)){for(var i=[a],s=a;s.parentNode&&!qo(s,"body");)Ho(s.parentNode)?(i.push(s.parentNode.host),s=s.parentNode.host):(i.push(s.parentNode),s=s.parentNode);var l,c=[],u=!1;if(go(i,(function(e){var n=Go(e);"a"===e.tagName.toLowerCase()&&(l=e.getAttribute("href"),l=n&&Yo(l)&&l),ko(zo(e).split(" "),"ph-no-capture")&&(u=!0),c.push(r._getPropertiesFromElement(e,t.get_config("mask_all_element_attributes"),t.get_config("mask_all_text")))})),t.get_config("mask_all_text")||(c[0].$el_text=Bo(a)),l&&(c[0].attr__href=l),u)return!1;var p=bo(this._getDefaultProperties(e.type),{$elements:c},this._getCustomProperties(i));return t.capture(o,p),!0}},_navigate:function(e){window.location.href=e},_addDomEventHandlers:function(e){var t=this,n=function(n){n=n||window.event,t._captureEvent(n,e)};Do(document,"submit",n,!1,!0),Do(document,"change",n,!1,!0),Do(document,"click",n,!1,!0)},_customProperties:[],rageclicks:null,config:void 0,init:function(e){var t;"boolean"!=typeof e.__autocapture&&(this.config=e.__autocapture),null!==(t=this.config)&&void 0!==t&&t.url_allowlist&&(this.config.url_allowlist=this.config.url_allowlist.map((function(e){return new RegExp(e)}))),this.rageclicks=new Qo(e.get_config("rageclick"))},afterDecideResponse:function(e,t){var n=t.get_config("token");this._initializedTokens.indexOf(n)>-1?po('autocapture already initialized for token "'+n+'"'):(this._initializedTokens.push(n),e&&e.config&&e.config.enable_collect_everything&&t.get_config("autocapture")?(e.custom_properties&&(this._customProperties=e.custom_properties),this._addDomEventHandlers(t)):t.__autocapture=!1)},enabledForProject:function(e,t,n){if(!e)return!0;t=So(t)?10:t,n=So(n)?10:n;for(var r=0,o=0;o1&&void 0!==arguments[1]?arguments[1]:{};if(!this.getFlags())return pt.warn('getFeatureFlag for key "'+e+"\" failed. Feature flags didn't load in time."),!1;var n=this.getFlagVariants()[e];return!t.send_event&&"send_event"in t||this.flagCallReported[e]||(this.flagCallReported[e]=!0,this.instance.capture("$feature_flag_called",{$feature_flag:e,$feature_flag_response:n})),n}},{key:"getFeatureFlagPayload",value:function(e){return this.getFlagPayloads()[e]}},{key:"isFeatureEnabled",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return this.getFlags()?!!this.getFeatureFlag(e,t):(pt.warn('isFeatureEnabled for key "'+e+"\" failed. Feature flags didn't load in time."),!1)}},{key:"addFeatureFlagsHandler",value:function(e){this.featureFlagEventHandlers.push(e)}},{key:"receivedFeatureFlags",value:function(e){this.instance.decideEndpointWasHit=!0;var t=this.getFlagVariants(),n=this.getFlagPayloads();!function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},o=e.featureFlags,a=e.featureFlagPayloads;if(o)if(Array.isArray(o)){var i,s={};if(o)for(var l=0;l10&&(e.data.payload.payload=e.data.payload.payload.slice(0,10),e.data.payload.payload.push("...[truncated]"));for(var t=[],n=0;n2e3?t.push(e.data.payload.payload[n].slice(0,2e3)+"...[truncated]"):t.push(e.data.payload.payload[n]);return e.data.payload.payload=t,e}return e}(function(e){if(e&&"object"===Nr(e)){var t=JSON.stringify(e);if(t.length>5e6){var n,r=Vr(t.matchAll(/data:([\w\/\-\.]+);(\w+),([^)"]*)/gim));try{for(r.s();!(n=r.n()).done;){var o=n.value;t="image/"===o[1].toLocaleLowerCase().slice(0,6)?t.replace(o[0],"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNOCAwSDE2TDAgMTZWOEw4IDBaIiBmaWxsPSIjMkQyRDJEIi8+CjxwYXRoIGQ9Ik0xNiA4VjE2SDhMMTYgOFoiIGZpbGw9IiMyRDJEMkQiLz4KPC9zdmc+Cg=="):t.replace(o[0],"")}}catch(e){r.e(e)}finally{r.f()}}return JSON.parse(t)}return e}(e)),t._updateWindowAndSessionIds(e);var n={$snapshot_data:e,$session_id:t.sessionId,$window_id:t.windowId};t.instance._captureMetrics.incr("rrweb-record"),t.instance._captureMetrics.incr("rrweb-record-".concat(e.type)),t.emit?t._captureSnapshot(n):t.snapshots.push(n)},plugins:window.rrwebConsoleRecord&&this.isConsoleLogCaptureEnabled()?[window.rrwebConsoleRecord.getRecordConsolePlugin()]:[]},n)),this.instance._addCaptureHook((function(e){var n;"$pageview"===e&&(null===(n=t.rrwebRecord)||void 0===n||n.addCustomEvent("$pageview",{href:window.location.href}))}))}},{key:"_captureSnapshot",value:function(e){this.instance.capture("$snapshot",e,{transport:"XHR",method:"POST",endpoint:this.endpoint,_noTruncate:!0,_batchKey:"sessionRecording",_metrics:{rrweb_full_snapshot:e.$snapshot_data.type===Fa}})}}]),e}(),za={entryType:0,timeOrigin:1,name:2,startTime:3,redirectStart:4,redirectEnd:5,workerStart:6,fetchStart:7,domainLookupStart:8,domainLookupEnd:9,connectStart:10,secureConnectionStart:11,connectEnd:12,requestStart:13,responseStart:14,responseEnd:15,decodedBodySize:16,encodedBodySize:17,initiatorType:18,nextHopProtocol:19,renderBlockingStatus:20,responseStatus:21,transferSize:22,element:23,renderTime:24,loadTime:25,size:26,id:27,url:28,domComplete:29,domContentLoadedEvent:30,domInteractive:31,loadEventEnd:32,loadEventStart:33,redirectCount:34,navigationType:35,unloadEventEnd:36,unloadEventStart:37,duration:39,timestamp:40},Ba=["first-input","navigation","paint","resource"],$a=["/s/","/e/"],qa=function(){function e(t){Rr(this,e),this.instance=t}return Ir(e,[{key:"startObservingIfEnabled",value:function(){this.isEnabled()?this.startObserving():this.stopObserving()}},{key:"startObserving",value:function(){var e=this;if(!this.observer)try{this.observer=new PerformanceObserver((function(t){t.getEntries().forEach((function(t){e._capturePerformanceEvent(t)}))}));var t=PerformanceObserver.supportedEntryTypes.filter((function(e){return Ba.includes(e)}));t.forEach((function(t){var n;null===(n=e.observer)||void 0===n||n.observe({type:t,buffered:!0})}))}catch(e){pt.error("PostHog failed to start performance observer",e),this.stopObserving()}}},{key:"stopObserving",value:function(){this.observer&&(this.observer.disconnect(),this.observer=void 0)}},{key:"isObserving",value:function(){return!!this.observer}},{key:"isEnabled",value:function(){var e,t;return null!==(e=null!==(t=this.instance.get_config("capture_performance"))&&void 0!==t?t:this.remoteEnabled)&&void 0!==e&&e}},{key:"afterDecideResponse",value:function(e){this.remoteEnabled=e.capturePerformance||!1,this.isEnabled()&&this.startObserving()}},{key:"_capturePerformanceEvent",value:function(e){if(e.name.startsWith(this.instance.get_config("api_host"))){var t=e.name.replace(this.instance.get_config("api_host"),"");if($a.find((function(e){return t.startsWith(e)})))return}var n=e.toJSON(),r={},o=Math.floor(Date.now()-performance.now());for(var a in r[za.timeOrigin]=o,r[za.timestamp]=Math.floor(o+e.startTime),za)void 0!==n[a]&&(r[za[a]]=n[a]);if(this.capturePerformanceEvent(r),Ua(e)){var i,s=Vr(e.serverTiming);try{for(s.s();!(i=s.n()).done;){var l,c=i.value;this.capturePerformanceEvent((Fr(l={},za.timeOrigin,o),Fr(l,za.timestamp,Math.floor(o+e.startTime)),Fr(l,za.name,c.name),Fr(l,za.duration,c.duration),Fr(l,za.entryType,"serverTiming"),l))}}catch(e){s.e(e)}finally{s.f()}}}},{key:"capturePerformanceEvent",value:function(e){this.instance.capture("$performance_event",e,{transport:"XHR",method:"POST",endpoint:"/e/",_noTruncate:!0,_batchKey:"performanceEvent"})}}]),e}(),Ua=function(e){return"navigation"===e.entryType||"resource"===e.entryType},Ha=function(){function e(t){Rr(this,e),this.instance=t,this.instance.decideEndpointWasHit=this.instance._hasBootstrappedFeatureFlags()}return Ir(e,[{key:"call",value:function(){var e=this,t=No(JSON.stringify({token:this.instance.get_config("token"),distinct_id:this.instance.get_distinct_id(),groups:this.instance.getGroups()}));this.instance._send_request("".concat(this.instance.get_config("api_host"),"/decide/?v=3"),{data:t,verbose:!0},{method:"POST"},(function(t){return e.parseDecideResponse(t)}))}},{key:"parseDecideResponse",value:function(e){var t,n,r=this;if(0!==(null==e?void 0:e.status)){if(this.instance.decideEndpointWasHit=!0,!document||!document.body)return pt.log("document not ready yet, trying again in 500 milliseconds..."),void setTimeout((function(){r.parseDecideResponse(e)}),500);if(this.instance.toolbar.afterDecideResponse(e),null===(t=this.instance.sessionRecording)||void 0===t||t.afterDecideResponse(e),Xo.afterDecideResponse(e,this.instance),null===(n=this.instance.webPerformance)||void 0===n||n.afterDecideResponse(e),this.instance.featureFlags.receivedFeatureFlags(e),this.instance.compression={},e.supportedCompression&&!this.instance.get_config("disable_compression")){var o,a={},i=Vr(e.supportedCompression);try{for(i.s();!(o=i.n()).done;)a[o.value]=!0}catch(e){i.e(e)}finally{i.f()}this.instance.compression=a}if(e.siteApps)if(this.instance.get_config("opt_in_site_apps")){var s,l=this.instance.get_config("api_host"),c=Vr(e.siteApps);try{var u=function(){var e=s.value,t=e.id,n=e.url,o=document.createElement("script");o.src=[l,"/"===l[l.length-1]&&"/"===n[0]?n.substring(1):n].join(""),o.onerror=function(e){pt.error("Error while initializing PostHog app with config id ".concat(t),e)},window["__$$ph_site_app_".concat(t)]=r.instance,document.body.appendChild(o)};for(c.s();!(s=c.n()).done;)u()}catch(e){c.e(e)}finally{c.f()}}else e.siteApps.length>0&&pt.error('PostHog site apps are disabled. Enable the "opt_in_site_apps" config to proceed.')}else pt.error("Failed to fetch feature flags from PostHog.")}}]),e}(),Va=["https://app.posthog.com","https://eu.posthog.com"],Ga=["source"],Wa=function(){function e(t){Rr(this,e),this.instance=t}return Ir(e,[{key:"afterDecideResponse",value:function(e){var t=e.toolbarParams||e.editorParams||(e.toolbarVersion?{toolbarVersion:e.toolbarVersion}:{});e.isAuthenticated&&t.toolbarVersion&&0===t.toolbarVersion.indexOf("toolbar")&&this.loadToolbar(jr(jr({},t),{},{apiURL:this.instance.get_config("api_host")}))}},{key:"maybeLoadToolbar",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:window.location,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:window.history;try{if(!t){try{window.localStorage.setItem("test","test"),window.localStorage.removeItem("test")}catch(e){return!1}t=window.localStorage}var r,o=Fo(e.hash,"__posthog")||Fo(e.hash,"state"),a=o?JSON.parse(decodeURIComponent(o)):null;return a&&"ph_authorize"===a.action?((r=a).source="url",r&&Object.keys(r).length>0&&(a.desiredHash?e.hash=a.desiredHash:n?n.replaceState("",document.title,e.pathname+e.search):e.hash="")):((r=JSON.parse(t.getItem("_postHogToolbarParams")||"{}")).source="localstorage",delete r.userIntent),r.apiURL||(r.apiURL=this.instance.get_config("api_host")),!(!r.token||this.instance.get_config("token")!==r.token||(this.loadToolbar(r),0))}catch(e){return!1}}},{key:"loadToolbar",value:function(e){var t=this;if(window._postHogToolbarLoaded)return!1;window._postHogToolbarLoaded=!0;var n=(null==e?void 0:e.apiURL)||this.instance.get_config("api_host"),r=3e4*Math.floor(Date.now()/3e4),o="".concat(n).concat(n.endsWith("/")?"":"/","static/toolbar.js?_ts=").concat(r),a=!Va.includes(this.instance.get_config("api_host"))&&this.instance.get_config("advanced_disable_toolbar_metrics"),i=jr(jr({apiURL:n,jsURL:n,token:this.instance.get_config("token")},e),a?{instrument:!1}:{});i.source;var s=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(i,Ga);return window.localStorage.setItem("_postHogToolbarParams",JSON.stringify(s)),Ko(o,(function(){(window.ph_load_toolbar||window.ph_load_editor)(i,t.instance)})),Do(window,"turbolinks:load",(function(){window._postHogToolbarLoaded=!1,t.loadToolbar(i)})),!0}},{key:"_loadEditor",value:function(e){return this.loadToolbar(e)}},{key:"maybeLoadEditor",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:window.location,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:window.history;return this.maybeLoadToolbar(e,t,n)}}]),e}(),Ya=function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:3e3;Rr(this,e),this.isPolling=!0,this._event_queue=[],this._empty_queue_count=0,this._poller=void 0,this._pollInterval=t}return Ir(e,[{key:"setPollInterval",value:function(e){this._pollInterval=e,this.isPolling&&this.poll()}},{key:"poll",value:function(){}},{key:"unload",value:function(){}},{key:"getTime",value:function(){return(new Date).getTime()}}]),e}(),Ka=function(e){Dr(n,Ya);var t=Br(n);function n(e,r){var o,a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:3e3;return Rr(this,n),(o=t.call(this,a)).handlePollRequest=r,o.captureMetrics=e,o}return Ir(n,[{key:"enqueue",value:function(e,t,n){this.captureMetrics.incr("batch-enqueue"),this._event_queue.push({url:e,data:t,options:n}),this.isPolling||(this.isPolling=!0,this.poll())}},{key:"poll",value:function(){var e=this;clearTimeout(this._poller),this._poller=setTimeout((function(){if(e._event_queue.length>0){var t=e.formatQueue(),n=function(n){var r=t[n],o=r.url,a=r.data,i=r.options;go(a,(function(t,n){a[n].offset=Math.abs(a[n].timestamp-e.getTime()),delete a[n].timestamp})),e.handlePollRequest(o,a,i),e.captureMetrics.incr("batch-requests"),e.captureMetrics.incr("batch-requests-".concat(o.slice(o.length-2))),e.captureMetrics.incr("batch-handle",a.length),e.captureMetrics.incr("batch-handle-".concat(o.slice(o.length-2)),a.length)};for(var r in t)n(r);e._event_queue.length=0,e._empty_queue_count=0}else e._empty_queue_count++;e._empty_queue_count>4&&(e.isPolling=!1,e._empty_queue_count=0),e.isPolling&&e.poll()}),this._pollInterval)}},{key:"updateUnloadMetrics",value:function(){var e=this.formatQueue();for(var t in e){var n=e[t],r=n.url,o=n.data;this.captureMetrics.incr("batch-unload-requests"),this.captureMetrics.incr("batch-unload-requests-".concat(r.slice(r.length-2))),this.captureMetrics.incr("batch-unload",o.length),this.captureMetrics.incr("batch-unload-".concat(r.slice(r.length-2)),o.length)}}},{key:"unload",value:function(){var e=this;clearTimeout(this._poller);var t=this._event_queue.length>0?this.formatQueue():{};this._event_queue.length=0;var n=Object.values(t),r=[].concat(qr(n.filter((function(e){return 0===e.url.indexOf("/e")}))),qr(n.filter((function(e){return 0!==e.url.indexOf("/e")}))));r.map((function(t){var n=t.url,r=t.data,o=t.options;e.handlePollRequest(n,r,jr(jr({},o),{},{transport:"sendBeacon"}))}))}},{key:"formatQueue",value:function(){var e={};return go(this._event_queue,(function(t){var n=t.url,r=t.data,o=t.options,a=(o?o._batchKey:null)||n;void 0===e[a]&&(e[a]={data:[],url:n,options:o}),o&&e[a].options&&e[a].options._metrics&&!e[a].options._metrics.rrweb_full_snapshot&&(e[a].options._metrics.rrweb_full_snapshot=o._metrics.rrweb_full_snapshot),e[a].data.push(r)})),e}}]),n}(),Qa=function(){function e(t){Rr(this,e),this.enabled=t,this.metrics={}}return Ir(e,[{key:"incr",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;this.enabled&&(e="phjs-".concat(e),this.metrics[e]=(this.metrics[e]||0)+t)}},{key:"decr",value:function(e){this.enabled&&(e="phjs-".concat(e),this.metrics[e]=(this.metrics[e]||0)-1)}}]),e}(),Xa=Uint8Array,Za=Uint16Array,Ja=Uint32Array,ei=new Xa([0,0,0,0,0,0,0,0,1,1,1,1,2,2,2,2,3,3,3,3,4,4,4,4,5,5,5,5,0,0,0,0]),ti=new Xa([0,0,0,0,1,1,2,2,3,3,4,4,5,5,6,6,7,7,8,8,9,9,10,10,11,11,12,12,13,13,0,0]),ni=new Xa([16,17,18,0,8,7,9,6,10,5,11,4,12,3,13,2,14,1,15]),ri=function(e,t){for(var n=new Za(31),r=0;r<31;++r)n[r]=t+=1<>>1|(21845&ci)<<1;ui=(61680&(ui=(52428&ui)>>>2|(13107&ui)<<2))>>>4|(3855&ui)<<4,li[ci]=((65280&ui)>>>8|(255&ui)<<8)>>>1}var pi=function(e,t,n){for(var r=e.length,o=0,a=new Za(t);o>>l]=c}else for(i=new Za(r),o=0;o>>15-e[o];return i},di=new Xa(288);for(ci=0;ci<144;++ci)di[ci]=8;for(ci=144;ci<256;++ci)di[ci]=9;for(ci=256;ci<280;++ci)di[ci]=7;for(ci=280;ci<288;++ci)di[ci]=8;var fi=new Xa(32);for(ci=0;ci<32;++ci)fi[ci]=5;var mi,hi=pi(di,9,0),gi=pi(fi,5,0),yi=function(e){return(e/8|0)+(7&e&&1)},bi=function(e,t,n){(null==t||t<0)&&(t=0),(null==n||n>e.length)&&(n=e.length);var r=new(e instanceof Za?Za:e instanceof Ja?Ja:Xa)(n-t);return r.set(e.subarray(t,n)),r},vi=function(e,t,n){n<<=7&t;var r=t/8|0;e[r]|=n,e[r+1]|=n>>>8},wi=function(e,t,n){n<<=7&t;var r=t/8|0;e[r]|=n,e[r+1]|=n>>>8,e[r+2]|=n>>>16},ki=function(e,t){for(var n=[],r=0;rd&&(d=a[r].s);var f=new Za(d+1),m=xi(n[u-1],f,0);if(m>t){r=0;var h=0,g=m-t,y=1<t))break;h+=y-(1<>>=g;h>0;){var v=a[r].s;f[v]=0&&h;--r){var w=a[r].s;f[w]==t&&(--f[w],++h)}m=t}return[new Xa(f),m]},xi=function e(t,n,r){return-1==t.s?Math.max(e(t.l,n,r+1),e(t.r,n,r+1)):n[t.s]=r},Si=function(e){for(var t=e.length;t&&!e[--t];);for(var n=new Za(++t),r=0,o=e[0],a=1,i=function(e){n[r++]=e},s=1;s<=t;++s)if(e[s]==o&&s!=t)++a;else{if(!o&&a>2){for(;a>138;a-=138)i(32754);a>2&&(i(a>10?a-11<<5|28690:a-3<<5|12305),a=0)}else if(a>3){for(i(o),--a;a>6;a-=6)i(8304);a>2&&(i(a-3<<5|8208),a=0)}for(;a--;)i(o);a=1,o=e[s]}return[n.subarray(0,r),t]},_i=function(e,t){for(var n=0,r=0;r>>8,e[o+2]=255^e[o],e[o+3]=255^e[o+1];for(var a=0;a4&&!C[ni[O-1]];--O);var T,P,j,N,R=c+5<<3,L=_i(o,di)+_i(a,fi)+i,I=_i(o,d)+_i(a,h)+i+14+3*O+_i(S,C)+(2*S[16]+3*S[17]+7*S[18]);if(R<=L&&R<=I)return Ei(t,u,e.subarray(l,l+c));if(vi(t,u,1+(I15&&(vi(t,u,z[_]>>>5&127),u+=z[_]>>>12)}}}else T=hi,P=di,j=gi,N=fi;for(_=0;_255){B=r[_]>>>18&31,wi(t,u,T[B+257]),u+=P[B+257],B>7&&(vi(t,u,r[_]>>>23&31),u+=ei[B]);var $=31&r[_];wi(t,u,j[$]),u+=N[$],$>3&&(wi(t,u,r[_]>>>5&8191),u+=ti[$])}else wi(t,u,T[r[_]]),u+=P[r[_]];return wi(t,u,T[256]),u+P[256]},Ai=new Ja([65540,131080,131088,131104,262176,1048704,1048832,2114560,2117632]),Oi=new Xa(0),Ti=function(){for(var e=new Ja(256),t=0;t<256;++t){for(var n=t,r=9;--r;)n=(1&n&&3988292384)^n>>>1;e[t]=n}return e}(),Pi=function(e,t,n){for(;n;++t)e[t]=n,n>>>=8};function ji(e,t){void 0===t&&(t={});var n=function(){var e=4294967295;return{p:function(t){for(var n=e,r=0;r>>8;e=n},d:function(){return 4294967295^e}}}(),r=e.length;n.p(e);var o=function(e,t,n,r,o){return function(e,t,n,r,o,a){var i=e.length,s=new Xa(r+i+5*(1+Math.floor(i/7e3))+o),l=s.subarray(r,s.length-o),c=0;if(!t||i<8)for(var u=0;u<=i;u+=65535){var p=u+65535;p>>13,m=8191&d,h=(1<7e3||C>24576)&&N>423){c=Ci(e,l,0,k,x,S,E,C,O,u-O,c),C=_=E=0,O=u;for(var R=0;R<286;++R)x[R]=0;for(R=0;R<30;++R)S[R]=0}var L=2,I=0,F=m,D=P-j&32767;if(N>2&&T==w(u-D))for(var M=Math.min(f,N)-1,z=Math.min(32767,u),B=Math.min(258,N);D<=z&&--F&&P!=j;){if(e[u+L]==e[u+L-D]){for(var $=0;$L){if(L=$,I=D,$>M)break;var q=Math.min(D,$-2),U=0;for(R=0;RU&&(U=V,j=H)}}}D+=(P=j)-(j=g[P])+32768&32767}if(I){k[C++]=268435456|ii[L]<<18|si[I];var G=31&ii[L],W=31&si[I];E+=ei[G]+ti[W],++x[257+G],++S[W],A=u+L,++_}else k[C++]=e[u],++x[e[u]]}}c=Ci(e,l,a,k,x,S,E,C,O,u-O,c),a||(c=Ei(l,c,Oi))}return bi(s,0,r+yi(c)+o)}(e,null==t.level?6:t.level,null==t.mem?Math.ceil(1.5*Math.max(8,Math.min(13,Math.log(e.length)))):12+t.mem,n,r,!o)}(e,t,function(e){return 10+(e.filename&&e.filename.length+1||0)}(t),8),a=o.length;return function(e,t){var n=t.filename;if(e[0]=31,e[1]=139,e[2]=8,e[8]=t.level<2?4:9==t.level?2:0,e[9]=3,0!=t.mtime&&Pi(e,4,Math.floor(new Date(t.mtime||Date.now())/1e3)),n){e[3]=8;for(var r=0;r<=n.length;++r)e[r+10]=n.charCodeAt(r)}}(o,t),Pi(o,a-8,n.d()),Pi(o,a-4,r),o}function Ni(e,t){var n=e.length;if(!t&&"undefined"!=typeof TextEncoder)return(new TextEncoder).encode(e);for(var r=new Xa(e.length+(e.length>>>1)),o=0,a=function(e){r[o++]=e},i=0;ir.length){var s=new Xa(o+8+(n-i<<1));s.set(r),r=s}var l=e.charCodeAt(i);l<128||t?a(l):l<2048?(a(192|l>>>6),a(128|63&l)):l>55295&&l<57344?(a(240|(l=65536+(1047552&l)|1023&e.charCodeAt(++i))>>>18),a(128|l>>>12&63),a(128|l>>>6&63),a(128|63&l)):(a(224|l>>>12),a(128|l>>>6&63),a(128|63&l))}return bi(r,0,o)}!function(e){e.GZipJS="gzip-js",e.LZ64="lz64",e.Base64="base64"}(mi||(mi={}));var Ri,Li,Ii,Fi=function e(t,n){if(n.blob&&t.buffer)return new Blob([t.buffer],{type:"text/plain"});if(n.sendBeacon||n.blob){var r=e(t,{method:"POST"});return new Blob([r],{type:"application/x-www-form-urlencoded"})}return"POST"!==n.method?null:(o=Array.isArray(t)||function(e){return"[object Uint8Array]"===Object.prototype.toString.call(e)}(t)?"data="+encodeURIComponent(t):"data="+encodeURIComponent(t.data),"compression"in t&&t.compression&&(o+="&compression="+t.compression),o);var o},Di=function(e){var t=e.url,n=e.data,r=e.headers,o=e.options,a=e.captureMetrics,i=e.callback,s=e.retriesPerformedSoFar,l=e.retryQueue,c=e.onXHRError,u=e.timeout,p=void 0===u?1e4:u,d=new XMLHttpRequest;d.open(o.method||"GET",t,!0);var f=Fi(n,o);a.incr("_send_request"),a.incr("_send_request_inflight"),go(r,(function(e,t){d.setRequestHeader(t,e)})),"POST"!==o.method||o.blob||d.setRequestHeader("Content-Type","application/x-www-form-urlencoded"),d.timeout=p,d.withCredentials=!0,d.onreadystatechange=function(){if(4===d.readyState)if(a.incr("xhr-response"),a.incr("xhr-response-".concat(d.status)),a.decr("_send_request_inflight"),200===d.status){if(i){var e;try{e=JSON.parse(d.responseText)}catch(e){return void fo(e)}i(e)}}else"function"==typeof c&&c(d),[401,403,404,500].indexOf(d.status)<0&&l.enqueue({url:t,data:n,options:o,headers:r,retriesPerformedSoFar:(s||0)+1,callback:i}),i&&i({status:0})},d.send(f)},Mi=function(e){Dr(n,Ya);var t=Br(n);function n(e,r){var o;return Rr(this,n),(o=t.call(this)).captureMetrics=e,o.isPolling=!1,o.queue=[],o.areWeOnline=!0,o.onXHRError=r,"undefined"!=typeof window&&"onLine"in window.navigator&&(o.areWeOnline=window.navigator.onLine,window.addEventListener("online",(function(){o._handleWeAreNowOnline()})),window.addEventListener("offline",(function(){o.areWeOnline=!1}))),o}return Ir(n,[{key:"enqueue",value:function(e){var t=e.retriesPerformedSoFar||0;if(!(t>=10)){var n=3e3*Math.pow(2,t),r=new Date(Date.now()+n);pt.warn("Enqueued failed request for retry in ".concat(n)),this.queue.push({retryAt:r,requestData:e}),this.isPolling||(this.isPolling=!0,this.poll())}}},{key:"poll",value:function(){var e=this;this._poller&&clearTimeout(this._poller),this._poller=setTimeout((function(){e.areWeOnline&&e.queue.length>0&&e.flush(),e.poll()}),this._pollInterval)}},{key:"flush",value:function(){var e=new Date(Date.now()),t=this.queue.filter((function(t){return t.retryAt0){this.queue=this.queue.filter((function(t){return t.retryAt>=e}));var n,r=Vr(t);try{for(r.s();!(n=r.n()).done;){var o=n.value.requestData;this._executeXhrRequest(o)}}catch(e){r.e(e)}finally{r.f()}}}},{key:"unload",value:function(){this._poller&&(clearTimeout(this._poller),this._poller=void 0);var e,t=Vr(this.queue);try{for(t.s();!(e=t.n()).done;){var n=e.value.requestData,r=n.url,o=n.data,a=n.options;try{window.navigator.sendBeacon(r,Fi(o,jr(jr({},a),{},{sendBeacon:!0})))}catch(e){Zr.DEBUG&&pt.error(e)}}}catch(e){t.e(e)}finally{t.f()}this.queue=[]}},{key:"_executeXhrRequest",value:function(e){var t=e.url,n=e.data,r=e.options,o=e.headers,a=e.callback,i=e.retriesPerformedSoFar;Di({url:t,data:n||{},options:r||{},headers:o||{},retriesPerformedSoFar:i||0,callback:a,captureMetrics:this.captureMetrics,retryQueue:this,onXHRError:this.onXHRError})}},{key:"_handleWeAreNowOnline",value:function(){this.areWeOnline=!0,this.flush()}}]),n}(),zi=function(){function e(t,n){Rr(this,e),this.persistence=n,this._windowId=void 0,this._sessionId=void 0,this._sessionStartTimestamp=null,this._sessionActivityTimestamp=null;var r=t.persistence_name||t.token;if(this.window_id_storage_key="ph_"+r+"_window_id",this.primary_window_exists_storage_key="ph_"+r+"_primary_window_exists",!this.persistence.disabled&&ia.is_supported()){var o=ia.parse(this.window_id_storage_key),a=ia.parse(this.primary_window_exists_storage_key);o&&!a?this._windowId=o:ia.remove(this.window_id_storage_key),ia.set(this.primary_window_exists_storage_key,!0)}this._listenToReloadWindow()}return Ir(e,[{key:"_setWindowId",value:function(e){e!==this._windowId&&(this._windowId=e,!this.persistence.disabled&&ia.is_supported()&&ia.set(this.window_id_storage_key,e))}},{key:"_getWindowId",value:function(){return this._windowId?this._windowId:!this.persistence.disabled&&ia.is_supported()?ia.parse(this.window_id_storage_key):null}},{key:"_setSessionId",value:function(e,t,n){e===this._sessionId&&t===this._sessionActivityTimestamp&&n===this._sessionStartTimestamp||(this._sessionStartTimestamp=n,this._sessionActivityTimestamp=t,this._sessionId=e,this.persistence.register(Fr({},ja,[t,e,n])))}},{key:"_getSessionId",value:function(){if(this._sessionId&&this._sessionActivityTimestamp&&this._sessionStartTimestamp)return[this._sessionActivityTimestamp,this._sessionId,this._sessionStartTimestamp];var e=this.persistence.props[ja];return Array.isArray(e)&&2===e.length&&e.push(e[0]),e||[0,null,0]}},{key:"resetSessionId",value:function(){this._setSessionId(null,null,null)}},{key:"_listenToReloadWindow",value:function(){var e=this;window.addEventListener("beforeunload",(function(){!e.persistence.disabled&&ia.is_supported()&&ia.remove(e.primary_window_exists_storage_key)}))}},{key:"checkAndGetSessionAndWindowId",value:function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],t=(arguments.length>1&&void 0!==arguments[1]?arguments[1]:null)||(new Date).getTime(),n=$r(this._getSessionId(),3),r=n[0],o=n[1],a=n[2],i=this._getWindowId(),s=a&&a>0&&Math.abs(t-a)>864e5;!o||!e&&Math.abs(t-r)>18e5||s?(o=Lo(),i=Lo(),a=t):i||(i=Lo());var l=0===r||!e||s?t:r,c=0===a?(new Date).getTime():a;return this._setWindowId(i),this._setSessionId(o,l,c),{sessionId:o,windowId:i}}}]),e}(),Bi=Ir((function e(t,n,r,o){Rr(this,e),this.name="posthog-js",this.setupOnce=function(e){e((function(e){var a,i,s;if("error"!==e.level||!t.__loaded)return e;e.tags||(e.tags={});var l=t.config.ui_host||t.config.api_host;e.tags["PostHog Person URL"]=l+"/person/"+t.get_distinct_id(),t.sessionRecordingStarted()&&(e.tags["PostHog Recording URL"]=l+"/recordings/"+t.sessionManager.checkAndGetSessionAndWindowId(!0).sessionId);var c=(null===(a=e.exception)||void 0===a?void 0:a.values)||[],u={$sentry_event_id:e.event_id,$sentry_exception:e.exception,$sentry_exception_message:null===(i=c[0])||void 0===i?void 0:i.value,$sentry_exception_type:null===(s=c[0])||void 0===s?void 0:s.type,$sentry_tags:e.tags};return n&&r&&(u.$sentry_url=(o||"https://sentry.io/organizations/")+n+"/issues/?project="+r+"&query="+e.event_id),t.capture("$exception",u),e}))}})),$i=function(){function e(){Rr(this,e),Fr(this,"_seenFirstPageView",!1)}return Ir(e,[{key:"onPageview",value:function(){this._seenFirstPageView&&(this._pageViewId=Lo()),this._seenFirstPageView=!0}},{key:"getPageViewId",value:function(){return this._pageViewId||(this._pageViewId=Lo()),this._pageViewId}}]),e}();!function(e){e[e.INIT_MODULE=0]="INIT_MODULE",e[e.INIT_SNIPPET=1]="INIT_SNIPPET"}(Ri||(Ri={}));var qi=function(){},Ui={},Hi="posthog",Vi=ro.XMLHttpRequest&&"withCredentials"in new XMLHttpRequest,Gi=!Vi&&-1===io.indexOf("MSIE")&&-1===io.indexOf("Mozilla"),Wi=function(){var e,t,n;return{api_host:"https://app.posthog.com",api_method:"POST",api_transport:"XHR",ui_host:null,token:"",autocapture:!0,rageclick:!0,cross_subdomain_cookie:-1===(null==ao||null===(e=ao.location)||void 0===e||null===(t=e.hostname)||void 0===t?void 0:t.indexOf("herokuapp.com")),persistence:"cookie",persistence_name:"",cookie_name:"",loaded:qi,store_google:!0,save_referrer:!0,test:!1,verbose:!1,img:!1,capture_pageview:!0,capture_pageleave:!0,debug:!1,cookie_expiration:365,upgrade:!1,disable_session_recording:!1,disable_persistence:!1,disable_cookie:!1,enable_recording_console_log:void 0,secure_cookie:"https:"===(null==ro||null===(n=ro.location)||void 0===n?void 0:n.protocol),ip:!0,opt_out_capturing_by_default:!1,opt_out_persistence_by_default:!1,opt_out_capturing_persistence_type:"localStorage",opt_out_capturing_cookie_prefix:null,opt_in_site_apps:!1,property_blacklist:[],respect_dnt:!1,sanitize_properties:null,xhr_headers:{},inapp_protocol:"//",inapp_link_new_window:!1,request_batching:!0,properties_string_max_length:65535,session_recording:{blockClass:"ph-no-capture",blockSelector:null,ignoreClass:"ph-ignore-input",maskAllInputs:!0,maskInputOptions:{},maskInputFn:null,slimDOMOptions:{},collectFonts:!1,inlineStylesheet:!0},mask_all_element_attributes:!1,mask_all_text:!1,advanced_disable_decide:!1,advanced_disable_toolbar_metrics:!1,on_xhr_error:function(e){var t="Bad HTTP status: "+e.status+" "+e.statusText;pt.error(t)},get_device_id:function(e){return e},_onCapture:qi,_capture_metrics:!1,capture_performance:void 0,name:"posthog",callback_fn:"posthog._jsc",bootstrap:{},disable_compression:!1}},Yi=function(e,t,n){var r,o=n!==Hi&&Ii?n?Ii[n]:void 0:Ii;if(o&&Li===Ri.INIT_MODULE)r=o;else{if(o&&!vo(o))return void pt.error("You have already initialized "+n);r=new Ki}return r._init(e,t,n),r.toolbar.maybeLoadToolbar(),r.sessionRecording=new Ma(r),r.sessionRecording.startRecordingIfEnabled(),r.webPerformance=new qa(r),r.webPerformance.startObservingIfEnabled(),r.__autocapture=r.get_config("autocapture"),r.get_config("autocapture")&&(r.__autocapture=r.get_config("autocapture"),Xo.enabledForProject(r.get_config("token"),100,100)?Xo.isBrowserSupported()?Xo.init(r):(r.__autocapture=!1,po("Disabling Automatic Event Collection because this browser is not supported")):(r.__autocapture=!1,po("Not in active bucket: disabling Automatic Event Collection."))),Zr.DEBUG=Zr.DEBUG||r.get_config("debug"),void 0!==o&&vo(o)&&(r._execute_array.call(r.people,o.people),r._execute_array(o)),r},Ki=function(){function e(){var t=this;Rr(this,e),this.config=Wi(),this.compression={},this.decideEndpointWasHit=!1,this.SentryIntegration=Bi,this.segmentIntegration=function(){return function(e){var t=function(t,n){t.event.userId||t.event.anonymousId===e.get_distinct_id()||e.reset(),t.event.userId&&t.event.userId!==e.get_distinct_id()&&(e.register({distinct_id:t.event.userId}),e.reloadFeatureFlags());var r=e._calculate_event_properties(n,t.event.properties);return t.event.properties=Object.assign({},r,t.event.properties),t};return{name:"PostHog JS",type:"enrichment",version:"1.0.0",isLoaded:function(){return!0},load:function(){return Promise.resolve()},track:function(e){return t(e,e.event.event)},page:function(e){return t(e,"$pageview")},identify:function(e){return t(e,"$identify")},screen:function(e){return t(e,"$screen")}}}(t)},this.__captureHooks=[],this.__request_queue=[],this.__loaded=!1,this.__loaded_recorder=!1,this.__autocapture=void 0,this._jsc=function(){},this.people=new wa(this),this.featureFlags=new Ea(this),this.feature_flags=this.featureFlags,this.toolbar=new Wa(this),this.pageViewIdManager=new $i,this._captureMetrics=void 0,this._requestQueue=void 0,this._retryQueue=void 0,this.persistence=void 0,this.sessionManager=void 0}return Ir(e,[{key:"init",value:function(e,t,n){if(So(n))pt.error("You must name your new library: init(token, config, name)");else{if(n!==Hi){var r=Yi(e,t,n);return Ii[n]=r,r._loaded(),r}pt.error("You must initialize the main posthog object right after you include the PostHog js snippet")}}},{key:"_init",value:function(e){var t,n,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},o=arguments.length>2?arguments[2]:void 0;if(this.__loaded=!0,this.config={},this._triggered_notifs=[],this.set_config(bo({},Wi(),r,{name:o,token:e,callback_fn:(o===Hi?o:Hi+"."+o)+"._jsc"})),this._jsc=function(){},(null!=ro&&null!==(t=ro.rrweb)&&void 0!==t&&t.record||null!=ro&&ro.rrwebRecord)&&(this.__loaded_recorder=!0),this._captureMetrics=new Qa(this.get_config("_capture_metrics")),this._requestQueue=new Ka(this._captureMetrics,this._handle_queued_event.bind(this)),this._retryQueue=new Mi(this._captureMetrics,this.get_config("on_xhr_error")),this.__captureHooks=[],this.__request_queue=[],this.persistence=new Ia(this.config),this.sessionManager=new zi(this.config,this.persistence),this._gdpr_init(),r.segment&&(this.config.get_device_id=function(){return r.segment.user().anonymousId()},r.segment.user().id()&&(this.register({distinct_id:r.segment.user().id()}),this.persistence.set_user_state("identified")),r.segment.register(this.segmentIntegration())),void 0!==(null===(n=r.bootstrap)||void 0===n?void 0:n.distinctID)){var a,i,s=this.get_config("get_device_id")(Lo()),l=null!==(a=r.bootstrap)&&void 0!==a&&a.isIdentifiedID?s:r.bootstrap.distinctID;this.persistence.set_user_state(null!==(i=r.bootstrap)&&void 0!==i&&i.isIdentifiedID?"identified":"anonymous"),this.register({distinct_id:r.bootstrap.distinctID,$device_id:l})}if(this._hasBootstrappedFeatureFlags()){var c,u,p=Object.keys((null===(c=r.bootstrap)||void 0===c?void 0:c.featureFlags)||{}).filter((function(e){var t,n;return!(null===(t=r.bootstrap)||void 0===t||null===(n=t.featureFlags)||void 0===n||!n[e])})).reduce((function(e,t){var n,o;return e[t]=(null===(n=r.bootstrap)||void 0===n||null===(o=n.featureFlags)||void 0===o?void 0:o[t])||!1,e}),{}),d=Object.keys((null===(u=r.bootstrap)||void 0===u?void 0:u.featureFlagPayloads)||{}).filter((function(e){return p[e]})).reduce((function(e,t){var n,o,a,i;return null!==(n=r.bootstrap)&&void 0!==n&&null!==(o=n.featureFlagPayloads)&&void 0!==o&&o[t]&&(e[t]=null===(a=r.bootstrap)||void 0===a||null===(i=a.featureFlagPayloads)||void 0===i?void 0:i[t]),e}),{});this.featureFlags.receivedFeatureFlags({featureFlags:p,featureFlagPayloads:d})}if(!this.get_distinct_id()){var f=this.get_config("get_device_id")(Lo());this.register_once({distinct_id:f,$device_id:f},""),this.persistence.set_user_state("anonymous")}ro.addEventListener&&ro.addEventListener("onpagehide"in self?"pagehide":"unload",this._handle_unload.bind(this))}},{key:"_loaded",value:function(){this.featureFlags.setReloadingPaused(!0);try{this.get_config("loaded")(this)}catch(e){pt.error("`loaded` function failed",e)}this._start_queue_if_opted_in(),this.get_config("capture_pageview")&&this.capture("$pageview",{},{send_instantly:!0}),this.get_config("advanced_disable_decide")||new Ha(this).call(),this.featureFlags.resetRequestQueue(),this.featureFlags.setReloadingPaused(!1)}},{key:"_start_queue_if_opted_in",value:function(){this.has_opted_out_capturing()||this.get_config("request_batching")&&this._requestQueue.poll()}},{key:"_dom_loaded",value:function(){var e=this;this.has_opted_out_capturing()||yo(this.__request_queue,(function(t){e._send_request.apply(e,qr(t))})),this.__request_queue=[],this._start_queue_if_opted_in()}},{key:"_prepare_callback",value:function(e,t){if(So(e))return null;if(Vi)return function(n){e(n,t)};var n=this._jsc,r=""+Math.floor(1e8*Math.random()),o=this.get_config("callback_fn")+"["+r+"]";return n[r]=function(o){delete n[r],e(o,t)},o}},{key:"_handle_unload",value:function(){this.get_config("request_batching")?(this.get_config("capture_pageview")&&this.get_config("capture_pageleave")&&this.capture("$pageleave"),this.get_config("_capture_metrics")&&(this._requestQueue.updateUnloadMetrics(),this.capture("$capture_metrics",this._captureMetrics.metrics)),this._requestQueue.unload(),this._retryQueue.unload()):this.get_config("capture_pageview")&&this.get_config("capture_pageleave")&&this.capture("$pageleave",null,{transport:"sendBeacon"})}},{key:"_handle_queued_event",value:function(e,t,n){var r=JSON.stringify(t);this.__compress_and_send_json_request(e,r,n||Ui,qi)}},{key:"__compress_and_send_json_request",value:function(e,t,n,r){var o,a=function(e,t,n){return e===mi.LZ64?[{data:Xr.compressToBase64(t),compression:mi.LZ64},n]:e===mi.GZipJS?[ji(Ni(t),{mtime:0}),jr(jr({},n),{},{blob:!0,urlQueryArgs:{compression:mi.GZipJS}})]:[{data:No(t)},n]}((o=this.compression)[mi.GZipJS]?mi.GZipJS:o[mi.LZ64]?mi.LZ64:mi.Base64,t,n),i=$r(a,2),s=i[0],l=i[1];this._send_request(e,s,l,r)}},{key:"_send_request",value:function(e,t,n,r){if(Gi)this.__request_queue.push([e,t,n,r]);else{var o={method:this.get_config("api_method"),transport:this.get_config("api_transport"),verbose:this.get_config("verbose")};n=bo(o,n||{}),Vi||(n.method="GET");var a="sendBeacon"in ro.navigator&&"sendBeacon"===n.transport;if(e=function(e,t,n){var r=t||{};r.ip=n.ip?1:0,r._=(new Date).getTime().toString(),r.ver=Zr.LIB_VERSION;var o=e.split("?");if(o.length>1){var a,i=Vr(o[1].split("&"));try{for(i.s();!(a=i.n()).done;){var s=a.value.split("=")[0];r[s]&&delete r[s]}}catch(e){i.e(e)}finally{i.f()}}var l=e.indexOf("?")>-1?"&":"?";return e+l+function(e){var t,n,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"&",o=[];return go(e,(function(e,r){t=encodeURIComponent(e.toString()),n=encodeURIComponent(r),o[o.length]=n+"="+t})),o.join(r)}(r)}(e,n.urlQueryArgs||{},{ip:this.get_config("ip")}),xo(t)&&this.get_config("img")){var i=ao.createElement("img");i.src=e,ao.body.appendChild(i)}else if(a)try{ro.navigator.sendBeacon(e,Fi(t,jr(jr({},n),{},{sendBeacon:!0})))}catch(e){this.get_config("debug")&&pt.error(e)}else if(Vi)try{Di({url:e,data:t,headers:this.get_config("xhr_headers"),options:n,captureMetrics:this._captureMetrics,callback:r,retriesPerformedSoFar:0,retryQueue:this._retryQueue,onXHRError:this.get_config("on_xhr_error")})}catch(e){pt.error(e)}else{var s,l=ao.createElement("script");l.type="text/javascript",l.async=!0,l.defer=!0,l.src=e;var c=ao.getElementsByTagName("script")[0];null===(s=c.parentNode)||void 0===s||s.insertBefore(l,c)}}}},{key:"_execute_array",value:function(e){var t,n=this,r=[],o=[],a=[];yo(e,(function(e){e&&(t=e[0],vo(t)?a.push(e):"function"==typeof e?e.call(n):vo(e)&&"alias"===t?r.push(e):vo(e)&&-1!==t.indexOf("capture")&&"function"==typeof n[t]?a.push(e):o.push(e))}));var i=function(e,t){yo(e,(function(e){if(vo(e[0])){var n=t;go(e,(function(e){n=n[e[0]].apply(n,e.slice(1))}))}else this[e[0]].apply(this,e.slice(1))}),t)};i(r,this),i(o,this),i(a,this)}},{key:"_hasBootstrappedFeatureFlags",value:function(){var e,t;return(null===(e=this.config.bootstrap)||void 0===e?void 0:e.featureFlags)&&Object.keys(null===(t=this.config.bootstrap)||void 0===t?void 0:t.featureFlags).length>0||!1}},{key:"push",value:function(e){this._execute_array([e])}},{key:"capture",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:Ui;if(this.__loaded&&!ya(this,!1)){this._captureMetrics.incr("capture"),"$snapshot"===e&&this._captureMetrics.incr("snapshot");var r=(n=n||Ui).transport;if(r&&(n.transport=r),So(e)||"string"!=typeof e)pt.error("No event name provided to posthog.capture");else if(!function(e){return!!/(google web preview|baiduspider|yandexbot|bingbot|googlebot|yahoo! slurp|ahrefsbot|facebookexternalhit|facebookcatalog|applebot|semrushbot|duckduckbot|twitterbot|rogerbot|linkedinbot|mj12bot|sitebulb|bot.htm|bot.php)/i.test(e)}(io)){this.persistence.update_search_keyword(ao.referrer),this.get_config("store_google")&&this.persistence.update_campaign_params(),this.get_config("save_referrer")&&this.persistence.update_referrer_info(ao.referrer);var o={event:e,properties:this._calculate_event_properties(e,t||{})};"$identify"===e&&n.$set&&(o.$set=n.$set),(o=jo(o,n._noTruncate?null:this.get_config("properties_string_max_length"))).timestamp=n.timestamp||new Date,this.get_config("debug")&&po("PostHog.js send",o);var a=JSON.stringify(o),i=this.get_config("api_host")+(n.endpoint||"/e/"),s=n!==Ui;return!this.get_config("request_batching")||s&&!n._batchKey||n.send_instantly?this.__compress_and_send_json_request(i,a,n):this._requestQueue.enqueue(i,o,n),this._invokeCaptureHooks(e,o),o}}}},{key:"_addCaptureHook",value:function(e){this.__captureHooks.push(e)}},{key:"_invokeCaptureHooks",value:function(e,t){this.config._onCapture(e,t),go(this.__captureHooks,(function(t){return t(e)}))}},{key:"_calculate_event_properties",value:function(e,t){var n,r=this.persistence.remove_event_timer(e),o=jr({},t);if(o.token=this.get_config("token"),"$snapshot"===e){var a=this.persistence.properties();return o.distinct_id=a.distinct_id,o}var i=Mo.properties();if(this.sessionManager){var s=this.sessionManager.checkAndGetSessionAndWindowId(),l=s.sessionId,c=s.windowId;o.$session_id=l,o.$window_id=c}if(null!==(n=this.webPerformance)&&void 0!==n&&n.isEnabled&&("$pageview"===e&&this.pageViewIdManager.onPageview(),o=bo(o,{$pageview_id:this.pageViewIdManager.getPageViewId()})),"$performance_event"===e){var u=this.persistence.properties();return o.distinct_id=u.distinct_id,o.$current_url=i.$current_url,o}if(void 0!==r){var p=(new Date).getTime()-r;o.$duration=parseFloat((p/1e3).toFixed(3))}o=bo({},i,this.persistence.properties(),o);var d=this.get_config("property_blacklist");vo(d)?go(d,(function(e){delete o[e]})):pt.error("Invalid value for property_blacklist config: "+d);var f=this.get_config("sanitize_properties");return f&&(o=f(o,e)),o}},{key:"register",value:function(e,t){this.persistence.register(e,t)}},{key:"register_once",value:function(e,t,n){this.persistence.register_once(e,t,n)}},{key:"unregister",value:function(e){this.persistence.unregister(e)}},{key:"_register_single",value:function(e,t){this.register(Fr({},e,t))}},{key:"getFeatureFlag",value:function(e,t){return this.featureFlags.getFeatureFlag(e,t)}},{key:"getFeatureFlagPayload",value:function(e){var t=this.featureFlags.getFeatureFlagPayload(e);try{return JSON.parse(t)}catch(e){return t}}},{key:"isFeatureEnabled",value:function(e,t){return this.featureFlags.isFeatureEnabled(e,t)}},{key:"reloadFeatureFlags",value:function(){this.featureFlags.reloadFeatureFlags()}},{key:"onFeatureFlags",value:function(e){return this.featureFlags.onFeatureFlags(e)}},{key:"identify",value:function(e,t,n){if(e){this._captureMetrics.incr("identify");var r=this.get_distinct_id();if(this.register({$user_id:e}),!this.get_property("$device_id")){var o=r;this.register_once({$had_persisted_distinct_id:!0,$device_id:o},"")}e!==r&&e!==this.get_property(Aa)&&(this.unregister(Aa),this.register({distinct_id:e}));var a="anonymous"===this.persistence.get_user_state();e!==r&&a?(this.persistence.set_user_state("identified"),this.capture("$identify",{distinct_id:e,$anon_distinct_id:r},{$set:t||{},$set_once:n||{}}),this.featureFlags.setAnonymousDistinctId(r)):(t&&this.people.set(t),n&&this.people.set_once(n)),e!==r&&this.reloadFeatureFlags()}else pt.error("Unique user id has not been set in posthog.identify")}},{key:"group",value:function(e,t,n){if(e&&t){this._captureMetrics.incr("group");var r=this.getGroups();this.register({$groups:jr(jr({},r),{},Fr({},e,t))}),n&&this.capture("$groupidentify",{$group_type:e,$group_key:t,$group_set:n}),r[e]!==t&&this.reloadFeatureFlags()}else pt.error("posthog.group requires a group type and group key")}},{key:"resetGroups",value:function(){this.register({$groups:{}}),this.reloadFeatureFlags()}},{key:"reset",value:function(e){var t=this.get_property("$device_id");this.persistence.clear(),this.persistence.set_user_state("anonymous"),this.sessionManager.resetSessionId();var n=this.get_config("get_device_id")(Lo());this.register_once({distinct_id:n,$device_id:e?n:t},"")}},{key:"get_distinct_id",value:function(){return this.get_property("distinct_id")}},{key:"getGroups",value:function(){return this.get_property("$groups")||{}}},{key:"alias",value:function(e,t){return e===this.get_property(Ca)?(mo("Attempting to create alias for existing People user - aborting."),-2):(So(t)&&(t=this.get_distinct_id()),e!==t?(this._register_single(Aa,e),this.capture("$create_alias",{alias:e,distinct_id:t})):(pt.error("alias matches current distinct_id - skipping api call."),this.identify(e),-1))}},{key:"set_config",value:function(e){var t=jr({},this.config);xo(e)&&(bo(this.config,e),this.get_config("persistence_name")||(this.config.persistence_name=this.config.cookie_name),this.get_config("disable_persistence")||(this.config.disable_persistence=this.config.disable_cookie),this.persistence&&this.persistence.update_config(this.config),ta.is_supported()&&"true"===ta.get("ph_debug")&&(this.config.debug=!0),this.get_config("debug")&&(Zr.DEBUG=!0),this.sessionRecording&&void 0!==e.disable_session_recording&&t.disable_session_recording!==e.disable_session_recording&&(e.disable_session_recording?this.sessionRecording.stopRecording():this.sessionRecording.startRecordingIfEnabled()))}},{key:"startSessionRecording",value:function(){this.set_config({disable_session_recording:!1})}},{key:"stopSessionRecording",value:function(){this.set_config({disable_session_recording:!0})}},{key:"sessionRecordingStarted",value:function(){var e;return!(null===(e=this.sessionRecording)||void 0===e||!e.started())}},{key:"loadToolbar",value:function(e){return this.toolbar.loadToolbar(e)}},{key:"get_config",value:function(e){var t;return null===(t=this.config)||void 0===t?void 0:t[e]}},{key:"get_property",value:function(e){return this.persistence.props[e]}},{key:"toString",value:function(){var e,t=null!==(e=this.get_config("name"))&&void 0!==e?e:Hi;return t!==Hi&&(t=Hi+"."+t),t}},{key:"_gdpr_init",value:function(){"localStorage"===this.get_config("opt_out_capturing_persistence_type")&&ta.is_supported()&&(!this.has_opted_in_capturing()&&this.has_opted_in_capturing({persistence_type:"cookie"})&&this.opt_in_capturing({enable_persistence:!1}),!this.has_opted_out_capturing()&&this.has_opted_out_capturing({persistence_type:"cookie"})&&this.opt_out_capturing({clear_persistence:!1}),this.clear_opt_in_out_capturing({persistence_type:"cookie",enable_persistence:!1})),this.has_opted_out_capturing()?this._gdpr_update_persistence({clear_persistence:!0}):this.has_opted_in_capturing()||!this.get_config("opt_out_capturing_by_default")&&!Jo.get("ph_optout")||(Jo.remove("ph_optout"),this.opt_out_capturing({clear_persistence:this.get_config("opt_out_persistence_by_default")}))}},{key:"_gdpr_update_persistence",value:function(e){var t;if(e&&e.clear_persistence)t=!0;else{if(!e||!e.enable_persistence)return;t=!1}this.get_config("disable_persistence")||this.persistence.disabled===t||this.persistence.set_disabled(t)}},{key:"_gdpr_call_func",value:function(e,t){return t=bo({capture:this.capture.bind(this),persistence_type:this.get_config("opt_out_capturing_persistence_type"),cookie_prefix:this.get_config("opt_out_capturing_cookie_prefix"),cookie_expiration:this.get_config("cookie_expiration"),cross_subdomain_cookie:this.get_config("cross_subdomain_cookie"),secure_cookie:this.get_config("secure_cookie")},t||{}),ta.is_supported()||"localStorage"!==t.persistence_type||(t.persistence_type="cookie"),e(this.get_config("token"),{capture:t.capture,captureEventName:t.capture_event_name,captureProperties:t.capture_properties,persistenceType:t.persistence_type,persistencePrefix:t.cookie_prefix,cookieExpiration:t.cookie_expiration,crossSubdomainCookie:t.cross_subdomain_cookie,secureCookie:t.secure_cookie})}},{key:"opt_in_capturing",value:function(e){e=bo({enable_persistence:!0},e||{}),this._gdpr_call_func(la,e),this._gdpr_update_persistence(e)}},{key:"opt_out_capturing",value:function(e){var t=bo({clear_persistence:!0},e||{});this._gdpr_call_func(ca,t),this._gdpr_update_persistence(t)}},{key:"has_opted_in_capturing",value:function(e){return this._gdpr_call_func(ua,e)}},{key:"has_opted_out_capturing",value:function(e){return this._gdpr_call_func(pa,e)}},{key:"clear_opt_in_out_capturing",value:function(e){var t=bo({enable_persistence:!0},null!=e?e:{});this._gdpr_call_func(da,t),this._gdpr_update_persistence(t)}},{key:"debug",value:function(e){!1===e?(ro.console.log("You've disabled debug mode."),localStorage&&localStorage.removeItem("ph_debug"),this.set_config({debug:!1})):(ro.console.log("You're now in debug mode. All calls to PostHog will be logged in your console.\nYou can disable this with `posthog.debug(false)`."),localStorage&&localStorage.setItem("ph_debug","true"),this.set_config({debug:!0}))}},{key:"decodeLZ64",value:function(e){return Xr.decompressFromBase64(e||null)}}]),e}();!function(e,t){for(var n=0;n1?r.createElement("div",{className:"ms-block"},r.createElement("nav",{className:" ms-flex ms-items-start ms-overflow-auto ms-justify-center ms-rounded-lg ms-text-center"},t.map((function(e,a){return r.createElement("div",{key:a},r.createElement("button",{tabIndex:0,key:a,onClick:function(){a===i||(s(a),Xi.capture("selecting search type",{goingTo:t[a].name}),o&&o(t[a].name))},style:{backgroundColor:a===i?n.darkMode?"#2e2e2e":"#f9f9f9":n.darkMode?"#1a1a1a":"#ffffff"},className:"ms-mr-2 ms-min-w-[64px] ms-rounded-md sm:ms-min-w-0 ms-m-0 ms-p-0 group ms-relative ms-flex-1 ms-py-1 sm:ms-py-2 ms-px-2 ms-text-xs sm:ms-text-sm ms-font-medium focus:ms-ring-transparent focus:ms-z-10 hover:ms-cursor-pointer "},r.createElement("div",{className:"ms-flex ms-items-center ms-justify-start "},r.createElement("p",{style:{margin:0},className:" ".concat(n.darkMode?"ms-text-white":"ms-text-black")},t[a].name)),r.createElement("span",{"aria-hidden":"true",className:"ms-bg-transparent ms-absolute ms-inset-x-0 ms-bottom-0 ms-h-0.5"}),a===i&&r.createElement("div",{style:{backgroundColor:n.accentColor},className:" ms-absolute ms-inset-x-0 ms-bottom-0 ms-h-0.5 ms-w-full"})))})))):r.createElement("div",null),-1!==i&&r.createElement("div",{tabIndex:-1,className:"ms-w-full ms-rounded-xl ms-flex ms-flex-col ms-relative "},r.createElement("div",{className:"ms-overflow-auto ms-relative ms-h-fit "},r.createElement("div",{className:"ms-flex ms-flex-row ms-w-full ms-items-center ms-justify-between"},r.createElement("div",{style:{textDecorationColor:n.accentColor},className:"ms-flex ms-flex-col ms-w-full ms-items-end "},t[i].displayComponent))))))};const Ji=["http","https","mailto","tel"];function es(e){const t=(e||"").trim(),n=t.charAt(0);if("#"===n||"/"===n)return t;const r=t.indexOf(":");if(-1===r)return t;let o=-1;for(;++oo?t:(o=t.indexOf("#"),-1!==o&&r>o?t:"javascript:void(0)")}var ts=function(e){return null!=e&&null!=e.constructor&&"function"==typeof e.constructor.isBuffer&&e.constructor.isBuffer(e)};function ns(e){return e&&"object"==typeof e?"position"in e||"type"in e?os(e.position):"start"in e||"end"in e?os(e):"line"in e||"column"in e?rs(e):"":""}function rs(e){return as(e&&e.line)+":"+as(e&&e.column)}function os(e){return rs(e&&e.start)+"-"+rs(e&&e.end)}function as(e){return e&&"number"==typeof e?e:1}class is extends Error{constructor(e,t,n){const r=[null,null];let o={start:{line:null,column:null},end:{line:null,column:null}};if(super(),"string"==typeof t&&(n=t,t=void 0),"string"==typeof n){const e=n.indexOf(":");-1===e?r[1]=n:(r[0]=n.slice(0,e),r[1]=n.slice(e+1))}t&&("type"in t||"position"in t?t.position&&(o=t.position):"start"in t||"end"in t?o=t:("line"in t||"column"in t)&&(o.start=t)),this.name=ns(t)||"1:1",this.message="object"==typeof e?e.message:e,this.stack="","object"==typeof e&&e.stack&&(this.stack=e.stack),this.reason=this.message,this.fatal,this.line=o.start.line,this.column=o.start.column,this.position=o,this.source=r[0],this.ruleId=r[1],this.file,this.actual,this.expected,this.url,this.note}}function ss(e,t){for(var n=0,r=e.length-1;r>=0;r--){var o=e[r];"."===o?e.splice(r,1):".."===o?(e.splice(r,1),n++):n&&(e.splice(r,1),n--)}if(t)for(;n--;n)e.unshift("..");return e}is.prototype.file="",is.prototype.name="",is.prototype.reason="",is.prototype.message="",is.prototype.stack="",is.prototype.fatal=null,is.prototype.column=null,is.prototype.line=null,is.prototype.source=null,is.prototype.ruleId=null,is.prototype.position=null;var ls=/^(\/?|)([\s\S]*?)((?:\.{1,2}|[^\/]+?|)(\.[^.\/]*|))(?:[\/]*)$/,cs=function(e){return ls.exec(e).slice(1)};function us(e){var t=ps(e),n="/"===bs(e,-1);return(e=ss(ys(e.split("/"),(function(e){return!!e})),!t).join("/"))||t||(e="."),e&&n&&(e+="/"),(t?"/":"")+e}function ps(e){return"/"===e.charAt(0)}var ds=function(e){return cs(e)[3]},fs=function(e,t){var n=cs(e)[2];return t&&n.substr(-1*t.length)===t&&(n=n.substr(0,n.length-t.length)),n},ms=function(e){var t=cs(e),n=t[0],r=t[1];return n||r?(r&&(r=r.substr(0,r.length-1)),n+r):"."},hs="/",gs=function(){return us(ys(Array.prototype.slice.call(arguments,0),(function(e,t){if("string"!=typeof e)throw new TypeError("Arguments to path.join must be strings");return e})).join("/"))};function ys(e,t){if(e.filter)return e.filter(t);for(var n=[],r=0;r1)for(var n=1;n= 0x80 (not a basic code point)","invalid-input":"Invalid input"},Zs=Vs-1,Js=Math.floor,el=String.fromCharCode;function tl(e){throw new RangeError(Xs[e])}function nl(e,t){return e+22+75*(e<26)-((0!=t)<<5)}function rl(e,t,n){var r=0;for(e=n?Js(e/Ys):e>>1,e+=Js(e/t);e>Zs*Gs>>1;r+=Vs)e=Js(e/Zs);return Js(r+(Zs+1)*e/(e+Ws))}function ol(e){return function(e,t){var n=e.split("@"),r="";n.length>1&&(r=n[0]+"@",e=n[1]);var o=function(e,t){for(var n=e.length,r=[];n--;)r[n]=t(e[n]);return r}((e=e.replace(Qs,".")).split("."),(function(e){return Ks.test(e)?"xn--"+function(e){var t,n,r,o,a,i,s,l,c,u,p,d,f,m,h,g=[];for(e=function(e){for(var t,n,r=[],o=0,a=e.length;o=55296&&t<=56319&&o=t&&pJs((Hs-n)/(f=r+1))&&tl("overflow"),n+=(s-t)*f,t=s,i=0;iHs&&tl("overflow"),p==t){for(l=n,c=Vs;!(l<(u=c<=a?1:c>=a+Gs?Gs:c-a));c+=Vs)h=l-u,m=Vs-u,g.push(el(nl(u+h%m,0))),l=Js(h/m);g.push(el(nl(l,0))),a=rl(n,f,r==o),n=0,++r}++n,++t}return g.join("")}(e):e})).join(".");return r+o}(e)}function al(e){return null===e}function il(e){return"string"==typeof e}function sl(e){return"object"==typeof e&&null!==e}function ll(e,t){return Object.prototype.hasOwnProperty.call(e,t)}var cl=Array.isArray||function(e){return"[object Array]"===Object.prototype.toString.call(e)};function ul(e){switch(typeof e){case"string":return e;case"boolean":return e?"true":"false";case"number":return isFinite(e)?e:"";default:return""}}function pl(e,t){if(e.map)return e.map(t);for(var n=[],r=0;r0&&s>i&&(s=i);for(var l=0;l=0?(c=f.substr(0,m),u=f.substr(m+1)):(c=f,u=""),p=decodeURIComponent(c),d=decodeURIComponent(u),ll(o,p)?cl(o[p])?o[p].push(d):o[p]=[o[p],d]:o[p]=d}return o}function ml(){this.protocol=null,this.slashes=null,this.auth=null,this.host=null,this.port=null,this.hostname=null,this.hash=null,this.search=null,this.query=null,this.pathname=null,this.path=null,this.href=null}vs.URL,vs.URLSearchParams;var hl=/^([a-z0-9.+-]+:)/i,gl=/:[0-9]*$/,yl=/^(\/\/?(?!\/)[^\?\s]*)(\?[^\s]*)?$/,bl=["{","}","|","\\","^","`"].concat(["<",">",'"',"`"," ","\r","\n","\t"]),vl=["'"].concat(bl),wl=["%","/","?",";","#"].concat(vl),kl=["/","?","#"],xl=/^[+a-z0-9A-Z_-]{0,63}$/,Sl=/^([+a-z0-9A-Z_-]{0,63})(.*)$/,_l={javascript:!0,"javascript:":!0},El={javascript:!0,"javascript:":!0},Cl={http:!0,https:!0,ftp:!0,gopher:!0,file:!0,"http:":!0,"https:":!0,"ftp:":!0,"gopher:":!0,"file:":!0};function Al(e){var t=e.auth||"";t&&(t=(t=encodeURIComponent(t)).replace(/%3A/i,":"),t+="@");var n=e.protocol||"",r=e.pathname||"",o=e.hash||"",a=!1,i="";e.host?a=t+e.host:e.hostname&&(a=t+(-1===e.hostname.indexOf(":")?e.hostname:"["+this.hostname+"]"),e.port&&(a+=":"+e.port)),e.query&&sl(e.query)&&Object.keys(e.query).length&&(i=function(e,t,n,r){return t=t||"&",n=n||"=",null===e&&(e=void 0),"object"==typeof e?pl(dl(e),(function(r){var o=encodeURIComponent(ul(r))+n;return cl(e[r])?pl(e[r],(function(e){return o+encodeURIComponent(ul(e))})).join(t):o+encodeURIComponent(ul(e[r]))})).join(t):""}(e.query));var s=e.search||i&&"?"+i||"";return n&&":"!==n.substr(-1)&&(n+=":"),e.slashes||(!n||Cl[n])&&!1!==a?(a="//"+(a||""),r&&"/"!==r.charAt(0)&&(r="/"+r)):a||(a=""),o&&"#"!==o.charAt(0)&&(o="#"+o),s&&"?"!==s.charAt(0)&&(s="?"+s),n+a+(r=r.replace(/[?#]/g,(function(e){return encodeURIComponent(e)})))+(s=s.replace("#","%23"))+o}function Ol(e){var t=e.host,n=gl.exec(t);n&&(":"!==(n=n[0])&&(e.port=n.substr(1)),t=t.substr(0,t.length-n.length)),t&&(e.hostname=t)}function Tl(e){return null!==e&&"object"==typeof e&&e.href&&e.origin}ml.prototype.parse=function(e,t,n){return function(e,t,n,r){if(!il(t))throw new TypeError("Parameter 'url' must be a string, not "+typeof t);var o=t.indexOf("?"),a=-1!==o&&o127?x+="x":x+=k[S];if(!x.match(xl)){var E=w.slice(0,c),C=w.slice(c+1),A=k.match(Sl);A&&(E.push(A[1]),C.unshift(A[2])),C.length&&(s="/"+C.join(".")+s),e.hostname=E.join(".");break}}}}e.hostname.length>255?e.hostname="":e.hostname=e.hostname.toLowerCase(),v||(e.hostname=ol(e.hostname)),d=e.port?":"+e.port:"";var O=e.hostname||"";e.host=O+d,e.href+=e.host,v&&(e.hostname=e.hostname.substr(1,e.hostname.length-2),"/"!==s[0]&&(s="/"+s))}if(!_l[m])for(c=0,p=vl.length;c0)&&r.host.split("@"))&&(r.auth=h.shift(),r.host=r.hostname=h.shift())),r.search=e.search,r.query=e.query,al(r.pathname)&&al(r.search)||(r.path=(r.pathname?r.pathname:"")+(r.search?r.search:"")),r.href=r.format(),r;if(!w.length)return r.pathname=null,r.search?r.path="/"+r.search:r.path=null,r.href=r.format(),r;for(var x=w.slice(-1)[0],S=(r.host||e.host||w.length>1)&&("."===x||".."===x)||""===x,_=0,E=w.length;E>=0;E--)"."===(x=w[E])?w.splice(E,1):".."===x?(w.splice(E,1),_++):_&&(w.splice(E,1),_--);if(!b&&!v)for(;_--;_)w.unshift("..");!b||""===w[0]||w[0]&&"/"===w[0].charAt(0)||w.unshift(""),S&&"/"!==w.join("/").substr(-1)&&w.push("");var C=""===w[0]||w[0]&&"/"===w[0].charAt(0);return k&&(r.hostname=r.host=C?"":w.length?w.shift():"",(h=!!(r.host&&r.host.indexOf("@")>0)&&r.host.split("@"))&&(r.auth=h.shift(),r.host=r.hostname=h.shift())),(b=b||r.host&&w.length)&&!C&&w.unshift(""),w.length?r.pathname=w.join("/"):(r.pathname=null,r.path=null),al(r.pathname)&&al(r.search)||(r.path=(r.pathname?r.pathname:"")+(r.search?r.search:"")),r.auth=e.auth||r.auth,r.slashes=r.slashes||e.slashes,r.href=r.format(),r},ml.prototype.parseHost=function(){return Ol(this)};const Pl=["history","path","basename","stem","extname","dirname"];class jl{constructor(e){let t;t=e?"string"==typeof e||function(e){return ts(e)}(e)?{value:e}:Tl(e)?{path:e}:e:{},this.data={},this.messages=[],this.history=[],this.cwd=Us.cwd(),this.value,this.stored,this.result,this.map;let n,r=-1;for(;++rt.length;let i;a&&t.push(r);try{i=e.apply(this,t)}catch(e){if(a&&n)throw e;return r(e)}a||(i instanceof Promise?i.then(o,r):i instanceof Error?r(i):o(i))};function r(e,...r){n||(n=!0,t(e,...r))}function o(e){r(null,e)}}(s,o)(...i):r(null,...i)}}(null,...t)},use:function(n){if("function"!=typeof n)throw new TypeError("Expected `middelware` to be a function, not "+n);return e.push(n),t}};return t}(),n=[];let r,o={},a=-1;return i.data=function(e,t){return"string"==typeof e?2===arguments.length?(Xl("data",r),o[e]=t,i):Wl.call(o,e)&&o[e]||null:e?(Xl("data",r),o=e,i):o},i.Parser=void 0,i.Compiler=void 0,i.freeze=function(){if(r)return i;for(;++a{if(!e&&t&&n){const o=i.stringify(t,n);null==o||("string"==typeof(r=o)||ts(r)?n.value=o:n.result=o),a(e,n)}else a(e);var r}))}n(null,t)},i.processSync=function(e){let t;i.freeze(),Kl("processSync",i.Parser),Ql("processSync",i.Compiler);const n=ec(e);return i.process(n,(function(e){t=!0,Il(e)})),Jl("processSync","process",t),n},i;function i(){const t=e();let r=-1;for(;++ro?0:o+t:t>o?o:t,n=n>0?n:0,r.length<1e4)a=Array.from(r),a.unshift(t,n),[].splice.apply(e,a);else for(n&&[].splice.apply(e,[t,n]);i0?(rc(e,e.length,0,t),e):t}const ac={}.hasOwnProperty;function ic(e){const t={};let n=-1;for(;++na))return;const n=t.events.length;let o,s,l=n;for(;l--;)if("exit"===t.events[l][0]&&"chunkFlow"===t.events[l][1].type){if(o){s=t.events[l][1].end;break}o=!0}for(y(i),e=n;er;){const r=n[o];t.containerState=r[1],r[0].exit.call(t,e)}n.length=r}function b(){r.write([null]),o=void 0,r=void 0,t.containerState._closeFlow=void 0}}},Ec={tokenize:function(e,t,n){return xc(e,e.attempt(this.parser.constructs.document,t,n),"linePrefix",this.parser.constructs.disable.null.includes("codeIndented")?void 0:4)}};function Cc(e){return null===e||gc(e)||vc(e)?1:wc(e)?2:void 0}function Ac(e,t,n){const r=[];let o=-1;for(;++o1&&e[u][1].end.offset-e[u][1].start.offset>1?2:1;const p=Object.assign({},e[n][1].end),d=Object.assign({},e[u][1].start);Tc(p,-s),Tc(d,s),a={type:s>1?"strongSequence":"emphasisSequence",start:p,end:Object.assign({},e[n][1].end)},i={type:s>1?"strongSequence":"emphasisSequence",start:Object.assign({},e[u][1].start),end:d},o={type:s>1?"strongText":"emphasisText",start:Object.assign({},e[n][1].end),end:Object.assign({},e[u][1].start)},r={type:s>1?"strong":"emphasis",start:Object.assign({},a.start),end:Object.assign({},i.end)},e[n][1].end=Object.assign({},a.start),e[u][1].start=Object.assign({},i.end),l=[],e[n][1].end.offset-e[n][1].start.offset&&(l=oc(l,[["enter",e[n][1],t],["exit",e[n][1],t]])),l=oc(l,[["enter",r,t],["enter",a,t],["exit",a,t],["enter",o,t]]),l=oc(l,Ac(t.parser.constructs.insideSpan.null,e.slice(n+1,u),t)),l=oc(l,[["exit",o,t],["enter",i,t],["exit",i,t],["exit",r,t]]),e[u][1].end.offset-e[u][1].start.offset?(c=2,l=oc(l,[["enter",e[u][1],t],["exit",e[u][1],t]])):c=0,rc(e,n-1,u-n+3,l),u=n+l.length-c-2;break}for(u=-1;++u",Gamma:"\u0393",Gammad:"\u03dc",Gbreve:"\u011e",Gcedil:"\u0122",Gcirc:"\u011c",Gcy:"\u0413",Gdot:"\u0120",Gfr:"\ud835\udd0a",Gg:"\u22d9",Gopf:"\ud835\udd3e",GreaterEqual:"\u2265",GreaterEqualLess:"\u22db",GreaterFullEqual:"\u2267",GreaterGreater:"\u2aa2",GreaterLess:"\u2277",GreaterSlantEqual:"\u2a7e",GreaterTilde:"\u2273",Gscr:"\ud835\udca2",Gt:"\u226b",HARDcy:"\u042a",Hacek:"\u02c7",Hat:"^",Hcirc:"\u0124",Hfr:"\u210c",HilbertSpace:"\u210b",Hopf:"\u210d",HorizontalLine:"\u2500",Hscr:"\u210b",Hstrok:"\u0126",HumpDownHump:"\u224e",HumpEqual:"\u224f",IEcy:"\u0415",IJlig:"\u0132",IOcy:"\u0401",Iacute:"\xcd",Icirc:"\xce",Icy:"\u0418",Idot:"\u0130",Ifr:"\u2111",Igrave:"\xcc",Im:"\u2111",Imacr:"\u012a",ImaginaryI:"\u2148",Implies:"\u21d2",Int:"\u222c",Integral:"\u222b",Intersection:"\u22c2",InvisibleComma:"\u2063",InvisibleTimes:"\u2062",Iogon:"\u012e",Iopf:"\ud835\udd40",Iota:"\u0399",Iscr:"\u2110",Itilde:"\u0128",Iukcy:"\u0406",Iuml:"\xcf",Jcirc:"\u0134",Jcy:"\u0419",Jfr:"\ud835\udd0d",Jopf:"\ud835\udd41",Jscr:"\ud835\udca5",Jsercy:"\u0408",Jukcy:"\u0404",KHcy:"\u0425",KJcy:"\u040c",Kappa:"\u039a",Kcedil:"\u0136",Kcy:"\u041a",Kfr:"\ud835\udd0e",Kopf:"\ud835\udd42",Kscr:"\ud835\udca6",LJcy:"\u0409",LT:"<",Lacute:"\u0139",Lambda:"\u039b",Lang:"\u27ea",Laplacetrf:"\u2112",Larr:"\u219e",Lcaron:"\u013d",Lcedil:"\u013b",Lcy:"\u041b",LeftAngleBracket:"\u27e8",LeftArrow:"\u2190",LeftArrowBar:"\u21e4",LeftArrowRightArrow:"\u21c6",LeftCeiling:"\u2308",LeftDoubleBracket:"\u27e6",LeftDownTeeVector:"\u2961",LeftDownVector:"\u21c3",LeftDownVectorBar:"\u2959",LeftFloor:"\u230a",LeftRightArrow:"\u2194",LeftRightVector:"\u294e",LeftTee:"\u22a3",LeftTeeArrow:"\u21a4",LeftTeeVector:"\u295a",LeftTriangle:"\u22b2",LeftTriangleBar:"\u29cf",LeftTriangleEqual:"\u22b4",LeftUpDownVector:"\u2951",LeftUpTeeVector:"\u2960",LeftUpVector:"\u21bf",LeftUpVectorBar:"\u2958",LeftVector:"\u21bc",LeftVectorBar:"\u2952",Leftarrow:"\u21d0",Leftrightarrow:"\u21d4",LessEqualGreater:"\u22da",LessFullEqual:"\u2266",LessGreater:"\u2276",LessLess:"\u2aa1",LessSlantEqual:"\u2a7d",LessTilde:"\u2272",Lfr:"\ud835\udd0f",Ll:"\u22d8",Lleftarrow:"\u21da",Lmidot:"\u013f",LongLeftArrow:"\u27f5",LongLeftRightArrow:"\u27f7",LongRightArrow:"\u27f6",Longleftarrow:"\u27f8",Longleftrightarrow:"\u27fa",Longrightarrow:"\u27f9",Lopf:"\ud835\udd43",LowerLeftArrow:"\u2199",LowerRightArrow:"\u2198",Lscr:"\u2112",Lsh:"\u21b0",Lstrok:"\u0141",Lt:"\u226a",Map:"\u2905",Mcy:"\u041c",MediumSpace:"\u205f",Mellintrf:"\u2133",Mfr:"\ud835\udd10",MinusPlus:"\u2213",Mopf:"\ud835\udd44",Mscr:"\u2133",Mu:"\u039c",NJcy:"\u040a",Nacute:"\u0143",Ncaron:"\u0147",Ncedil:"\u0145",Ncy:"\u041d",NegativeMediumSpace:"\u200b",NegativeThickSpace:"\u200b",NegativeThinSpace:"\u200b",NegativeVeryThinSpace:"\u200b",NestedGreaterGreater:"\u226b",NestedLessLess:"\u226a",NewLine:"\n",Nfr:"\ud835\udd11",NoBreak:"\u2060",NonBreakingSpace:"\xa0",Nopf:"\u2115",Not:"\u2aec",NotCongruent:"\u2262",NotCupCap:"\u226d",NotDoubleVerticalBar:"\u2226",NotElement:"\u2209",NotEqual:"\u2260",NotEqualTilde:"\u2242\u0338",NotExists:"\u2204",NotGreater:"\u226f",NotGreaterEqual:"\u2271",NotGreaterFullEqual:"\u2267\u0338",NotGreaterGreater:"\u226b\u0338",NotGreaterLess:"\u2279",NotGreaterSlantEqual:"\u2a7e\u0338",NotGreaterTilde:"\u2275",NotHumpDownHump:"\u224e\u0338",NotHumpEqual:"\u224f\u0338",NotLeftTriangle:"\u22ea",NotLeftTriangleBar:"\u29cf\u0338",NotLeftTriangleEqual:"\u22ec",NotLess:"\u226e",NotLessEqual:"\u2270",NotLessGreater:"\u2278",NotLessLess:"\u226a\u0338",NotLessSlantEqual:"\u2a7d\u0338",NotLessTilde:"\u2274",NotNestedGreaterGreater:"\u2aa2\u0338",NotNestedLessLess:"\u2aa1\u0338",NotPrecedes:"\u2280",NotPrecedesEqual:"\u2aaf\u0338",NotPrecedesSlantEqual:"\u22e0",NotReverseElement:"\u220c",NotRightTriangle:"\u22eb",NotRightTriangleBar:"\u29d0\u0338",NotRightTriangleEqual:"\u22ed",NotSquareSubset:"\u228f\u0338",NotSquareSubsetEqual:"\u22e2",NotSquareSuperset:"\u2290\u0338",NotSquareSupersetEqual:"\u22e3",NotSubset:"\u2282\u20d2",NotSubsetEqual:"\u2288",NotSucceeds:"\u2281",NotSucceedsEqual:"\u2ab0\u0338",NotSucceedsSlantEqual:"\u22e1",NotSucceedsTilde:"\u227f\u0338",NotSuperset:"\u2283\u20d2",NotSupersetEqual:"\u2289",NotTilde:"\u2241",NotTildeEqual:"\u2244",NotTildeFullEqual:"\u2247",NotTildeTilde:"\u2249",NotVerticalBar:"\u2224",Nscr:"\ud835\udca9",Ntilde:"\xd1",Nu:"\u039d",OElig:"\u0152",Oacute:"\xd3",Ocirc:"\xd4",Ocy:"\u041e",Odblac:"\u0150",Ofr:"\ud835\udd12",Ograve:"\xd2",Omacr:"\u014c",Omega:"\u03a9",Omicron:"\u039f",Oopf:"\ud835\udd46",OpenCurlyDoubleQuote:"\u201c",OpenCurlyQuote:"\u2018",Or:"\u2a54",Oscr:"\ud835\udcaa",Oslash:"\xd8",Otilde:"\xd5",Otimes:"\u2a37",Ouml:"\xd6",OverBar:"\u203e",OverBrace:"\u23de",OverBracket:"\u23b4",OverParenthesis:"\u23dc",PartialD:"\u2202",Pcy:"\u041f",Pfr:"\ud835\udd13",Phi:"\u03a6",Pi:"\u03a0",PlusMinus:"\xb1",Poincareplane:"\u210c",Popf:"\u2119",Pr:"\u2abb",Precedes:"\u227a",PrecedesEqual:"\u2aaf",PrecedesSlantEqual:"\u227c",PrecedesTilde:"\u227e",Prime:"\u2033",Product:"\u220f",Proportion:"\u2237",Proportional:"\u221d",Pscr:"\ud835\udcab",Psi:"\u03a8",QUOT:'"',Qfr:"\ud835\udd14",Qopf:"\u211a",Qscr:"\ud835\udcac",RBarr:"\u2910",REG:"\xae",Racute:"\u0154",Rang:"\u27eb",Rarr:"\u21a0",Rarrtl:"\u2916",Rcaron:"\u0158",Rcedil:"\u0156",Rcy:"\u0420",Re:"\u211c",ReverseElement:"\u220b",ReverseEquilibrium:"\u21cb",ReverseUpEquilibrium:"\u296f",Rfr:"\u211c",Rho:"\u03a1",RightAngleBracket:"\u27e9",RightArrow:"\u2192",RightArrowBar:"\u21e5",RightArrowLeftArrow:"\u21c4",RightCeiling:"\u2309",RightDoubleBracket:"\u27e7",RightDownTeeVector:"\u295d",RightDownVector:"\u21c2",RightDownVectorBar:"\u2955",RightFloor:"\u230b",RightTee:"\u22a2",RightTeeArrow:"\u21a6",RightTeeVector:"\u295b",RightTriangle:"\u22b3",RightTriangleBar:"\u29d0",RightTriangleEqual:"\u22b5",RightUpDownVector:"\u294f",RightUpTeeVector:"\u295c",RightUpVector:"\u21be",RightUpVectorBar:"\u2954",RightVector:"\u21c0",RightVectorBar:"\u2953",Rightarrow:"\u21d2",Ropf:"\u211d",RoundImplies:"\u2970",Rrightarrow:"\u21db",Rscr:"\u211b",Rsh:"\u21b1",RuleDelayed:"\u29f4",SHCHcy:"\u0429",SHcy:"\u0428",SOFTcy:"\u042c",Sacute:"\u015a",Sc:"\u2abc",Scaron:"\u0160",Scedil:"\u015e",Scirc:"\u015c",Scy:"\u0421",Sfr:"\ud835\udd16",ShortDownArrow:"\u2193",ShortLeftArrow:"\u2190",ShortRightArrow:"\u2192",ShortUpArrow:"\u2191",Sigma:"\u03a3",SmallCircle:"\u2218",Sopf:"\ud835\udd4a",Sqrt:"\u221a",Square:"\u25a1",SquareIntersection:"\u2293",SquareSubset:"\u228f",SquareSubsetEqual:"\u2291",SquareSuperset:"\u2290",SquareSupersetEqual:"\u2292",SquareUnion:"\u2294",Sscr:"\ud835\udcae",Star:"\u22c6",Sub:"\u22d0",Subset:"\u22d0",SubsetEqual:"\u2286",Succeeds:"\u227b",SucceedsEqual:"\u2ab0",SucceedsSlantEqual:"\u227d",SucceedsTilde:"\u227f",SuchThat:"\u220b",Sum:"\u2211",Sup:"\u22d1",Superset:"\u2283",SupersetEqual:"\u2287",Supset:"\u22d1",THORN:"\xde",TRADE:"\u2122",TSHcy:"\u040b",TScy:"\u0426",Tab:"\t",Tau:"\u03a4",Tcaron:"\u0164",Tcedil:"\u0162",Tcy:"\u0422",Tfr:"\ud835\udd17",Therefore:"\u2234",Theta:"\u0398",ThickSpace:"\u205f\u200a",ThinSpace:"\u2009",Tilde:"\u223c",TildeEqual:"\u2243",TildeFullEqual:"\u2245",TildeTilde:"\u2248",Topf:"\ud835\udd4b",TripleDot:"\u20db",Tscr:"\ud835\udcaf",Tstrok:"\u0166",Uacute:"\xda",Uarr:"\u219f",Uarrocir:"\u2949",Ubrcy:"\u040e",Ubreve:"\u016c",Ucirc:"\xdb",Ucy:"\u0423",Udblac:"\u0170",Ufr:"\ud835\udd18",Ugrave:"\xd9",Umacr:"\u016a",UnderBar:"_",UnderBrace:"\u23df",UnderBracket:"\u23b5",UnderParenthesis:"\u23dd",Union:"\u22c3",UnionPlus:"\u228e",Uogon:"\u0172",Uopf:"\ud835\udd4c",UpArrow:"\u2191",UpArrowBar:"\u2912",UpArrowDownArrow:"\u21c5",UpDownArrow:"\u2195",UpEquilibrium:"\u296e",UpTee:"\u22a5",UpTeeArrow:"\u21a5",Uparrow:"\u21d1",Updownarrow:"\u21d5",UpperLeftArrow:"\u2196",UpperRightArrow:"\u2197",Upsi:"\u03d2",Upsilon:"\u03a5",Uring:"\u016e",Uscr:"\ud835\udcb0",Utilde:"\u0168",Uuml:"\xdc",VDash:"\u22ab",Vbar:"\u2aeb",Vcy:"\u0412",Vdash:"\u22a9",Vdashl:"\u2ae6",Vee:"\u22c1",Verbar:"\u2016",Vert:"\u2016",VerticalBar:"\u2223",VerticalLine:"|",VerticalSeparator:"\u2758",VerticalTilde:"\u2240",VeryThinSpace:"\u200a",Vfr:"\ud835\udd19",Vopf:"\ud835\udd4d",Vscr:"\ud835\udcb1",Vvdash:"\u22aa",Wcirc:"\u0174",Wedge:"\u22c0",Wfr:"\ud835\udd1a",Wopf:"\ud835\udd4e",Wscr:"\ud835\udcb2",Xfr:"\ud835\udd1b",Xi:"\u039e",Xopf:"\ud835\udd4f",Xscr:"\ud835\udcb3",YAcy:"\u042f",YIcy:"\u0407",YUcy:"\u042e",Yacute:"\xdd",Ycirc:"\u0176",Ycy:"\u042b",Yfr:"\ud835\udd1c",Yopf:"\ud835\udd50",Yscr:"\ud835\udcb4",Yuml:"\u0178",ZHcy:"\u0416",Zacute:"\u0179",Zcaron:"\u017d",Zcy:"\u0417",Zdot:"\u017b",ZeroWidthSpace:"\u200b",Zeta:"\u0396",Zfr:"\u2128",Zopf:"\u2124",Zscr:"\ud835\udcb5",aacute:"\xe1",abreve:"\u0103",ac:"\u223e",acE:"\u223e\u0333",acd:"\u223f",acirc:"\xe2",acute:"\xb4",acy:"\u0430",aelig:"\xe6",af:"\u2061",afr:"\ud835\udd1e",agrave:"\xe0",alefsym:"\u2135",aleph:"\u2135",alpha:"\u03b1",amacr:"\u0101",amalg:"\u2a3f",amp:"&",and:"\u2227",andand:"\u2a55",andd:"\u2a5c",andslope:"\u2a58",andv:"\u2a5a",ang:"\u2220",ange:"\u29a4",angle:"\u2220",angmsd:"\u2221",angmsdaa:"\u29a8",angmsdab:"\u29a9",angmsdac:"\u29aa",angmsdad:"\u29ab",angmsdae:"\u29ac",angmsdaf:"\u29ad",angmsdag:"\u29ae",angmsdah:"\u29af",angrt:"\u221f",angrtvb:"\u22be",angrtvbd:"\u299d",angsph:"\u2222",angst:"\xc5",angzarr:"\u237c",aogon:"\u0105",aopf:"\ud835\udd52",ap:"\u2248",apE:"\u2a70",apacir:"\u2a6f",ape:"\u224a",apid:"\u224b",apos:"'",approx:"\u2248",approxeq:"\u224a",aring:"\xe5",ascr:"\ud835\udcb6",ast:"*",asymp:"\u2248",asympeq:"\u224d",atilde:"\xe3",auml:"\xe4",awconint:"\u2233",awint:"\u2a11",bNot:"\u2aed",backcong:"\u224c",backepsilon:"\u03f6",backprime:"\u2035",backsim:"\u223d",backsimeq:"\u22cd",barvee:"\u22bd",barwed:"\u2305",barwedge:"\u2305",bbrk:"\u23b5",bbrktbrk:"\u23b6",bcong:"\u224c",bcy:"\u0431",bdquo:"\u201e",becaus:"\u2235",because:"\u2235",bemptyv:"\u29b0",bepsi:"\u03f6",bernou:"\u212c",beta:"\u03b2",beth:"\u2136",between:"\u226c",bfr:"\ud835\udd1f",bigcap:"\u22c2",bigcirc:"\u25ef",bigcup:"\u22c3",bigodot:"\u2a00",bigoplus:"\u2a01",bigotimes:"\u2a02",bigsqcup:"\u2a06",bigstar:"\u2605",bigtriangledown:"\u25bd",bigtriangleup:"\u25b3",biguplus:"\u2a04",bigvee:"\u22c1",bigwedge:"\u22c0",bkarow:"\u290d",blacklozenge:"\u29eb",blacksquare:"\u25aa",blacktriangle:"\u25b4",blacktriangledown:"\u25be",blacktriangleleft:"\u25c2",blacktriangleright:"\u25b8",blank:"\u2423",blk12:"\u2592",blk14:"\u2591",blk34:"\u2593",block:"\u2588",bne:"=\u20e5",bnequiv:"\u2261\u20e5",bnot:"\u2310",bopf:"\ud835\udd53",bot:"\u22a5",bottom:"\u22a5",bowtie:"\u22c8",boxDL:"\u2557",boxDR:"\u2554",boxDl:"\u2556",boxDr:"\u2553",boxH:"\u2550",boxHD:"\u2566",boxHU:"\u2569",boxHd:"\u2564",boxHu:"\u2567",boxUL:"\u255d",boxUR:"\u255a",boxUl:"\u255c",boxUr:"\u2559",boxV:"\u2551",boxVH:"\u256c",boxVL:"\u2563",boxVR:"\u2560",boxVh:"\u256b",boxVl:"\u2562",boxVr:"\u255f",boxbox:"\u29c9",boxdL:"\u2555",boxdR:"\u2552",boxdl:"\u2510",boxdr:"\u250c",boxh:"\u2500",boxhD:"\u2565",boxhU:"\u2568",boxhd:"\u252c",boxhu:"\u2534",boxminus:"\u229f",boxplus:"\u229e",boxtimes:"\u22a0",boxuL:"\u255b",boxuR:"\u2558",boxul:"\u2518",boxur:"\u2514",boxv:"\u2502",boxvH:"\u256a",boxvL:"\u2561",boxvR:"\u255e",boxvh:"\u253c",boxvl:"\u2524",boxvr:"\u251c",bprime:"\u2035",breve:"\u02d8",brvbar:"\xa6",bscr:"\ud835\udcb7",bsemi:"\u204f",bsim:"\u223d",bsime:"\u22cd",bsol:"\\",bsolb:"\u29c5",bsolhsub:"\u27c8",bull:"\u2022",bullet:"\u2022",bump:"\u224e",bumpE:"\u2aae",bumpe:"\u224f",bumpeq:"\u224f",cacute:"\u0107",cap:"\u2229",capand:"\u2a44",capbrcup:"\u2a49",capcap:"\u2a4b",capcup:"\u2a47",capdot:"\u2a40",caps:"\u2229\ufe00",caret:"\u2041",caron:"\u02c7",ccaps:"\u2a4d",ccaron:"\u010d",ccedil:"\xe7",ccirc:"\u0109",ccups:"\u2a4c",ccupssm:"\u2a50",cdot:"\u010b",cedil:"\xb8",cemptyv:"\u29b2",cent:"\xa2",centerdot:"\xb7",cfr:"\ud835\udd20",chcy:"\u0447",check:"\u2713",checkmark:"\u2713",chi:"\u03c7",cir:"\u25cb",cirE:"\u29c3",circ:"\u02c6",circeq:"\u2257",circlearrowleft:"\u21ba",circlearrowright:"\u21bb",circledR:"\xae",circledS:"\u24c8",circledast:"\u229b",circledcirc:"\u229a",circleddash:"\u229d",cire:"\u2257",cirfnint:"\u2a10",cirmid:"\u2aef",cirscir:"\u29c2",clubs:"\u2663",clubsuit:"\u2663",colon:":",colone:"\u2254",coloneq:"\u2254",comma:",",commat:"@",comp:"\u2201",compfn:"\u2218",complement:"\u2201",complexes:"\u2102",cong:"\u2245",congdot:"\u2a6d",conint:"\u222e",copf:"\ud835\udd54",coprod:"\u2210",copy:"\xa9",copysr:"\u2117",crarr:"\u21b5",cross:"\u2717",cscr:"\ud835\udcb8",csub:"\u2acf",csube:"\u2ad1",csup:"\u2ad0",csupe:"\u2ad2",ctdot:"\u22ef",cudarrl:"\u2938",cudarrr:"\u2935",cuepr:"\u22de",cuesc:"\u22df",cularr:"\u21b6",cularrp:"\u293d",cup:"\u222a",cupbrcap:"\u2a48",cupcap:"\u2a46",cupcup:"\u2a4a",cupdot:"\u228d",cupor:"\u2a45",cups:"\u222a\ufe00",curarr:"\u21b7",curarrm:"\u293c",curlyeqprec:"\u22de",curlyeqsucc:"\u22df",curlyvee:"\u22ce",curlywedge:"\u22cf",curren:"\xa4",curvearrowleft:"\u21b6",curvearrowright:"\u21b7",cuvee:"\u22ce",cuwed:"\u22cf",cwconint:"\u2232",cwint:"\u2231",cylcty:"\u232d",dArr:"\u21d3",dHar:"\u2965",dagger:"\u2020",daleth:"\u2138",darr:"\u2193",dash:"\u2010",dashv:"\u22a3",dbkarow:"\u290f",dblac:"\u02dd",dcaron:"\u010f",dcy:"\u0434",dd:"\u2146",ddagger:"\u2021",ddarr:"\u21ca",ddotseq:"\u2a77",deg:"\xb0",delta:"\u03b4",demptyv:"\u29b1",dfisht:"\u297f",dfr:"\ud835\udd21",dharl:"\u21c3",dharr:"\u21c2",diam:"\u22c4",diamond:"\u22c4",diamondsuit:"\u2666",diams:"\u2666",die:"\xa8",digamma:"\u03dd",disin:"\u22f2",div:"\xf7",divide:"\xf7",divideontimes:"\u22c7",divonx:"\u22c7",djcy:"\u0452",dlcorn:"\u231e",dlcrop:"\u230d",dollar:"$",dopf:"\ud835\udd55",dot:"\u02d9",doteq:"\u2250",doteqdot:"\u2251",dotminus:"\u2238",dotplus:"\u2214",dotsquare:"\u22a1",doublebarwedge:"\u2306",downarrow:"\u2193",downdownarrows:"\u21ca",downharpoonleft:"\u21c3",downharpoonright:"\u21c2",drbkarow:"\u2910",drcorn:"\u231f",drcrop:"\u230c",dscr:"\ud835\udcb9",dscy:"\u0455",dsol:"\u29f6",dstrok:"\u0111",dtdot:"\u22f1",dtri:"\u25bf",dtrif:"\u25be",duarr:"\u21f5",duhar:"\u296f",dwangle:"\u29a6",dzcy:"\u045f",dzigrarr:"\u27ff",eDDot:"\u2a77",eDot:"\u2251",eacute:"\xe9",easter:"\u2a6e",ecaron:"\u011b",ecir:"\u2256",ecirc:"\xea",ecolon:"\u2255",ecy:"\u044d",edot:"\u0117",ee:"\u2147",efDot:"\u2252",efr:"\ud835\udd22",eg:"\u2a9a",egrave:"\xe8",egs:"\u2a96",egsdot:"\u2a98",el:"\u2a99",elinters:"\u23e7",ell:"\u2113",els:"\u2a95",elsdot:"\u2a97",emacr:"\u0113",empty:"\u2205",emptyset:"\u2205",emptyv:"\u2205",emsp13:"\u2004",emsp14:"\u2005",emsp:"\u2003",eng:"\u014b",ensp:"\u2002",eogon:"\u0119",eopf:"\ud835\udd56",epar:"\u22d5",eparsl:"\u29e3",eplus:"\u2a71",epsi:"\u03b5",epsilon:"\u03b5",epsiv:"\u03f5",eqcirc:"\u2256",eqcolon:"\u2255",eqsim:"\u2242",eqslantgtr:"\u2a96",eqslantless:"\u2a95",equals:"=",equest:"\u225f",equiv:"\u2261",equivDD:"\u2a78",eqvparsl:"\u29e5",erDot:"\u2253",erarr:"\u2971",escr:"\u212f",esdot:"\u2250",esim:"\u2242",eta:"\u03b7",eth:"\xf0",euml:"\xeb",euro:"\u20ac",excl:"!",exist:"\u2203",expectation:"\u2130",exponentiale:"\u2147",fallingdotseq:"\u2252",fcy:"\u0444",female:"\u2640",ffilig:"\ufb03",fflig:"\ufb00",ffllig:"\ufb04",ffr:"\ud835\udd23",filig:"\ufb01",fjlig:"fj",flat:"\u266d",fllig:"\ufb02",fltns:"\u25b1",fnof:"\u0192",fopf:"\ud835\udd57",forall:"\u2200",fork:"\u22d4",forkv:"\u2ad9",fpartint:"\u2a0d",frac12:"\xbd",frac13:"\u2153",frac14:"\xbc",frac15:"\u2155",frac16:"\u2159",frac18:"\u215b",frac23:"\u2154",frac25:"\u2156",frac34:"\xbe",frac35:"\u2157",frac38:"\u215c",frac45:"\u2158",frac56:"\u215a",frac58:"\u215d",frac78:"\u215e",frasl:"\u2044",frown:"\u2322",fscr:"\ud835\udcbb",gE:"\u2267",gEl:"\u2a8c",gacute:"\u01f5",gamma:"\u03b3",gammad:"\u03dd",gap:"\u2a86",gbreve:"\u011f",gcirc:"\u011d",gcy:"\u0433",gdot:"\u0121",ge:"\u2265",gel:"\u22db",geq:"\u2265",geqq:"\u2267",geqslant:"\u2a7e",ges:"\u2a7e",gescc:"\u2aa9",gesdot:"\u2a80",gesdoto:"\u2a82",gesdotol:"\u2a84",gesl:"\u22db\ufe00",gesles:"\u2a94",gfr:"\ud835\udd24",gg:"\u226b",ggg:"\u22d9",gimel:"\u2137",gjcy:"\u0453",gl:"\u2277",glE:"\u2a92",gla:"\u2aa5",glj:"\u2aa4",gnE:"\u2269",gnap:"\u2a8a",gnapprox:"\u2a8a",gne:"\u2a88",gneq:"\u2a88",gneqq:"\u2269",gnsim:"\u22e7",gopf:"\ud835\udd58",grave:"`",gscr:"\u210a",gsim:"\u2273",gsime:"\u2a8e",gsiml:"\u2a90",gt:">",gtcc:"\u2aa7",gtcir:"\u2a7a",gtdot:"\u22d7",gtlPar:"\u2995",gtquest:"\u2a7c",gtrapprox:"\u2a86",gtrarr:"\u2978",gtrdot:"\u22d7",gtreqless:"\u22db",gtreqqless:"\u2a8c",gtrless:"\u2277",gtrsim:"\u2273",gvertneqq:"\u2269\ufe00",gvnE:"\u2269\ufe00",hArr:"\u21d4",hairsp:"\u200a",half:"\xbd",hamilt:"\u210b",hardcy:"\u044a",harr:"\u2194",harrcir:"\u2948",harrw:"\u21ad",hbar:"\u210f",hcirc:"\u0125",hearts:"\u2665",heartsuit:"\u2665",hellip:"\u2026",hercon:"\u22b9",hfr:"\ud835\udd25",hksearow:"\u2925",hkswarow:"\u2926",hoarr:"\u21ff",homtht:"\u223b",hookleftarrow:"\u21a9",hookrightarrow:"\u21aa",hopf:"\ud835\udd59",horbar:"\u2015",hscr:"\ud835\udcbd",hslash:"\u210f",hstrok:"\u0127",hybull:"\u2043",hyphen:"\u2010",iacute:"\xed",ic:"\u2063",icirc:"\xee",icy:"\u0438",iecy:"\u0435",iexcl:"\xa1",iff:"\u21d4",ifr:"\ud835\udd26",igrave:"\xec",ii:"\u2148",iiiint:"\u2a0c",iiint:"\u222d",iinfin:"\u29dc",iiota:"\u2129",ijlig:"\u0133",imacr:"\u012b",image:"\u2111",imagline:"\u2110",imagpart:"\u2111",imath:"\u0131",imof:"\u22b7",imped:"\u01b5",in:"\u2208",incare:"\u2105",infin:"\u221e",infintie:"\u29dd",inodot:"\u0131",int:"\u222b",intcal:"\u22ba",integers:"\u2124",intercal:"\u22ba",intlarhk:"\u2a17",intprod:"\u2a3c",iocy:"\u0451",iogon:"\u012f",iopf:"\ud835\udd5a",iota:"\u03b9",iprod:"\u2a3c",iquest:"\xbf",iscr:"\ud835\udcbe",isin:"\u2208",isinE:"\u22f9",isindot:"\u22f5",isins:"\u22f4",isinsv:"\u22f3",isinv:"\u2208",it:"\u2062",itilde:"\u0129",iukcy:"\u0456",iuml:"\xef",jcirc:"\u0135",jcy:"\u0439",jfr:"\ud835\udd27",jmath:"\u0237",jopf:"\ud835\udd5b",jscr:"\ud835\udcbf",jsercy:"\u0458",jukcy:"\u0454",kappa:"\u03ba",kappav:"\u03f0",kcedil:"\u0137",kcy:"\u043a",kfr:"\ud835\udd28",kgreen:"\u0138",khcy:"\u0445",kjcy:"\u045c",kopf:"\ud835\udd5c",kscr:"\ud835\udcc0",lAarr:"\u21da",lArr:"\u21d0",lAtail:"\u291b",lBarr:"\u290e",lE:"\u2266",lEg:"\u2a8b",lHar:"\u2962",lacute:"\u013a",laemptyv:"\u29b4",lagran:"\u2112",lambda:"\u03bb",lang:"\u27e8",langd:"\u2991",langle:"\u27e8",lap:"\u2a85",laquo:"\xab",larr:"\u2190",larrb:"\u21e4",larrbfs:"\u291f",larrfs:"\u291d",larrhk:"\u21a9",larrlp:"\u21ab",larrpl:"\u2939",larrsim:"\u2973",larrtl:"\u21a2",lat:"\u2aab",latail:"\u2919",late:"\u2aad",lates:"\u2aad\ufe00",lbarr:"\u290c",lbbrk:"\u2772",lbrace:"{",lbrack:"[",lbrke:"\u298b",lbrksld:"\u298f",lbrkslu:"\u298d",lcaron:"\u013e",lcedil:"\u013c",lceil:"\u2308",lcub:"{",lcy:"\u043b",ldca:"\u2936",ldquo:"\u201c",ldquor:"\u201e",ldrdhar:"\u2967",ldrushar:"\u294b",ldsh:"\u21b2",le:"\u2264",leftarrow:"\u2190",leftarrowtail:"\u21a2",leftharpoondown:"\u21bd",leftharpoonup:"\u21bc",leftleftarrows:"\u21c7",leftrightarrow:"\u2194",leftrightarrows:"\u21c6",leftrightharpoons:"\u21cb",leftrightsquigarrow:"\u21ad",leftthreetimes:"\u22cb",leg:"\u22da",leq:"\u2264",leqq:"\u2266",leqslant:"\u2a7d",les:"\u2a7d",lescc:"\u2aa8",lesdot:"\u2a7f",lesdoto:"\u2a81",lesdotor:"\u2a83",lesg:"\u22da\ufe00",lesges:"\u2a93",lessapprox:"\u2a85",lessdot:"\u22d6",lesseqgtr:"\u22da",lesseqqgtr:"\u2a8b",lessgtr:"\u2276",lesssim:"\u2272",lfisht:"\u297c",lfloor:"\u230a",lfr:"\ud835\udd29",lg:"\u2276",lgE:"\u2a91",lhard:"\u21bd",lharu:"\u21bc",lharul:"\u296a",lhblk:"\u2584",ljcy:"\u0459",ll:"\u226a",llarr:"\u21c7",llcorner:"\u231e",llhard:"\u296b",lltri:"\u25fa",lmidot:"\u0140",lmoust:"\u23b0",lmoustache:"\u23b0",lnE:"\u2268",lnap:"\u2a89",lnapprox:"\u2a89",lne:"\u2a87",lneq:"\u2a87",lneqq:"\u2268",lnsim:"\u22e6",loang:"\u27ec",loarr:"\u21fd",lobrk:"\u27e6",longleftarrow:"\u27f5",longleftrightarrow:"\u27f7",longmapsto:"\u27fc",longrightarrow:"\u27f6",looparrowleft:"\u21ab",looparrowright:"\u21ac",lopar:"\u2985",lopf:"\ud835\udd5d",loplus:"\u2a2d",lotimes:"\u2a34",lowast:"\u2217",lowbar:"_",loz:"\u25ca",lozenge:"\u25ca",lozf:"\u29eb",lpar:"(",lparlt:"\u2993",lrarr:"\u21c6",lrcorner:"\u231f",lrhar:"\u21cb",lrhard:"\u296d",lrm:"\u200e",lrtri:"\u22bf",lsaquo:"\u2039",lscr:"\ud835\udcc1",lsh:"\u21b0",lsim:"\u2272",lsime:"\u2a8d",lsimg:"\u2a8f",lsqb:"[",lsquo:"\u2018",lsquor:"\u201a",lstrok:"\u0142",lt:"<",ltcc:"\u2aa6",ltcir:"\u2a79",ltdot:"\u22d6",lthree:"\u22cb",ltimes:"\u22c9",ltlarr:"\u2976",ltquest:"\u2a7b",ltrPar:"\u2996",ltri:"\u25c3",ltrie:"\u22b4",ltrif:"\u25c2",lurdshar:"\u294a",luruhar:"\u2966",lvertneqq:"\u2268\ufe00",lvnE:"\u2268\ufe00",mDDot:"\u223a",macr:"\xaf",male:"\u2642",malt:"\u2720",maltese:"\u2720",map:"\u21a6",mapsto:"\u21a6",mapstodown:"\u21a7",mapstoleft:"\u21a4",mapstoup:"\u21a5",marker:"\u25ae",mcomma:"\u2a29",mcy:"\u043c",mdash:"\u2014",measuredangle:"\u2221",mfr:"\ud835\udd2a",mho:"\u2127",micro:"\xb5",mid:"\u2223",midast:"*",midcir:"\u2af0",middot:"\xb7",minus:"\u2212",minusb:"\u229f",minusd:"\u2238",minusdu:"\u2a2a",mlcp:"\u2adb",mldr:"\u2026",mnplus:"\u2213",models:"\u22a7",mopf:"\ud835\udd5e",mp:"\u2213",mscr:"\ud835\udcc2",mstpos:"\u223e",mu:"\u03bc",multimap:"\u22b8",mumap:"\u22b8",nGg:"\u22d9\u0338",nGt:"\u226b\u20d2",nGtv:"\u226b\u0338",nLeftarrow:"\u21cd",nLeftrightarrow:"\u21ce",nLl:"\u22d8\u0338",nLt:"\u226a\u20d2",nLtv:"\u226a\u0338",nRightarrow:"\u21cf",nVDash:"\u22af",nVdash:"\u22ae",nabla:"\u2207",nacute:"\u0144",nang:"\u2220\u20d2",nap:"\u2249",napE:"\u2a70\u0338",napid:"\u224b\u0338",napos:"\u0149",napprox:"\u2249",natur:"\u266e",natural:"\u266e",naturals:"\u2115",nbsp:"\xa0",nbump:"\u224e\u0338",nbumpe:"\u224f\u0338",ncap:"\u2a43",ncaron:"\u0148",ncedil:"\u0146",ncong:"\u2247",ncongdot:"\u2a6d\u0338",ncup:"\u2a42",ncy:"\u043d",ndash:"\u2013",ne:"\u2260",neArr:"\u21d7",nearhk:"\u2924",nearr:"\u2197",nearrow:"\u2197",nedot:"\u2250\u0338",nequiv:"\u2262",nesear:"\u2928",nesim:"\u2242\u0338",nexist:"\u2204",nexists:"\u2204",nfr:"\ud835\udd2b",ngE:"\u2267\u0338",nge:"\u2271",ngeq:"\u2271",ngeqq:"\u2267\u0338",ngeqslant:"\u2a7e\u0338",nges:"\u2a7e\u0338",ngsim:"\u2275",ngt:"\u226f",ngtr:"\u226f",nhArr:"\u21ce",nharr:"\u21ae",nhpar:"\u2af2",ni:"\u220b",nis:"\u22fc",nisd:"\u22fa",niv:"\u220b",njcy:"\u045a",nlArr:"\u21cd",nlE:"\u2266\u0338",nlarr:"\u219a",nldr:"\u2025",nle:"\u2270",nleftarrow:"\u219a",nleftrightarrow:"\u21ae",nleq:"\u2270",nleqq:"\u2266\u0338",nleqslant:"\u2a7d\u0338",nles:"\u2a7d\u0338",nless:"\u226e",nlsim:"\u2274",nlt:"\u226e",nltri:"\u22ea",nltrie:"\u22ec",nmid:"\u2224",nopf:"\ud835\udd5f",not:"\xac",notin:"\u2209",notinE:"\u22f9\u0338",notindot:"\u22f5\u0338",notinva:"\u2209",notinvb:"\u22f7",notinvc:"\u22f6",notni:"\u220c",notniva:"\u220c",notnivb:"\u22fe",notnivc:"\u22fd",npar:"\u2226",nparallel:"\u2226",nparsl:"\u2afd\u20e5",npart:"\u2202\u0338",npolint:"\u2a14",npr:"\u2280",nprcue:"\u22e0",npre:"\u2aaf\u0338",nprec:"\u2280",npreceq:"\u2aaf\u0338",nrArr:"\u21cf",nrarr:"\u219b",nrarrc:"\u2933\u0338",nrarrw:"\u219d\u0338",nrightarrow:"\u219b",nrtri:"\u22eb",nrtrie:"\u22ed",nsc:"\u2281",nsccue:"\u22e1",nsce:"\u2ab0\u0338",nscr:"\ud835\udcc3",nshortmid:"\u2224",nshortparallel:"\u2226",nsim:"\u2241",nsime:"\u2244",nsimeq:"\u2244",nsmid:"\u2224",nspar:"\u2226",nsqsube:"\u22e2",nsqsupe:"\u22e3",nsub:"\u2284",nsubE:"\u2ac5\u0338",nsube:"\u2288",nsubset:"\u2282\u20d2",nsubseteq:"\u2288",nsubseteqq:"\u2ac5\u0338",nsucc:"\u2281",nsucceq:"\u2ab0\u0338",nsup:"\u2285",nsupE:"\u2ac6\u0338",nsupe:"\u2289",nsupset:"\u2283\u20d2",nsupseteq:"\u2289",nsupseteqq:"\u2ac6\u0338",ntgl:"\u2279",ntilde:"\xf1",ntlg:"\u2278",ntriangleleft:"\u22ea",ntrianglelefteq:"\u22ec",ntriangleright:"\u22eb",ntrianglerighteq:"\u22ed",nu:"\u03bd",num:"#",numero:"\u2116",numsp:"\u2007",nvDash:"\u22ad",nvHarr:"\u2904",nvap:"\u224d\u20d2",nvdash:"\u22ac",nvge:"\u2265\u20d2",nvgt:">\u20d2",nvinfin:"\u29de",nvlArr:"\u2902",nvle:"\u2264\u20d2",nvlt:"<\u20d2",nvltrie:"\u22b4\u20d2",nvrArr:"\u2903",nvrtrie:"\u22b5\u20d2",nvsim:"\u223c\u20d2",nwArr:"\u21d6",nwarhk:"\u2923",nwarr:"\u2196",nwarrow:"\u2196",nwnear:"\u2927",oS:"\u24c8",oacute:"\xf3",oast:"\u229b",ocir:"\u229a",ocirc:"\xf4",ocy:"\u043e",odash:"\u229d",odblac:"\u0151",odiv:"\u2a38",odot:"\u2299",odsold:"\u29bc",oelig:"\u0153",ofcir:"\u29bf",ofr:"\ud835\udd2c",ogon:"\u02db",ograve:"\xf2",ogt:"\u29c1",ohbar:"\u29b5",ohm:"\u03a9",oint:"\u222e",olarr:"\u21ba",olcir:"\u29be",olcross:"\u29bb",oline:"\u203e",olt:"\u29c0",omacr:"\u014d",omega:"\u03c9",omicron:"\u03bf",omid:"\u29b6",ominus:"\u2296",oopf:"\ud835\udd60",opar:"\u29b7",operp:"\u29b9",oplus:"\u2295",or:"\u2228",orarr:"\u21bb",ord:"\u2a5d",order:"\u2134",orderof:"\u2134",ordf:"\xaa",ordm:"\xba",origof:"\u22b6",oror:"\u2a56",orslope:"\u2a57",orv:"\u2a5b",oscr:"\u2134",oslash:"\xf8",osol:"\u2298",otilde:"\xf5",otimes:"\u2297",otimesas:"\u2a36",ouml:"\xf6",ovbar:"\u233d",par:"\u2225",para:"\xb6",parallel:"\u2225",parsim:"\u2af3",parsl:"\u2afd",part:"\u2202",pcy:"\u043f",percnt:"%",period:".",permil:"\u2030",perp:"\u22a5",pertenk:"\u2031",pfr:"\ud835\udd2d",phi:"\u03c6",phiv:"\u03d5",phmmat:"\u2133",phone:"\u260e",pi:"\u03c0",pitchfork:"\u22d4",piv:"\u03d6",planck:"\u210f",planckh:"\u210e",plankv:"\u210f",plus:"+",plusacir:"\u2a23",plusb:"\u229e",pluscir:"\u2a22",plusdo:"\u2214",plusdu:"\u2a25",pluse:"\u2a72",plusmn:"\xb1",plussim:"\u2a26",plustwo:"\u2a27",pm:"\xb1",pointint:"\u2a15",popf:"\ud835\udd61",pound:"\xa3",pr:"\u227a",prE:"\u2ab3",prap:"\u2ab7",prcue:"\u227c",pre:"\u2aaf",prec:"\u227a",precapprox:"\u2ab7",preccurlyeq:"\u227c",preceq:"\u2aaf",precnapprox:"\u2ab9",precneqq:"\u2ab5",precnsim:"\u22e8",precsim:"\u227e",prime:"\u2032",primes:"\u2119",prnE:"\u2ab5",prnap:"\u2ab9",prnsim:"\u22e8",prod:"\u220f",profalar:"\u232e",profline:"\u2312",profsurf:"\u2313",prop:"\u221d",propto:"\u221d",prsim:"\u227e",prurel:"\u22b0",pscr:"\ud835\udcc5",psi:"\u03c8",puncsp:"\u2008",qfr:"\ud835\udd2e",qint:"\u2a0c",qopf:"\ud835\udd62",qprime:"\u2057",qscr:"\ud835\udcc6",quaternions:"\u210d",quatint:"\u2a16",quest:"?",questeq:"\u225f",quot:'"',rAarr:"\u21db",rArr:"\u21d2",rAtail:"\u291c",rBarr:"\u290f",rHar:"\u2964",race:"\u223d\u0331",racute:"\u0155",radic:"\u221a",raemptyv:"\u29b3",rang:"\u27e9",rangd:"\u2992",range:"\u29a5",rangle:"\u27e9",raquo:"\xbb",rarr:"\u2192",rarrap:"\u2975",rarrb:"\u21e5",rarrbfs:"\u2920",rarrc:"\u2933",rarrfs:"\u291e",rarrhk:"\u21aa",rarrlp:"\u21ac",rarrpl:"\u2945",rarrsim:"\u2974",rarrtl:"\u21a3",rarrw:"\u219d",ratail:"\u291a",ratio:"\u2236",rationals:"\u211a",rbarr:"\u290d",rbbrk:"\u2773",rbrace:"}",rbrack:"]",rbrke:"\u298c",rbrksld:"\u298e",rbrkslu:"\u2990",rcaron:"\u0159",rcedil:"\u0157",rceil:"\u2309",rcub:"}",rcy:"\u0440",rdca:"\u2937",rdldhar:"\u2969",rdquo:"\u201d",rdquor:"\u201d",rdsh:"\u21b3",real:"\u211c",realine:"\u211b",realpart:"\u211c",reals:"\u211d",rect:"\u25ad",reg:"\xae",rfisht:"\u297d",rfloor:"\u230b",rfr:"\ud835\udd2f",rhard:"\u21c1",rharu:"\u21c0",rharul:"\u296c",rho:"\u03c1",rhov:"\u03f1",rightarrow:"\u2192",rightarrowtail:"\u21a3",rightharpoondown:"\u21c1",rightharpoonup:"\u21c0",rightleftarrows:"\u21c4",rightleftharpoons:"\u21cc",rightrightarrows:"\u21c9",rightsquigarrow:"\u219d",rightthreetimes:"\u22cc",ring:"\u02da",risingdotseq:"\u2253",rlarr:"\u21c4",rlhar:"\u21cc",rlm:"\u200f",rmoust:"\u23b1",rmoustache:"\u23b1",rnmid:"\u2aee",roang:"\u27ed",roarr:"\u21fe",robrk:"\u27e7",ropar:"\u2986",ropf:"\ud835\udd63",roplus:"\u2a2e",rotimes:"\u2a35",rpar:")",rpargt:"\u2994",rppolint:"\u2a12",rrarr:"\u21c9",rsaquo:"\u203a",rscr:"\ud835\udcc7",rsh:"\u21b1",rsqb:"]",rsquo:"\u2019",rsquor:"\u2019",rthree:"\u22cc",rtimes:"\u22ca",rtri:"\u25b9",rtrie:"\u22b5",rtrif:"\u25b8",rtriltri:"\u29ce",ruluhar:"\u2968",rx:"\u211e",sacute:"\u015b",sbquo:"\u201a",sc:"\u227b",scE:"\u2ab4",scap:"\u2ab8",scaron:"\u0161",sccue:"\u227d",sce:"\u2ab0",scedil:"\u015f",scirc:"\u015d",scnE:"\u2ab6",scnap:"\u2aba",scnsim:"\u22e9",scpolint:"\u2a13",scsim:"\u227f",scy:"\u0441",sdot:"\u22c5",sdotb:"\u22a1",sdote:"\u2a66",seArr:"\u21d8",searhk:"\u2925",searr:"\u2198",searrow:"\u2198",sect:"\xa7",semi:";",seswar:"\u2929",setminus:"\u2216",setmn:"\u2216",sext:"\u2736",sfr:"\ud835\udd30",sfrown:"\u2322",sharp:"\u266f",shchcy:"\u0449",shcy:"\u0448",shortmid:"\u2223",shortparallel:"\u2225",shy:"\xad",sigma:"\u03c3",sigmaf:"\u03c2",sigmav:"\u03c2",sim:"\u223c",simdot:"\u2a6a",sime:"\u2243",simeq:"\u2243",simg:"\u2a9e",simgE:"\u2aa0",siml:"\u2a9d",simlE:"\u2a9f",simne:"\u2246",simplus:"\u2a24",simrarr:"\u2972",slarr:"\u2190",smallsetminus:"\u2216",smashp:"\u2a33",smeparsl:"\u29e4",smid:"\u2223",smile:"\u2323",smt:"\u2aaa",smte:"\u2aac",smtes:"\u2aac\ufe00",softcy:"\u044c",sol:"/",solb:"\u29c4",solbar:"\u233f",sopf:"\ud835\udd64",spades:"\u2660",spadesuit:"\u2660",spar:"\u2225",sqcap:"\u2293",sqcaps:"\u2293\ufe00",sqcup:"\u2294",sqcups:"\u2294\ufe00",sqsub:"\u228f",sqsube:"\u2291",sqsubset:"\u228f",sqsubseteq:"\u2291",sqsup:"\u2290",sqsupe:"\u2292",sqsupset:"\u2290",sqsupseteq:"\u2292",squ:"\u25a1",square:"\u25a1",squarf:"\u25aa",squf:"\u25aa",srarr:"\u2192",sscr:"\ud835\udcc8",ssetmn:"\u2216",ssmile:"\u2323",sstarf:"\u22c6",star:"\u2606",starf:"\u2605",straightepsilon:"\u03f5",straightphi:"\u03d5",strns:"\xaf",sub:"\u2282",subE:"\u2ac5",subdot:"\u2abd",sube:"\u2286",subedot:"\u2ac3",submult:"\u2ac1",subnE:"\u2acb",subne:"\u228a",subplus:"\u2abf",subrarr:"\u2979",subset:"\u2282",subseteq:"\u2286",subseteqq:"\u2ac5",subsetneq:"\u228a",subsetneqq:"\u2acb",subsim:"\u2ac7",subsub:"\u2ad5",subsup:"\u2ad3",succ:"\u227b",succapprox:"\u2ab8",succcurlyeq:"\u227d",succeq:"\u2ab0",succnapprox:"\u2aba",succneqq:"\u2ab6",succnsim:"\u22e9",succsim:"\u227f",sum:"\u2211",sung:"\u266a",sup1:"\xb9",sup2:"\xb2",sup3:"\xb3",sup:"\u2283",supE:"\u2ac6",supdot:"\u2abe",supdsub:"\u2ad8",supe:"\u2287",supedot:"\u2ac4",suphsol:"\u27c9",suphsub:"\u2ad7",suplarr:"\u297b",supmult:"\u2ac2",supnE:"\u2acc",supne:"\u228b",supplus:"\u2ac0",supset:"\u2283",supseteq:"\u2287",supseteqq:"\u2ac6",supsetneq:"\u228b",supsetneqq:"\u2acc",supsim:"\u2ac8",supsub:"\u2ad4",supsup:"\u2ad6",swArr:"\u21d9",swarhk:"\u2926",swarr:"\u2199",swarrow:"\u2199",swnwar:"\u292a",szlig:"\xdf",target:"\u2316",tau:"\u03c4",tbrk:"\u23b4",tcaron:"\u0165",tcedil:"\u0163",tcy:"\u0442",tdot:"\u20db",telrec:"\u2315",tfr:"\ud835\udd31",there4:"\u2234",therefore:"\u2234",theta:"\u03b8",thetasym:"\u03d1",thetav:"\u03d1",thickapprox:"\u2248",thicksim:"\u223c",thinsp:"\u2009",thkap:"\u2248",thksim:"\u223c",thorn:"\xfe",tilde:"\u02dc",times:"\xd7",timesb:"\u22a0",timesbar:"\u2a31",timesd:"\u2a30",tint:"\u222d",toea:"\u2928",top:"\u22a4",topbot:"\u2336",topcir:"\u2af1",topf:"\ud835\udd65",topfork:"\u2ada",tosa:"\u2929",tprime:"\u2034",trade:"\u2122",triangle:"\u25b5",triangledown:"\u25bf",triangleleft:"\u25c3",trianglelefteq:"\u22b4",triangleq:"\u225c",triangleright:"\u25b9",trianglerighteq:"\u22b5",tridot:"\u25ec",trie:"\u225c",triminus:"\u2a3a",triplus:"\u2a39",trisb:"\u29cd",tritime:"\u2a3b",trpezium:"\u23e2",tscr:"\ud835\udcc9",tscy:"\u0446",tshcy:"\u045b",tstrok:"\u0167",twixt:"\u226c",twoheadleftarrow:"\u219e",twoheadrightarrow:"\u21a0",uArr:"\u21d1",uHar:"\u2963",uacute:"\xfa",uarr:"\u2191",ubrcy:"\u045e",ubreve:"\u016d",ucirc:"\xfb",ucy:"\u0443",udarr:"\u21c5",udblac:"\u0171",udhar:"\u296e",ufisht:"\u297e",ufr:"\ud835\udd32",ugrave:"\xf9",uharl:"\u21bf",uharr:"\u21be",uhblk:"\u2580",ulcorn:"\u231c",ulcorner:"\u231c",ulcrop:"\u230f",ultri:"\u25f8",umacr:"\u016b",uml:"\xa8",uogon:"\u0173",uopf:"\ud835\udd66",uparrow:"\u2191",updownarrow:"\u2195",upharpoonleft:"\u21bf",upharpoonright:"\u21be",uplus:"\u228e",upsi:"\u03c5",upsih:"\u03d2",upsilon:"\u03c5",upuparrows:"\u21c8",urcorn:"\u231d",urcorner:"\u231d",urcrop:"\u230e",uring:"\u016f",urtri:"\u25f9",uscr:"\ud835\udcca",utdot:"\u22f0",utilde:"\u0169",utri:"\u25b5",utrif:"\u25b4",uuarr:"\u21c8",uuml:"\xfc",uwangle:"\u29a7",vArr:"\u21d5",vBar:"\u2ae8",vBarv:"\u2ae9",vDash:"\u22a8",vangrt:"\u299c",varepsilon:"\u03f5",varkappa:"\u03f0",varnothing:"\u2205",varphi:"\u03d5",varpi:"\u03d6",varpropto:"\u221d",varr:"\u2195",varrho:"\u03f1",varsigma:"\u03c2",varsubsetneq:"\u228a\ufe00",varsubsetneqq:"\u2acb\ufe00",varsupsetneq:"\u228b\ufe00",varsupsetneqq:"\u2acc\ufe00",vartheta:"\u03d1",vartriangleleft:"\u22b2",vartriangleright:"\u22b3",vcy:"\u0432",vdash:"\u22a2",vee:"\u2228",veebar:"\u22bb",veeeq:"\u225a",vellip:"\u22ee",verbar:"|",vert:"|",vfr:"\ud835\udd33",vltri:"\u22b2",vnsub:"\u2282\u20d2",vnsup:"\u2283\u20d2",vopf:"\ud835\udd67",vprop:"\u221d",vrtri:"\u22b3",vscr:"\ud835\udccb",vsubnE:"\u2acb\ufe00",vsubne:"\u228a\ufe00",vsupnE:"\u2acc\ufe00",vsupne:"\u228b\ufe00",vzigzag:"\u299a",wcirc:"\u0175",wedbar:"\u2a5f",wedge:"\u2227",wedgeq:"\u2259",weierp:"\u2118",wfr:"\ud835\udd34",wopf:"\ud835\udd68",wp:"\u2118",wr:"\u2240",wreath:"\u2240",wscr:"\ud835\udccc",xcap:"\u22c2",xcirc:"\u25ef",xcup:"\u22c3",xdtri:"\u25bd",xfr:"\ud835\udd35",xhArr:"\u27fa",xharr:"\u27f7",xi:"\u03be",xlArr:"\u27f8",xlarr:"\u27f5",xmap:"\u27fc",xnis:"\u22fb",xodot:"\u2a00",xopf:"\ud835\udd69",xoplus:"\u2a01",xotime:"\u2a02",xrArr:"\u27f9",xrarr:"\u27f6",xscr:"\ud835\udccd",xsqcup:"\u2a06",xuplus:"\u2a04",xutri:"\u25b3",xvee:"\u22c1",xwedge:"\u22c0",yacute:"\xfd",yacy:"\u044f",ycirc:"\u0177",ycy:"\u044b",yen:"\xa5",yfr:"\ud835\udd36",yicy:"\u0457",yopf:"\ud835\udd6a",yscr:"\ud835\udcce",yucy:"\u044e",yuml:"\xff",zacute:"\u017a",zcaron:"\u017e",zcy:"\u0437",zdot:"\u017c",zeetrf:"\u2128",zeta:"\u03b6",zfr:"\ud835\udd37",zhcy:"\u0436",zigrarr:"\u21dd",zopf:"\ud835\udd6b",zscr:"\ud835\udccf",zwj:"\u200d",zwnj:"\u200c"},Ic={}.hasOwnProperty;function Fc(e){return!!Ic.call(Lc,e)&&Lc[e]}const Dc={name:"characterReference",tokenize:function(e,t,n){const r=this;let o,a,i=0;return function(t){return e.enter("characterReference"),e.enter("characterReferenceMarker"),e.consume(t),e.exit("characterReferenceMarker"),s};function s(t){return 35===t?(e.enter("characterReferenceMarkerNumeric"),e.consume(t),e.exit("characterReferenceMarkerNumeric"),l):(e.enter("characterReferenceValue"),o=31,a=dc,c(t))}function l(t){return 88===t||120===t?(e.enter("characterReferenceMarkerHexadecimal"),e.consume(t),e.exit("characterReferenceMarkerHexadecimal"),e.enter("characterReferenceValue"),o=6,a=pc,c):(e.enter("characterReferenceValue"),o=7,a=uc,c(t))}function c(s){let l;return 59===s&&i?(l=e.exit("characterReferenceValue"),a!==dc||Fc(r.sliceSerialize(l))?(e.enter("characterReferenceMarker"),e.consume(s),e.exit("characterReferenceMarker"),e.exit("characterReference"),t):n(s)):a(s)&&i++=4?a(e):n(e)}function a(t){return null===t?s(t):yc(t)?e.attempt(Bc,a,s)(t):(e.enter("codeFlowValue"),i(t))}function i(t){return null===t||yc(t)?(e.exit("codeFlowValue"),a(t)):(e.consume(t),i)}function s(n){return e.exit("codeIndented"),t(n)}}},Bc={tokenize:function(e,t,n){const r=this;return o;function o(t){return r.parser.lazy[r.now().line]?n(t):yc(t)?(e.enter("lineEnding"),e.consume(t),e.exit("lineEnding"),o):xc(e,a,"linePrefix",5)(t)}function a(e){const a=r.events[r.events.length-1];return a&&"linePrefix"===a[1].type&&a[2].sliceSerialize(a[1],!0).length>=4?t(e):yc(e)?o(e):n(e)}},partial:!0},$c={name:"codeText",tokenize:function(e,t,n){let r,o,a=0;return function(t){return e.enter("codeText"),e.enter("codeTextSequence"),i(t)};function i(t){return 96===t?(e.consume(t),a++,i):(e.exit("codeTextSequence"),s(t))}function s(t){return null===t?n(t):96===t?(o=e.enter("codeTextSequence"),r=0,c(t)):32===t?(e.enter("space"),e.consume(t),e.exit("space"),s):yc(t)?(e.enter("lineEnding"),e.consume(t),e.exit("lineEnding"),s):(e.enter("codeTextData"),l(t))}function l(t){return null===t||32===t||96===t||yc(t)?(e.exit("codeTextData"),s(t)):(e.consume(t),l)}function c(n){return 96===n?(e.consume(n),r++,c):r===a?(e.exit("codeTextSequence"),e.exit("codeText"),t(n)):(o.type="codeTextData",l(n))}},resolve:function(e){let t,n,r=e.length-4,o=3;if(!("lineEnding"!==e[o][1].type&&"space"!==e[o][1].type||"lineEnding"!==e[r][1].type&&"space"!==e[r][1].type))for(t=o;++t=4?t(o):e.interrupt(r.parser.constructs.flow,n,t)(o)}},partial:!0};function Gc(e,t,n,r,o,a,i,s,l){const c=l||Number.POSITIVE_INFINITY;let u=0;return function(t){return 60===t?(e.enter(r),e.enter(o),e.enter(a),e.consume(t),e.exit(a),p):null===t||41===t||hc(t)?n(t):(e.enter(r),e.enter(i),e.enter(s),e.enter("chunkString",{contentType:"string"}),m(t))};function p(n){return 62===n?(e.enter(a),e.consume(n),e.exit(a),e.exit(o),e.exit(r),t):(e.enter(s),e.enter("chunkString",{contentType:"string"}),d(n))}function d(t){return 62===t?(e.exit("chunkString"),e.exit(s),p(t)):null===t||60===t||yc(t)?n(t):(e.consume(t),92===t?f:d)}function f(t){return 60===t||62===t||92===t?(e.consume(t),d):d(t)}function m(o){return 40===o?++u>c?n(o):(e.consume(o),m):41===o?u--?(e.consume(o),m):(e.exit("chunkString"),e.exit(s),e.exit(i),e.exit(r),t(o)):null===o||gc(o)?u?n(o):(e.exit("chunkString"),e.exit(s),e.exit(i),e.exit(r),t(o)):hc(o)?n(o):(e.consume(o),92===o?h:m)}function h(t){return 40===t||41===t||92===t?(e.consume(t),m):m(t)}}function Wc(e,t,n,r,o,a){const i=this;let s,l=0;return function(t){return e.enter(r),e.enter(o),e.consume(t),e.exit(o),e.enter(a),c};function c(p){return null===p||91===p||93===p&&!s||94===p&&!l&&"_hiddenFootnoteSupport"in i.parser.constructs||l>999?n(p):93===p?(e.exit(a),e.enter(o),e.consume(p),e.exit(o),e.exit(r),t):yc(p)?(e.enter("lineEnding"),e.consume(p),e.exit("lineEnding"),c):(e.enter("chunkString",{contentType:"string"}),u(p))}function u(t){return null===t||91===t||93===t||yc(t)||l++>999?(e.exit("chunkString"),c(t)):(e.consume(t),s=s||!bc(t),92===t?p:u)}function p(t){return 91===t||92===t||93===t?(e.consume(t),l++,u):u(t)}}function Yc(e,t,n,r,o,a){let i;return function(t){return e.enter(r),e.enter(o),e.consume(t),e.exit(o),i=40===t?41:t,s};function s(n){return n===i?(e.enter(o),e.consume(n),e.exit(o),e.exit(r),t):(e.enter(a),l(n))}function l(t){return t===i?(e.exit(a),s(i)):null===t?n(t):yc(t)?(e.enter("lineEnding"),e.consume(t),e.exit("lineEnding"),xc(e,l,"linePrefix")):(e.enter("chunkString",{contentType:"string"}),c(t))}function c(t){return t===i||null===t||yc(t)?(e.exit("chunkString"),l(t)):(e.consume(t),92===t?u:c)}function u(t){return t===i||92===t?(e.consume(t),c):c(t)}}function Kc(e,t){let n;return function r(o){return yc(o)?(e.enter("lineEnding"),e.consume(o),e.exit("lineEnding"),n=!0,r):bc(o)?xc(e,r,n?"linePrefix":"lineSuffix")(o):t(o)}}function Qc(e){return e.replace(/[\t\n\r ]+/g," ").replace(/^ | $/g,"").toLowerCase().toUpperCase()}const Xc={name:"definition",tokenize:function(e,t,n){const r=this;let o;return function(t){return e.enter("definition"),Wc.call(r,e,a,n,"definitionLabel","definitionLabelMarker","definitionLabelString")(t)};function a(t){return o=Qc(r.sliceSerialize(r.events[r.events.length-1][1]).slice(1,-1)),58===t?(e.enter("definitionMarker"),e.consume(t),e.exit("definitionMarker"),Kc(e,Gc(e,e.attempt(Zc,xc(e,i,"whitespace"),xc(e,i,"whitespace")),n,"definitionDestination","definitionDestinationLiteral","definitionDestinationLiteralMarker","definitionDestinationRaw","definitionDestinationString"))):n(t)}function i(a){return null===a||yc(a)?(e.exit("definition"),r.parser.defined.includes(o)||r.parser.defined.push(o),t(a)):n(a)}}},Zc={tokenize:function(e,t,n){return function(t){return gc(t)?Kc(e,r)(t):n(t)};function r(t){return 34===t||39===t||40===t?Yc(e,xc(e,o,"whitespace"),n,"definitionTitle","definitionTitleMarker","definitionTitleString")(t):n(t)}function o(e){return null===e||yc(e)?t(e):n(e)}},partial:!0},Jc={name:"hardBreakEscape",tokenize:function(e,t,n){return function(t){return e.enter("hardBreakEscape"),e.enter("escapeMarker"),e.consume(t),r};function r(r){return yc(r)?(e.exit("escapeMarker"),e.exit("hardBreakEscape"),t(r)):n(r)}}},eu={name:"headingAtx",tokenize:function(e,t,n){const r=this;let o=0;return function(t){return e.enter("atxHeading"),e.enter("atxHeadingSequence"),a(t)};function a(s){return 35===s&&o++<6?(e.consume(s),a):null===s||gc(s)?(e.exit("atxHeadingSequence"),r.interrupt?t(s):i(s)):n(s)}function i(n){return 35===n?(e.enter("atxHeadingSequence"),s(n)):null===n||yc(n)?(e.exit("atxHeading"),t(n)):bc(n)?xc(e,i,"whitespace")(n):(e.enter("atxHeadingText"),l(n))}function s(t){return 35===t?(e.consume(t),s):(e.exit("atxHeadingSequence"),i(t))}function l(t){return null===t||35===t||gc(t)?(e.exit("atxHeadingText"),i(t)):(e.consume(t),l)}},resolve:function(e,t){let n,r,o=e.length-2,a=3;return"whitespace"===e[a][1].type&&(a+=2),o-2>a&&"whitespace"===e[o][1].type&&(o-=2),"atxHeadingSequence"===e[o][1].type&&(a===o-1||o-4>a&&"whitespace"===e[o-2][1].type)&&(o-=a+1===o?2:4),o>a&&(n={type:"atxHeadingText",start:e[a][1].start,end:e[o][1].end},r={type:"chunkText",start:e[a][1].start,end:e[o][1].end,contentType:"text"},rc(e,a,o-a+1,[["enter",n,t],["enter",r,t],["exit",r,t],["exit",n,t]])),e}},tu=["address","article","aside","base","basefont","blockquote","body","caption","center","col","colgroup","dd","details","dialog","dir","div","dl","dt","fieldset","figcaption","figure","footer","form","frame","frameset","h1","h2","h3","h4","h5","h6","head","header","hr","html","iframe","legend","li","link","main","menu","menuitem","nav","noframes","ol","optgroup","option","p","param","section","summary","table","tbody","td","tfoot","th","thead","title","tr","track","ul"],nu=["pre","script","style","textarea"],ru={name:"htmlFlow",tokenize:function(e,t,n){const r=this;let o,a,i,s,l;return function(t){return e.enter("htmlFlow"),e.enter("htmlFlowData"),e.consume(t),c};function c(s){return 33===s?(e.consume(s),u):47===s?(e.consume(s),f):63===s?(e.consume(s),o=3,r.interrupt?t:L):cc(s)?(e.consume(s),i=String.fromCharCode(s),a=!0,m):n(s)}function u(a){return 45===a?(e.consume(a),o=2,p):91===a?(e.consume(a),o=5,i="CDATA[",s=0,d):cc(a)?(e.consume(a),o=4,r.interrupt?t:L):n(a)}function p(o){return 45===o?(e.consume(o),r.interrupt?t:L):n(o)}function d(o){return o===i.charCodeAt(s++)?(e.consume(o),s===i.length?r.interrupt?t:C:d):n(o)}function f(t){return cc(t)?(e.consume(t),i=String.fromCharCode(t),m):n(t)}function m(s){return null===s||47===s||62===s||gc(s)?47!==s&&a&&nu.includes(i.toLowerCase())?(o=1,r.interrupt?t(s):C(s)):tu.includes(i.toLowerCase())?(o=6,47===s?(e.consume(s),h):r.interrupt?t(s):C(s)):(o=7,r.interrupt&&!r.parser.lazy[r.now().line]?n(s):a?y(s):g(s)):45===s||dc(s)?(e.consume(s),i+=String.fromCharCode(s),m):n(s)}function h(o){return 62===o?(e.consume(o),r.interrupt?t:C):n(o)}function g(t){return bc(t)?(e.consume(t),g):_(t)}function y(t){return 47===t?(e.consume(t),_):58===t||95===t||cc(t)?(e.consume(t),b):bc(t)?(e.consume(t),y):_(t)}function b(t){return 45===t||46===t||58===t||95===t||dc(t)?(e.consume(t),b):v(t)}function v(t){return 61===t?(e.consume(t),w):bc(t)?(e.consume(t),v):y(t)}function w(t){return null===t||60===t||61===t||62===t||96===t?n(t):34===t||39===t?(e.consume(t),l=t,k):bc(t)?(e.consume(t),w):(l=null,x(t))}function k(t){return null===t||yc(t)?n(t):t===l?(e.consume(t),S):(e.consume(t),k)}function x(t){return null===t||34===t||39===t||60===t||61===t||62===t||96===t||gc(t)?v(t):(e.consume(t),x)}function S(e){return 47===e||62===e||bc(e)?y(e):n(e)}function _(t){return 62===t?(e.consume(t),E):n(t)}function E(t){return bc(t)?(e.consume(t),E):null===t||yc(t)?C(t):n(t)}function C(t){return 45===t&&2===o?(e.consume(t),P):60===t&&1===o?(e.consume(t),j):62===t&&4===o?(e.consume(t),I):63===t&&3===o?(e.consume(t),L):93===t&&5===o?(e.consume(t),R):!yc(t)||6!==o&&7!==o?null===t||yc(t)?A(t):(e.consume(t),C):e.check(ou,I,A)(t)}function A(t){return e.exit("htmlFlowData"),O(t)}function O(t){return null===t?F(t):yc(t)?e.attempt({tokenize:T,partial:!0},O,F)(t):(e.enter("htmlFlowData"),C(t))}function T(e,t,n){return function(t){return e.enter("lineEnding"),e.consume(t),e.exit("lineEnding"),o};function o(e){return r.parser.lazy[r.now().line]?n(e):t(e)}}function P(t){return 45===t?(e.consume(t),L):C(t)}function j(t){return 47===t?(e.consume(t),i="",N):C(t)}function N(t){return 62===t&&nu.includes(i.toLowerCase())?(e.consume(t),I):cc(t)&&i.length<8?(e.consume(t),i+=String.fromCharCode(t),N):C(t)}function R(t){return 93===t?(e.consume(t),L):C(t)}function L(t){return 62===t?(e.consume(t),I):45===t&&2===o?(e.consume(t),L):C(t)}function I(t){return null===t||yc(t)?(e.exit("htmlFlowData"),F(t)):(e.consume(t),I)}function F(n){return e.exit("htmlFlow"),t(n)}},resolveTo:function(e){let t=e.length;for(;t--&&("enter"!==e[t][0]||"htmlFlow"!==e[t][1].type););return t>1&&"linePrefix"===e[t-2][1].type&&(e[t][1].start=e[t-2][1].start,e[t+1][1].start=e[t-2][1].start,e.splice(t-2,2)),e},concrete:!0},ou={tokenize:function(e,t,n){return function(r){return e.exit("htmlFlowData"),e.enter("lineEndingBlank"),e.consume(r),e.exit("lineEndingBlank"),e.attempt(jc,t,n)}},partial:!0},au={name:"htmlText",tokenize:function(e,t,n){const r=this;let o,a,i,s;return function(t){return e.enter("htmlText"),e.enter("htmlTextData"),e.consume(t),l};function l(t){return 33===t?(e.consume(t),c):47===t?(e.consume(t),x):63===t?(e.consume(t),w):cc(t)?(e.consume(t),E):n(t)}function c(t){return 45===t?(e.consume(t),u):91===t?(e.consume(t),a="CDATA[",i=0,h):cc(t)?(e.consume(t),v):n(t)}function u(t){return 45===t?(e.consume(t),p):n(t)}function p(t){return null===t||62===t?n(t):45===t?(e.consume(t),d):f(t)}function d(e){return null===e||62===e?n(e):f(e)}function f(t){return null===t?n(t):45===t?(e.consume(t),m):yc(t)?(s=f,R(t)):(e.consume(t),f)}function m(t){return 45===t?(e.consume(t),I):f(t)}function h(t){return t===a.charCodeAt(i++)?(e.consume(t),i===a.length?g:h):n(t)}function g(t){return null===t?n(t):93===t?(e.consume(t),y):yc(t)?(s=g,R(t)):(e.consume(t),g)}function y(t){return 93===t?(e.consume(t),b):g(t)}function b(t){return 62===t?I(t):93===t?(e.consume(t),b):g(t)}function v(t){return null===t||62===t?I(t):yc(t)?(s=v,R(t)):(e.consume(t),v)}function w(t){return null===t?n(t):63===t?(e.consume(t),k):yc(t)?(s=w,R(t)):(e.consume(t),w)}function k(e){return 62===e?I(e):w(e)}function x(t){return cc(t)?(e.consume(t),S):n(t)}function S(t){return 45===t||dc(t)?(e.consume(t),S):_(t)}function _(t){return yc(t)?(s=_,R(t)):bc(t)?(e.consume(t),_):I(t)}function E(t){return 45===t||dc(t)?(e.consume(t),E):47===t||62===t||gc(t)?C(t):n(t)}function C(t){return 47===t?(e.consume(t),I):58===t||95===t||cc(t)?(e.consume(t),A):yc(t)?(s=C,R(t)):bc(t)?(e.consume(t),C):I(t)}function A(t){return 45===t||46===t||58===t||95===t||dc(t)?(e.consume(t),A):O(t)}function O(t){return 61===t?(e.consume(t),T):yc(t)?(s=O,R(t)):bc(t)?(e.consume(t),O):C(t)}function T(t){return null===t||60===t||61===t||62===t||96===t?n(t):34===t||39===t?(e.consume(t),o=t,P):yc(t)?(s=T,R(t)):bc(t)?(e.consume(t),T):(e.consume(t),o=void 0,N)}function P(t){return t===o?(e.consume(t),j):null===t?n(t):yc(t)?(s=P,R(t)):(e.consume(t),P)}function j(e){return 62===e||47===e||gc(e)?C(e):n(e)}function N(t){return null===t||34===t||39===t||60===t||61===t||96===t?n(t):62===t||gc(t)?C(t):(e.consume(t),N)}function R(t){return e.exit("htmlTextData"),e.enter("lineEnding"),e.consume(t),e.exit("lineEnding"),xc(e,L,"linePrefix",r.parser.constructs.disable.null.includes("codeIndented")?void 0:4)}function L(t){return e.enter("htmlTextData"),s(t)}function I(r){return 62===r?(e.consume(r),e.exit("htmlTextData"),e.exit("htmlText"),t):n(r)}}},iu={name:"labelEnd",tokenize:function(e,t,n){const r=this;let o,a,i=r.events.length;for(;i--;)if(("labelImage"===r.events[i][1].type||"labelLink"===r.events[i][1].type)&&!r.events[i][1]._balanced){o=r.events[i][1];break}return function(t){return o?o._inactive?l(t):(a=r.parser.defined.includes(Qc(r.sliceSerialize({start:o.end,end:r.now()}))),e.enter("labelEnd"),e.enter("labelMarker"),e.consume(t),e.exit("labelMarker"),e.exit("labelEnd"),s):n(t)};function s(n){return 40===n?e.attempt(su,t,a?t:l)(n):91===n?e.attempt(lu,t,a?e.attempt(cu,t,l):l)(n):a?t(n):l(n)}function l(e){return o._balanced=!0,n(e)}},resolveTo:function(e,t){let n,r,o,a,i=e.length,s=0;for(;i--;)if(n=e[i][1],r){if("link"===n.type||"labelLink"===n.type&&n._inactive)break;"enter"===e[i][0]&&"labelLink"===n.type&&(n._inactive=!0)}else if(o){if("enter"===e[i][0]&&("labelImage"===n.type||"labelLink"===n.type)&&!n._balanced&&(r=i,"labelLink"!==n.type)){s=2;break}}else"labelEnd"===n.type&&(o=i);const l={type:"labelLink"===e[r][1].type?"link":"image",start:Object.assign({},e[r][1].start),end:Object.assign({},e[e.length-1][1].end)},c={type:"label",start:Object.assign({},e[r][1].start),end:Object.assign({},e[o][1].end)},u={type:"labelText",start:Object.assign({},e[r+s+2][1].end),end:Object.assign({},e[o-2][1].start)};return a=[["enter",l,t],["enter",c,t]],a=oc(a,e.slice(r+1,r+s+3)),a=oc(a,[["enter",u,t]]),a=oc(a,Ac(t.parser.constructs.insideSpan.null,e.slice(r+s+4,o-3),t)),a=oc(a,[["exit",u,t],e[o-2],e[o-1],["exit",c,t]]),a=oc(a,e.slice(o+1)),a=oc(a,[["exit",l,t]]),rc(e,r,e.length,a),e},resolveAll:function(e){let t,n=-1;for(;++n-1&&(i[0]=i[0].slice(r)),a>0&&i.push(e[o].slice(0,a))),i}(i,e)}function d(){return Object.assign({},r)}function f(e){u=u(e)}function m(e,t){t.restore()}function h(e,t){return function(n,o,a){let i,u,p,f;return Array.isArray(n)?m(n):"tokenize"in n?m([n]):function(e){return function(t){const n=null!==t&&e[t],r=null!==t&&e.null;return m([...Array.isArray(n)?n:n?[n]:[],...Array.isArray(r)?r:r?[r]:[]])(t)}}(n);function m(e){return i=e,u=0,0===e.length?a:h(e[u])}function h(e){return function(n){return f=function(){const e=d(),t=c.previous,n=c.currentConstruct,o=c.events.length,a=Array.from(s);return{restore:function(){r=e,c.previous=t,c.currentConstruct=n,c.events.length=o,s=a,y()},from:o}}(),p=e,e.partial||(c.currentConstruct=e),e.name&&c.parser.constructs.disable.null.includes(e.name)?b():e.tokenize.call(t?Object.assign(Object.create(c),t):c,l,g,b)(n)}}function g(t){return e(p,f),o}function b(e){return f.restore(),++u13&&n<32||n>126&&n<160||n>55295&&n<57344||n>64975&&n<65008||!(65535&~n)||65534==(65535&n)||n>1114111?"\ufffd":String.fromCharCode(n)}const Fu=/\\([!-/:-@[-`{-~])|&(#(?:\d{1,7}|x[\da-f]{1,6})|[\da-z]{1,31});/gi;function Du(e){return e.replace(Fu,Mu)}function Mu(e,t,n){if(t)return t;if(35===n.charCodeAt(0)){const e=n.charCodeAt(1),t=120===e||88===e;return Iu(n.slice(t?2:1),t?16:10)}return Fc(n)||e}const zu={}.hasOwnProperty,Bu=function(e,t,n){return"string"!=typeof t&&(n=t,t=void 0),function(e){const t={transforms:[],canContainEols:["emphasis","fragment","heading","paragraph","strong"],enter:{autolink:i(w),autolinkProtocol:d,autolinkEmail:d,atxHeading:i(y),blockQuote:i((function(){return{type:"blockquote",children:[]}})),characterEscape:d,characterReference:d,codeFenced:i(g),codeFencedFenceInfo:s,codeFencedFenceMeta:s,codeIndented:i(g,s),codeText:i((function(){return{type:"inlineCode",value:""}}),s),codeTextData:d,data:d,codeFlowValue:d,definition:i((function(){return{type:"definition",identifier:"",label:null,title:null,url:""}})),definitionDestinationString:s,definitionLabelString:s,definitionTitleString:s,emphasis:i((function(){return{type:"emphasis",children:[]}})),hardBreakEscape:i(b),hardBreakTrailing:i(b),htmlFlow:i(v,s),htmlFlowData:d,htmlText:i(v,s),htmlTextData:d,image:i((function(){return{type:"image",title:null,url:"",alt:null}})),label:s,link:i(w),listItem:i((function(e){return{type:"listItem",spread:e._spread,checked:null,children:[]}})),listItemValue:function(e){a("expectingFirstListItemValue")&&(this.stack[this.stack.length-2].start=Number.parseInt(this.sliceSerialize(e),10),o("expectingFirstListItemValue"))},listOrdered:i(k,(function(){o("expectingFirstListItemValue",!0)})),listUnordered:i(k),paragraph:i((function(){return{type:"paragraph",children:[]}})),reference:function(){o("referenceType","collapsed")},referenceString:s,resourceDestinationString:s,resourceTitleString:s,setextHeading:i(y),strong:i((function(){return{type:"strong",children:[]}})),thematicBreak:i((function(){return{type:"thematicBreak"}}))},exit:{atxHeading:c(),atxHeadingSequence:function(e){const t=this.stack[this.stack.length-1];if(!t.depth){const n=this.sliceSerialize(e).length;t.depth=n}},autolink:c(),autolinkEmail:function(e){f.call(this,e),this.stack[this.stack.length-1].url="mailto:"+this.sliceSerialize(e)},autolinkProtocol:function(e){f.call(this,e),this.stack[this.stack.length-1].url=this.sliceSerialize(e)},blockQuote:c(),characterEscapeValue:f,characterReferenceMarkerHexadecimal:h,characterReferenceMarkerNumeric:h,characterReferenceValue:function(e){const t=this.sliceSerialize(e),n=a("characterReferenceType");let r;n?(r=Iu(t,"characterReferenceMarkerNumeric"===n?10:16),o("characterReferenceType")):r=Fc(t);const i=this.stack.pop();i.value+=r,i.position.end=$u(e.end)},codeFenced:c((function(){const e=this.resume();this.stack[this.stack.length-1].value=e.replace(/^(\r?\n|\r)|(\r?\n|\r)$/g,""),o("flowCodeInside")})),codeFencedFence:function(){a("flowCodeInside")||(this.buffer(),o("flowCodeInside",!0))},codeFencedFenceInfo:function(){const e=this.resume();this.stack[this.stack.length-1].lang=e},codeFencedFenceMeta:function(){const e=this.resume();this.stack[this.stack.length-1].meta=e},codeFlowValue:f,codeIndented:c((function(){const e=this.resume();this.stack[this.stack.length-1].value=e.replace(/(\r?\n|\r)$/g,"")})),codeText:c((function(){const e=this.resume();this.stack[this.stack.length-1].value=e})),codeTextData:f,data:f,definition:c(),definitionDestinationString:function(){const e=this.resume();this.stack[this.stack.length-1].url=e},definitionLabelString:function(e){const t=this.resume(),n=this.stack[this.stack.length-1];n.label=t,n.identifier=Qc(this.sliceSerialize(e)).toLowerCase()},definitionTitleString:function(){const e=this.resume();this.stack[this.stack.length-1].title=e},emphasis:c(),hardBreakEscape:c(m),hardBreakTrailing:c(m),htmlFlow:c((function(){const e=this.resume();this.stack[this.stack.length-1].value=e})),htmlFlowData:f,htmlText:c((function(){const e=this.resume();this.stack[this.stack.length-1].value=e})),htmlTextData:f,image:c((function(){const e=this.stack[this.stack.length-1];if(a("inReference")){const t=a("referenceType")||"shortcut";e.type+="Reference",e.referenceType=t,delete e.url,delete e.title}else delete e.identifier,delete e.label;o("referenceType")})),label:function(){const e=this.stack[this.stack.length-1],t=this.resume(),n=this.stack[this.stack.length-1];if(o("inReference",!0),"link"===n.type){const t=e.children;n.children=t}else n.alt=t},labelText:function(e){const t=this.sliceSerialize(e),n=this.stack[this.stack.length-2];n.label=Du(t),n.identifier=Qc(t).toLowerCase()},lineEnding:function(e){const n=this.stack[this.stack.length-1];if(a("atHardBreak"))return n.children[n.children.length-1].position.end=$u(e.end),void o("atHardBreak");!a("setextHeadingSlurpLineEnding")&&t.canContainEols.includes(n.type)&&(d.call(this,e),f.call(this,e))},link:c((function(){const e=this.stack[this.stack.length-1];if(a("inReference")){const t=a("referenceType")||"shortcut";e.type+="Reference",e.referenceType=t,delete e.url,delete e.title}else delete e.identifier,delete e.label;o("referenceType")})),listItem:c(),listOrdered:c(),listUnordered:c(),paragraph:c(),referenceString:function(e){const t=this.resume(),n=this.stack[this.stack.length-1];n.label=t,n.identifier=Qc(this.sliceSerialize(e)).toLowerCase(),o("referenceType","full")},resourceDestinationString:function(){const e=this.resume();this.stack[this.stack.length-1].url=e},resourceTitleString:function(){const e=this.resume();this.stack[this.stack.length-1].title=e},resource:function(){o("inReference")},setextHeading:c((function(){o("setextHeadingSlurpLineEnding")})),setextHeadingLineSequence:function(e){this.stack[this.stack.length-1].depth=61===this.sliceSerialize(e).charCodeAt(0)?1:2},setextHeadingText:function(){o("setextHeadingSlurpLineEnding",!0)},strong:c(),thematicBreak:c()}};qu(t,(e||{}).mdastExtensions||[]);const n={};return function(e){let n={type:"root",children:[]};const i={stack:[n],tokenStack:[],config:t,enter:l,exit:u,buffer:s,resume:p,setData:o,getData:a},c=[];let d=-1;for(;++d0){const e=i.tokenStack[i.tokenStack.length-1];(e[1]||Hu).call(i,void 0,e[0])}for(n.position={start:$u(e.length>0?e[0][1].start:{line:1,column:1,offset:0}),end:$u(e.length>0?e[e.length-2][1].end:{line:1,column:1,offset:0})},d=-1;++d{const n=this.data("settings");return Bu(t,Object.assign({},n,e,{extensions:this.data("micromarkExtensions")||[],mdastExtensions:this.data("fromMarkdownExtensions")||[]}))}})}function Gu(e){const t=[];let n=-1,r=0,o=0;for(;++n55295&&a<57344){const t=e.charCodeAt(n+1);a<56320&&t>56319&&t<57344?(i=String.fromCharCode(a,t),o=1):i="\ufffd"}else i=String.fromCharCode(a);i&&(t.push(e.slice(r,n),encodeURIComponent(i)),r=n+o+1,i=""),o&&(n+=o,o=0)}return t.join("")+e.slice(r)}function Wu(e,t){const n=String(t.identifier).toUpperCase(),r=Gu(n.toLowerCase()),o=e.footnoteOrder.indexOf(n);let a;-1===o?(e.footnoteOrder.push(n),e.footnoteCounts[n]=1,a=e.footnoteOrder.length):(e.footnoteCounts[n]++,a=o+1);const i=e.footnoteCounts[n],s={type:"element",tagName:"a",properties:{href:"#"+e.clobberPrefix+"fn-"+r,id:e.clobberPrefix+"fnref-"+r+(i>1?"-"+i:""),dataFootnoteRef:!0,ariaDescribedBy:["footnote-label"]},children:[{type:"text",value:String(a)}]};e.patch(t,s);const l={type:"element",tagName:"sup",properties:{},children:[s]};return e.patch(t,l),e.applyData(t,l)}function Yu(e,t){const n=t.referenceType;let r="]";if("collapsed"===n?r+="[]":"full"===n&&(r+="["+(t.label||t.identifier)+"]"),"imageReference"===t.type)return{type:"text",value:"!["+t.alt+r};const o=e.all(t),a=o[0];a&&"text"===a.type?a.value="["+a.value:o.unshift({type:"text",value:"["});const i=o[o.length-1];return i&&"text"===i.type?i.value+=r:o.push({type:"text",value:r}),o}function Ku(e){const t=e.spread;return null==t?e.children.length>1:t}const Qu=Zu("start"),Xu=Zu("end");function Zu(e){return function(t){const n=t&&t.position&&t.position[e]||{};return{line:n.line||null,column:n.column||null,offset:n.offset>-1?n.offset:null}}}const Ju=9,ep=32;function tp(e){const t=String(e),n=/\r?\n|\r/g;let r=n.exec(t),o=0;const a=[];for(;r;)a.push(np(t.slice(o,r.index),o>0,!0),r[0]),o=r.index+r[0].length,r=n.exec(t);return a.push(np(t.slice(o),o>0,!1)),a.join("")}function np(e,t,n){let r=0,o=e.length;if(t){let t=e.codePointAt(r);for(;t===Ju||t===ep;)r++,t=e.codePointAt(r)}if(n){let t=e.codePointAt(o-1);for(;t===Ju||t===ep;)o--,t=e.codePointAt(o-1)}return o>r?e.slice(r,o):""}const rp={blockquote:function(e,t){const n={type:"element",tagName:"blockquote",properties:{},children:e.wrap(e.all(t),!0)};return e.patch(t,n),e.applyData(t,n)},break:function(e,t){const n={type:"element",tagName:"br",properties:{},children:[]};return e.patch(t,n),[e.applyData(t,n),{type:"text",value:"\n"}]},code:function(e,t){const n=t.value?t.value+"\n":"",r=t.lang?t.lang.match(/^[^ \t]+(?=[ \t]|$)/):null,o={};r&&(o.className=["language-"+r]);let a={type:"element",tagName:"code",properties:o,children:[{type:"text",value:n}]};return t.meta&&(a.data={meta:t.meta}),e.patch(t,a),a=e.applyData(t,a),a={type:"element",tagName:"pre",properties:{},children:[a]},e.patch(t,a),a},delete:function(e,t){const n={type:"element",tagName:"del",properties:{},children:e.all(t)};return e.patch(t,n),e.applyData(t,n)},emphasis:function(e,t){const n={type:"element",tagName:"em",properties:{},children:e.all(t)};return e.patch(t,n),e.applyData(t,n)},footnoteReference:Wu,footnote:function(e,t){const n=e.footnoteById;let r=1;for(;r in n;)r++;const o=String(r);return n[o]={type:"footnoteDefinition",identifier:o,children:[{type:"paragraph",children:t.children}],position:t.position},Wu(e,{type:"footnoteReference",identifier:o,position:t.position})},heading:function(e,t){const n={type:"element",tagName:"h"+t.depth,properties:{},children:e.all(t)};return e.patch(t,n),e.applyData(t,n)},html:function(e,t){if(e.dangerous){const n={type:"raw",value:t.value};return e.patch(t,n),e.applyData(t,n)}return null},imageReference:function(e,t){const n=e.definition(t.identifier);if(!n)return Yu(e,t);const r={src:Gu(n.url||""),alt:t.alt};null!==n.title&&void 0!==n.title&&(r.title=n.title);const o={type:"element",tagName:"img",properties:r,children:[]};return e.patch(t,o),e.applyData(t,o)},image:function(e,t){const n={src:Gu(t.url)};null!==t.alt&&void 0!==t.alt&&(n.alt=t.alt),null!==t.title&&void 0!==t.title&&(n.title=t.title);const r={type:"element",tagName:"img",properties:n,children:[]};return e.patch(t,r),e.applyData(t,r)},inlineCode:function(e,t){const n={type:"text",value:t.value.replace(/\r?\n|\r/g," ")};e.patch(t,n);const r={type:"element",tagName:"code",properties:{},children:[n]};return e.patch(t,r),e.applyData(t,r)},linkReference:function(e,t){const n=e.definition(t.identifier);if(!n)return Yu(e,t);const r={href:Gu(n.url||"")};null!==n.title&&void 0!==n.title&&(r.title=n.title);const o={type:"element",tagName:"a",properties:r,children:e.all(t)};return e.patch(t,o),e.applyData(t,o)},link:function(e,t){const n={href:Gu(t.url)};null!==t.title&&void 0!==t.title&&(n.title=t.title);const r={type:"element",tagName:"a",properties:n,children:e.all(t)};return e.patch(t,r),e.applyData(t,r)},listItem:function(e,t,n){const r=e.all(t),o=n?function(e){let t=!1;if("list"===e.type){t=e.spread||!1;const n=e.children;let r=-1;for(;!t&&++r0&&n.children.unshift({type:"text",value:" "}),n.children.unshift({type:"element",tagName:"input",properties:{type:"checkbox",checked:t.checked,disabled:!0},children:[]}),a.className=["task-list-item"]}let s=-1;for(;++s0){const r={type:"element",tagName:"tbody",properties:{},children:e.wrap(n,!0)},a=Qu(t.children[1]),i=Xu(t.children[t.children.length-1]);a.line&&i.line&&(r.position={start:a,end:i}),o.push(r)}const a={type:"element",tagName:"table",properties:{},children:e.wrap(o,!0)};return e.patch(t,a),e.applyData(t,a)},tableCell:function(e,t){const n={type:"element",tagName:"td",properties:{},children:e.all(t)};return e.patch(t,n),e.applyData(t,n)},tableRow:function(e,t,n){const r=n?n.children:void 0,o=0===(r?r.indexOf(t):1)?"th":"td",a=n&&"table"===n.type?n.align:void 0,i=a?a.length:t.children.length;let s=-1;const l=[];for(;++s":""))+")"})}return u;function u(){let c,u,p,d=[];if((!t||o(i,s,l[l.length-1]||null))&&(d=function(e){return Array.isArray(e)?e:"number"==typeof e?[true,e]:[e]}(n(i,l)),d[0]===cp))return d;if(i.children&&"skip"!==d[0])for(u=(r?i.children.length:-1)+a,p=l.concat(i);u>-1&&u0&&n.push({type:"text",value:"\n"}),n}function wp(e,t){const n=function(e,t){const n=t||{},r=n.allowDangerousHtml||!1,o={};return i.dangerous=r,i.clobberPrefix=void 0===n.clobberPrefix||null===n.clobberPrefix?"user-content-":n.clobberPrefix,i.footnoteLabel=n.footnoteLabel||"Footnotes",i.footnoteLabelTagName=n.footnoteLabelTagName||"h2",i.footnoteLabelProperties=n.footnoteLabelProperties||{className:["sr-only"]},i.footnoteBackLabel=n.footnoteBackLabel||"Back to content",i.unknownHandler=n.unknownHandler,i.passThrough=n.passThrough,i.handlers={...rp,...n.handlers},i.definition=function(e){const t=Object.create(null);if(!e||!e.type)throw new Error("mdast-util-definitions expected node");return pp(e,"definition",(e=>{const n=fp(e.identifier);n&&!dp.call(t,n)&&(t[n]=e)})),function(e){const n=fp(e);return n&&dp.call(t,n)?t[n]:null}}(e),i.footnoteById=o,i.footnoteOrder=[],i.footnoteCounts={},i.patch=hp,i.applyData=gp,i.one=function(e,t){return yp(i,e,t)},i.all=function(e){return bp(i,e)},i.wrap=vp,i.augment=a,pp(e,"footnoteDefinition",(e=>{const t=String(e.identifier).toUpperCase();mp.call(o,t)||(o[t]=e)})),i;function a(e,t){if(e&&"data"in e&&e.data){const n=e.data;n.hName&&("element"!==t.type&&(t={type:"element",tagName:"",properties:{},children:[]}),t.tagName=n.hName),"element"===t.type&&n.hProperties&&(t.properties={...t.properties,...n.hProperties}),"children"in t&&t.children&&n.hChildren&&(t.children=n.hChildren)}if(e){const n="type"in e?e:{position:e};(function(e){return!(e&&e.position&&e.position.start&&e.position.start.line&&e.position.start.column&&e.position.end&&e.position.end.line&&e.position.end.column)})(n)||(t.position={start:Qu(n),end:Xu(n)})}return t}function i(e,t,n,r){return Array.isArray(n)&&(r=n,n={}),a(e,{type:"element",tagName:t,properties:n||{},children:r||[]})}}(e,t),r=n.one(e,null),o=function(e){const t=[];let n=-1;for(;++n1?"-"+s:""),dataFootnoteBackref:!0,className:["data-footnote-backref"],ariaLabel:e.footnoteBackLabel},children:[{type:"text",value:"\u21a9"}]};s>1&&t.children.push({type:"element",tagName:"sup",children:[{type:"text",value:String(s)}]}),l.length>0&&l.push({type:"text",value:" "}),l.push(t)}const c=o[o.length-1];if(c&&"element"===c.type&&"p"===c.tagName){const e=c.children[c.children.length-1];e&&"text"===e.type?e.value+=" ":c.children.push({type:"text",value:" "}),c.children.push(...l)}else o.push(...l);const u={type:"element",tagName:"li",properties:{id:e.clobberPrefix+"fn-"+i},children:e.wrap(o,!0)};e.patch(r,u),t.push(u)}if(0!==t.length)return{type:"element",tagName:"section",properties:{dataFootnotes:!0,className:["footnotes"]},children:[{type:"element",tagName:e.footnoteLabelTagName,properties:{...JSON.parse(JSON.stringify(e.footnoteLabelProperties)),id:"footnote-label"},children:[{type:"text",value:e.footnoteLabel}]},{type:"text",value:"\n"},{type:"element",tagName:"ol",properties:{},children:e.wrap(t,!0)},{type:"text",value:"\n"}]}}(n);return o&&r.children.push({type:"text",value:"\n"},o),Array.isArray(r)?{type:"root",children:r}:r}var kp,xp,Sp,_p,Ep,Cp,Ap,Op,Tp,Pp,jp,Np,Rp,Lp,Ip,Fp=function(e,t){return e&&"run"in e?function(e,t){return(n,r,o)=>{e.run(wp(n,t),r,(e=>{o(e)}))}}(e,t):function(e){return t=>wp(t,e)}(e||t)},Dp={},Mp={get exports(){return Dp},set exports(e){Dp=e}},zp={},Bp={get exports(){return zp},set exports(e){zp=e}},$p={},qp={};function Up(){return Sp||(Sp=1,e=Bp,"production"===Us.env.NODE_ENV?e.exports=function(){if(kp)return $p;kp=1;var e="function"==typeof Symbol&&Symbol.for,t=e?Symbol.for("react.element"):60103,n=e?Symbol.for("react.portal"):60106,r=e?Symbol.for("react.fragment"):60107,o=e?Symbol.for("react.strict_mode"):60108,a=e?Symbol.for("react.profiler"):60114,i=e?Symbol.for("react.provider"):60109,s=e?Symbol.for("react.context"):60110,l=e?Symbol.for("react.async_mode"):60111,c=e?Symbol.for("react.concurrent_mode"):60111,u=e?Symbol.for("react.forward_ref"):60112,p=e?Symbol.for("react.suspense"):60113,d=e?Symbol.for("react.suspense_list"):60120,f=e?Symbol.for("react.memo"):60115,m=e?Symbol.for("react.lazy"):60116,h=e?Symbol.for("react.block"):60121,g=e?Symbol.for("react.fundamental"):60117,y=e?Symbol.for("react.responder"):60118,b=e?Symbol.for("react.scope"):60119;function v(e){if("object"==typeof e&&null!==e){var d=e.$$typeof;switch(d){case t:switch(e=e.type){case l:case c:case r:case a:case o:case p:return e;default:switch(e=e&&e.$$typeof){case s:case u:case m:case f:case i:return e;default:return d}}case n:return d}}}function w(e){return v(e)===c}return $p.AsyncMode=l,$p.ConcurrentMode=c,$p.ContextConsumer=s,$p.ContextProvider=i,$p.Element=t,$p.ForwardRef=u,$p.Fragment=r,$p.Lazy=m,$p.Memo=f,$p.Portal=n,$p.Profiler=a,$p.StrictMode=o,$p.Suspense=p,$p.isAsyncMode=function(e){return w(e)||v(e)===l},$p.isConcurrentMode=w,$p.isContextConsumer=function(e){return v(e)===s},$p.isContextProvider=function(e){return v(e)===i},$p.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},$p.isForwardRef=function(e){return v(e)===u},$p.isFragment=function(e){return v(e)===r},$p.isLazy=function(e){return v(e)===m},$p.isMemo=function(e){return v(e)===f},$p.isPortal=function(e){return v(e)===n},$p.isProfiler=function(e){return v(e)===a},$p.isStrictMode=function(e){return v(e)===o},$p.isSuspense=function(e){return v(e)===p},$p.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===r||e===c||e===a||e===o||e===p||e===d||"object"==typeof e&&null!==e&&(e.$$typeof===m||e.$$typeof===f||e.$$typeof===i||e.$$typeof===s||e.$$typeof===u||e.$$typeof===g||e.$$typeof===y||e.$$typeof===b||e.$$typeof===h)},$p.typeOf=v,$p}():e.exports=(xp||(xp=1,"production"!==Us.env.NODE_ENV&&function(){var e="function"==typeof Symbol&&Symbol.for,t=e?Symbol.for("react.element"):60103,n=e?Symbol.for("react.portal"):60106,r=e?Symbol.for("react.fragment"):60107,o=e?Symbol.for("react.strict_mode"):60108,a=e?Symbol.for("react.profiler"):60114,i=e?Symbol.for("react.provider"):60109,s=e?Symbol.for("react.context"):60110,l=e?Symbol.for("react.async_mode"):60111,c=e?Symbol.for("react.concurrent_mode"):60111,u=e?Symbol.for("react.forward_ref"):60112,p=e?Symbol.for("react.suspense"):60113,d=e?Symbol.for("react.suspense_list"):60120,f=e?Symbol.for("react.memo"):60115,m=e?Symbol.for("react.lazy"):60116,h=e?Symbol.for("react.block"):60121,g=e?Symbol.for("react.fundamental"):60117,y=e?Symbol.for("react.responder"):60118,b=e?Symbol.for("react.scope"):60119;function v(e){if("object"==typeof e&&null!==e){var d=e.$$typeof;switch(d){case t:var h=e.type;switch(h){case l:case c:case r:case a:case o:case p:return h;default:var g=h&&h.$$typeof;switch(g){case s:case u:case m:case f:case i:return g;default:return d}}case n:return d}}}var w=l,k=c,x=s,S=i,_=t,E=u,C=r,A=m,O=f,T=n,P=a,j=o,N=p,R=!1;function L(e){return v(e)===c}qp.AsyncMode=w,qp.ConcurrentMode=k,qp.ContextConsumer=x,qp.ContextProvider=S,qp.Element=_,qp.ForwardRef=E,qp.Fragment=C,qp.Lazy=A,qp.Memo=O,qp.Portal=T,qp.Profiler=P,qp.StrictMode=j,qp.Suspense=N,qp.isAsyncMode=function(e){return R||(R=!0,pt.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),L(e)||v(e)===l},qp.isConcurrentMode=L,qp.isContextConsumer=function(e){return v(e)===s},qp.isContextProvider=function(e){return v(e)===i},qp.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},qp.isForwardRef=function(e){return v(e)===u},qp.isFragment=function(e){return v(e)===r},qp.isLazy=function(e){return v(e)===m},qp.isMemo=function(e){return v(e)===f},qp.isPortal=function(e){return v(e)===n},qp.isProfiler=function(e){return v(e)===a},qp.isStrictMode=function(e){return v(e)===o},qp.isSuspense=function(e){return v(e)===p},qp.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===r||e===c||e===a||e===o||e===p||e===d||"object"==typeof e&&null!==e&&(e.$$typeof===m||e.$$typeof===f||e.$$typeof===i||e.$$typeof===s||e.$$typeof===u||e.$$typeof===g||e.$$typeof===y||e.$$typeof===b||e.$$typeof===h)},qp.typeOf=v}()),qp)),zp;var e}function Hp(){return Ap?Cp:(Ap=1,Cp="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}function Vp(){return Tp?Op:(Tp=1,Op=Function.call.bind(Object.prototype.hasOwnProperty))}if("production"!==Us.env.NODE_ENV){var Gp=Up();Mp.exports=function(){if(Rp)return Np;Rp=1;var e=Up(),t=function(){if(Ep)return _p;Ep=1;var e=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable;return _p=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;var r=Object.getOwnPropertyNames(t).map((function(e){return t[e]}));if("0123456789"!==r.join(""))return!1;var o={};return"abcdefghijklmnopqrst".split("").forEach((function(e){o[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},o)).join("")}catch(e){return!1}}()?Object.assign:function(r,o){for(var a,i,s=function(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(r),l=1;l1?"Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).":"Invalid argument supplied to oneOf, expected an array."),i)},oneOfType:function(e){if(!Array.isArray(e))return"production"!==Us.env.NODE_ENV&&a("Invalid argument supplied to oneOfType, expected an instance of array."),i;for(var t=0;t0?", expected one of type ["+l.join(", ")+"]":"")+".")}))},shape:function(e){return m((function(t,r,o,a,i){var s=t[r],l=b(s);if("object"!==l)return new f("Invalid "+a+" `"+i+"` of type `"+l+"` supplied to `"+o+"`, expected `object`.");for(var c in e){var u=e[c];if("function"!=typeof u)return g(o,a,i,c,v(u));var p=u(s,c,o,a,i+"."+c,n);if(p)return p}return null}))},exact:function(e){return m((function(o,a,i,s,l){var c=o[a],u=b(c);if("object"!==u)return new f("Invalid "+s+" `"+l+"` of type `"+u+"` supplied to `"+i+"`, expected `object`.");var p=t({},o[a],e);for(var d in p){var m=e[d];if(r(e,d)&&"function"!=typeof m)return g(i,s,l,d,v(m));if(!m)return new f("Invalid "+s+" `"+l+"` key `"+d+"` supplied to `"+i+"`.\nBad object: "+JSON.stringify(o[a],null," ")+"\nValid keys: "+JSON.stringify(Object.keys(e),null," "));var h=m(c,d,i,s,l+"."+d,n);if(h)return h}return null}))}};function d(e,t){return e===t?0!==e||1/e==1/t:e!=e&&t!=t}function f(e,t){this.message=e,this.data=t&&"object"==typeof t?t:{},this.stack=""}function m(e){if("production"!==Us.env.NODE_ENV)var t={},r=0;function o(o,i,s,c,p,d,m){if(c=c||u,d=d||s,m!==n){if(l){var h=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");throw h.name="Invariant Violation",h}if("production"!==Us.env.NODE_ENV&&void 0!==pt){var g=c+":"+s;!t[g]&&r<3&&(a("You are manually calling a React.PropTypes validation function for the `"+d+"` prop on `"+c+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),t[g]=!0,r++)}}return null==i[s]?o?null===i[s]?new f("The "+p+" `"+d+"` is marked as required in `"+c+"`, but its value is `null`."):new f("The "+p+" `"+d+"` is marked as required in `"+c+"`, but its value is `undefined`."):null:e(i,s,c,p,d)}var i=o.bind(null,!1);return i.isRequired=o.bind(null,!0),i}function h(e){return m((function(t,n,r,o,a,i){var s=t[n];return b(s)!==e?new f("Invalid "+o+" `"+a+"` of type `"+v(s)+"` supplied to `"+r+"`, expected `"+e+"`.",{expectedType:e}):null}))}function g(e,t,n,r,o){return new f((e||"React class")+": "+t+" type `"+n+"."+r+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+o+"`.")}function y(e){switch(typeof e){case"number":case"string":case"undefined":return!0;case"boolean":return!e;case"object":if(Array.isArray(e))return e.every(y);if(null===e||s(e))return!0;var t=function(e){var t=e&&(c&&e[c]||e["@@iterator"]);if("function"==typeof t)return t}(e);if(!t)return!1;var n,r=t.call(e);if(t!==e.entries){for(;!(n=r.next()).done;)if(!y(n.value))return!1}else for(;!(n=r.next()).done;){var o=n.value;if(o&&!y(o[1]))return!1}return!0;default:return!1}}function b(e){var t=typeof e;return Array.isArray(e)?"array":e instanceof RegExp?"object":function(e,t){return"symbol"===e||!!t&&("Symbol"===t["@@toStringTag"]||"function"==typeof Symbol&&t instanceof Symbol)}(t,e)?"symbol":t}function v(e){if(null==e)return""+e;var t=b(e);if("object"===t){if(e instanceof Date)return"date";if(e instanceof RegExp)return"regexp"}return t}function w(e){var t=v(e);switch(t){case"array":case"object":return"an "+t;case"boolean":case"date":case"regexp":return"a "+t;default:return t}}return f.prototype=Error.prototype,p.checkPropTypes=o,p.resetWarningCache=o.resetWarningCache,p.PropTypes=p,p},Np}()(Gp.isElement,!0)}else Mp.exports=function(){if(Ip)return Lp;Ip=1;var e=Hp();function t(){}function n(){}return n.resetWarningCache=t,Lp=function(){function r(t,n,r,o,a,i){if(i!==e){var s=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name="Invariant Violation",s}}function o(){return r}r.isRequired=r;var a={array:r,bigint:r,bool:r,func:r,number:r,object:r,string:r,symbol:r,any:r,arrayOf:o,element:r,elementType:r,instanceOf:o,node:r,objectOf:o,oneOf:o,oneOfType:o,shape:o,exact:o,checkPropTypes:n,resetWarningCache:t};return a.PropTypes=a,a}}()();class Wp{constructor(e,t,n){this.property=e,this.normal=t,n&&(this.space=n)}}function Yp(e,t){const n={},r={};let o=-1;for(;++o"xlink:"+t.slice(5).toLowerCase(),properties:{xLinkActuate:null,xLinkArcRole:null,xLinkHref:null,xLinkRole:null,xLinkShow:null,xLinkTitle:null,xLinkType:null}}),fd=pd({space:"xml",transform:(e,t)=>"xml:"+t.slice(3).toLowerCase(),properties:{xmlLang:null,xmlBase:null,xmlSpace:null}});function md(e,t){return t in e?e[t]:t}function hd(e,t){return md(e,t.toLowerCase())}const gd=pd({space:"xmlns",attributes:{xmlnsxlink:"xmlns:xlink"},transform:hd,properties:{xmlns:null,xmlnsXLink:null}}),yd=pd({transform:(e,t)=>"role"===t?t:"aria-"+t.slice(4).toLowerCase(),properties:{ariaActiveDescendant:null,ariaAtomic:Jp,ariaAutoComplete:null,ariaBusy:Jp,ariaChecked:Jp,ariaColCount:td,ariaColIndex:td,ariaColSpan:td,ariaControls:nd,ariaCurrent:null,ariaDescribedBy:nd,ariaDetails:null,ariaDisabled:Jp,ariaDropEffect:nd,ariaErrorMessage:null,ariaExpanded:Jp,ariaFlowTo:nd,ariaGrabbed:Jp,ariaHasPopup:null,ariaHidden:Jp,ariaInvalid:null,ariaKeyShortcuts:null,ariaLabel:null,ariaLabelledBy:nd,ariaLevel:td,ariaLive:null,ariaModal:Jp,ariaMultiLine:Jp,ariaMultiSelectable:Jp,ariaOrientation:null,ariaOwns:nd,ariaPlaceholder:null,ariaPosInSet:td,ariaPressed:Jp,ariaReadOnly:Jp,ariaRelevant:null,ariaRequired:Jp,ariaRoleDescription:nd,ariaRowCount:td,ariaRowIndex:td,ariaRowSpan:td,ariaSelected:Jp,ariaSetSize:td,ariaSort:null,ariaValueMax:td,ariaValueMin:td,ariaValueNow:td,ariaValueText:null,role:null}}),bd=pd({space:"html",attributes:{acceptcharset:"accept-charset",classname:"class",htmlfor:"for",httpequiv:"http-equiv"},transform:hd,mustUseProperty:["checked","multiple","muted","selected"],properties:{abbr:null,accept:rd,acceptCharset:nd,accessKey:nd,action:null,allow:null,allowFullScreen:Zp,allowPaymentRequest:Zp,allowUserMedia:Zp,alt:null,as:null,async:Zp,autoCapitalize:null,autoComplete:nd,autoFocus:Zp,autoPlay:Zp,capture:Zp,charSet:null,checked:Zp,cite:null,className:nd,cols:td,colSpan:null,content:null,contentEditable:Jp,controls:Zp,controlsList:nd,coords:td|rd,crossOrigin:null,data:null,dateTime:null,decoding:null,default:Zp,defer:Zp,dir:null,dirName:null,disabled:Zp,download:ed,draggable:Jp,encType:null,enterKeyHint:null,form:null,formAction:null,formEncType:null,formMethod:null,formNoValidate:Zp,formTarget:null,headers:nd,height:td,hidden:Zp,high:td,href:null,hrefLang:null,htmlFor:nd,httpEquiv:nd,id:null,imageSizes:null,imageSrcSet:null,inputMode:null,integrity:null,is:null,isMap:Zp,itemId:null,itemProp:nd,itemRef:nd,itemScope:Zp,itemType:nd,kind:null,label:null,lang:null,language:null,list:null,loading:null,loop:Zp,low:td,manifest:null,max:null,maxLength:td,media:null,method:null,min:null,minLength:td,multiple:Zp,muted:Zp,name:null,nonce:null,noModule:Zp,noValidate:Zp,onAbort:null,onAfterPrint:null,onAuxClick:null,onBeforeMatch:null,onBeforePrint:null,onBeforeUnload:null,onBlur:null,onCancel:null,onCanPlay:null,onCanPlayThrough:null,onChange:null,onClick:null,onClose:null,onContextLost:null,onContextMenu:null,onContextRestored:null,onCopy:null,onCueChange:null,onCut:null,onDblClick:null,onDrag:null,onDragEnd:null,onDragEnter:null,onDragExit:null,onDragLeave:null,onDragOver:null,onDragStart:null,onDrop:null,onDurationChange:null,onEmptied:null,onEnded:null,onError:null,onFocus:null,onFormData:null,onHashChange:null,onInput:null,onInvalid:null,onKeyDown:null,onKeyPress:null,onKeyUp:null,onLanguageChange:null,onLoad:null,onLoadedData:null,onLoadedMetadata:null,onLoadEnd:null,onLoadStart:null,onMessage:null,onMessageError:null,onMouseDown:null,onMouseEnter:null,onMouseLeave:null,onMouseMove:null,onMouseOut:null,onMouseOver:null,onMouseUp:null,onOffline:null,onOnline:null,onPageHide:null,onPageShow:null,onPaste:null,onPause:null,onPlay:null,onPlaying:null,onPopState:null,onProgress:null,onRateChange:null,onRejectionHandled:null,onReset:null,onResize:null,onScroll:null,onScrollEnd:null,onSecurityPolicyViolation:null,onSeeked:null,onSeeking:null,onSelect:null,onSlotChange:null,onStalled:null,onStorage:null,onSubmit:null,onSuspend:null,onTimeUpdate:null,onToggle:null,onUnhandledRejection:null,onUnload:null,onVolumeChange:null,onWaiting:null,onWheel:null,open:Zp,optimum:td,pattern:null,ping:nd,placeholder:null,playsInline:Zp,poster:null,preload:null,readOnly:Zp,referrerPolicy:null,rel:nd,required:Zp,reversed:Zp,rows:td,rowSpan:td,sandbox:nd,scope:null,scoped:Zp,seamless:Zp,selected:Zp,shape:null,size:td,sizes:null,slot:null,span:td,spellCheck:Jp,src:null,srcDoc:null,srcLang:null,srcSet:null,start:td,step:null,style:null,tabIndex:td,target:null,title:null,translate:null,type:null,typeMustMatch:Zp,useMap:null,value:Jp,width:td,wrap:null,align:null,aLink:null,archive:nd,axis:null,background:null,bgColor:null,border:td,borderColor:null,bottomMargin:td,cellPadding:null,cellSpacing:null,char:null,charOff:null,classId:null,clear:null,code:null,codeBase:null,codeType:null,color:null,compact:Zp,declare:Zp,event:null,face:null,frame:null,frameBorder:null,hSpace:td,leftMargin:td,link:null,longDesc:null,lowSrc:null,marginHeight:td,marginWidth:td,noResize:Zp,noHref:Zp,noShade:Zp,noWrap:Zp,object:null,profile:null,prompt:null,rev:null,rightMargin:td,rules:null,scheme:null,scrolling:Jp,standby:null,summary:null,text:null,topMargin:td,valueType:null,version:null,vAlign:null,vLink:null,vSpace:td,allowTransparency:null,autoCorrect:null,autoSave:null,disablePictureInPicture:Zp,disableRemotePlayback:Zp,prefix:null,property:null,results:td,security:null,unselectable:null}}),vd=pd({space:"svg",attributes:{accentHeight:"accent-height",alignmentBaseline:"alignment-baseline",arabicForm:"arabic-form",baselineShift:"baseline-shift",capHeight:"cap-height",className:"class",clipPath:"clip-path",clipRule:"clip-rule",colorInterpolation:"color-interpolation",colorInterpolationFilters:"color-interpolation-filters",colorProfile:"color-profile",colorRendering:"color-rendering",crossOrigin:"crossorigin",dataType:"datatype",dominantBaseline:"dominant-baseline",enableBackground:"enable-background",fillOpacity:"fill-opacity",fillRule:"fill-rule",floodColor:"flood-color",floodOpacity:"flood-opacity",fontFamily:"font-family",fontSize:"font-size",fontSizeAdjust:"font-size-adjust",fontStretch:"font-stretch",fontStyle:"font-style",fontVariant:"font-variant",fontWeight:"font-weight",glyphName:"glyph-name",glyphOrientationHorizontal:"glyph-orientation-horizontal",glyphOrientationVertical:"glyph-orientation-vertical",hrefLang:"hreflang",horizAdvX:"horiz-adv-x",horizOriginX:"horiz-origin-x",horizOriginY:"horiz-origin-y",imageRendering:"image-rendering",letterSpacing:"letter-spacing",lightingColor:"lighting-color",markerEnd:"marker-end",markerMid:"marker-mid",markerStart:"marker-start",navDown:"nav-down",navDownLeft:"nav-down-left",navDownRight:"nav-down-right",navLeft:"nav-left",navNext:"nav-next",navPrev:"nav-prev",navRight:"nav-right",navUp:"nav-up",navUpLeft:"nav-up-left",navUpRight:"nav-up-right",onAbort:"onabort",onActivate:"onactivate",onAfterPrint:"onafterprint",onBeforePrint:"onbeforeprint",onBegin:"onbegin",onCancel:"oncancel",onCanPlay:"oncanplay",onCanPlayThrough:"oncanplaythrough",onChange:"onchange",onClick:"onclick",onClose:"onclose",onCopy:"oncopy",onCueChange:"oncuechange",onCut:"oncut",onDblClick:"ondblclick",onDrag:"ondrag",onDragEnd:"ondragend",onDragEnter:"ondragenter",onDragExit:"ondragexit",onDragLeave:"ondragleave",onDragOver:"ondragover",onDragStart:"ondragstart",onDrop:"ondrop",onDurationChange:"ondurationchange",onEmptied:"onemptied",onEnd:"onend",onEnded:"onended",onError:"onerror",onFocus:"onfocus",onFocusIn:"onfocusin",onFocusOut:"onfocusout",onHashChange:"onhashchange",onInput:"oninput",onInvalid:"oninvalid",onKeyDown:"onkeydown",onKeyPress:"onkeypress",onKeyUp:"onkeyup",onLoad:"onload",onLoadedData:"onloadeddata",onLoadedMetadata:"onloadedmetadata",onLoadStart:"onloadstart",onMessage:"onmessage",onMouseDown:"onmousedown",onMouseEnter:"onmouseenter",onMouseLeave:"onmouseleave",onMouseMove:"onmousemove",onMouseOut:"onmouseout",onMouseOver:"onmouseover",onMouseUp:"onmouseup",onMouseWheel:"onmousewheel",onOffline:"onoffline",onOnline:"ononline",onPageHide:"onpagehide",onPageShow:"onpageshow",onPaste:"onpaste",onPause:"onpause",onPlay:"onplay",onPlaying:"onplaying",onPopState:"onpopstate",onProgress:"onprogress",onRateChange:"onratechange",onRepeat:"onrepeat",onReset:"onreset",onResize:"onresize",onScroll:"onscroll",onSeeked:"onseeked",onSeeking:"onseeking",onSelect:"onselect",onShow:"onshow",onStalled:"onstalled",onStorage:"onstorage",onSubmit:"onsubmit",onSuspend:"onsuspend",onTimeUpdate:"ontimeupdate",onToggle:"ontoggle",onUnload:"onunload",onVolumeChange:"onvolumechange",onWaiting:"onwaiting",onZoom:"onzoom",overlinePosition:"overline-position",overlineThickness:"overline-thickness",paintOrder:"paint-order",panose1:"panose-1",pointerEvents:"pointer-events",referrerPolicy:"referrerpolicy",renderingIntent:"rendering-intent",shapeRendering:"shape-rendering",stopColor:"stop-color",stopOpacity:"stop-opacity",strikethroughPosition:"strikethrough-position",strikethroughThickness:"strikethrough-thickness",strokeDashArray:"stroke-dasharray",strokeDashOffset:"stroke-dashoffset",strokeLineCap:"stroke-linecap",strokeLineJoin:"stroke-linejoin",strokeMiterLimit:"stroke-miterlimit",strokeOpacity:"stroke-opacity",strokeWidth:"stroke-width",tabIndex:"tabindex",textAnchor:"text-anchor",textDecoration:"text-decoration",textRendering:"text-rendering",typeOf:"typeof",underlinePosition:"underline-position",underlineThickness:"underline-thickness",unicodeBidi:"unicode-bidi",unicodeRange:"unicode-range",unitsPerEm:"units-per-em",vAlphabetic:"v-alphabetic",vHanging:"v-hanging",vIdeographic:"v-ideographic",vMathematical:"v-mathematical",vectorEffect:"vector-effect",vertAdvY:"vert-adv-y",vertOriginX:"vert-origin-x",vertOriginY:"vert-origin-y",wordSpacing:"word-spacing",writingMode:"writing-mode",xHeight:"x-height",playbackOrder:"playbackorder",timelineBegin:"timelinebegin"},transform:md,properties:{about:od,accentHeight:td,accumulate:null,additive:null,alignmentBaseline:null,alphabetic:td,amplitude:td,arabicForm:null,ascent:td,attributeName:null,attributeType:null,azimuth:td,bandwidth:null,baselineShift:null,baseFrequency:null,baseProfile:null,bbox:null,begin:null,bias:td,by:null,calcMode:null,capHeight:td,className:nd,clip:null,clipPath:null,clipPathUnits:null,clipRule:null,color:null,colorInterpolation:null,colorInterpolationFilters:null,colorProfile:null,colorRendering:null,content:null,contentScriptType:null,contentStyleType:null,crossOrigin:null,cursor:null,cx:null,cy:null,d:null,dataType:null,defaultAction:null,descent:td,diffuseConstant:td,direction:null,display:null,dur:null,divisor:td,dominantBaseline:null,download:Zp,dx:null,dy:null,edgeMode:null,editable:null,elevation:td,enableBackground:null,end:null,event:null,exponent:td,externalResourcesRequired:null,fill:null,fillOpacity:td,fillRule:null,filter:null,filterRes:null,filterUnits:null,floodColor:null,floodOpacity:null,focusable:null,focusHighlight:null,fontFamily:null,fontSize:null,fontSizeAdjust:null,fontStretch:null,fontStyle:null,fontVariant:null,fontWeight:null,format:null,fr:null,from:null,fx:null,fy:null,g1:rd,g2:rd,glyphName:rd,glyphOrientationHorizontal:null,glyphOrientationVertical:null,glyphRef:null,gradientTransform:null,gradientUnits:null,handler:null,hanging:td,hatchContentUnits:null,hatchUnits:null,height:null,href:null,hrefLang:null,horizAdvX:td,horizOriginX:td,horizOriginY:td,id:null,ideographic:td,imageRendering:null,initialVisibility:null,in:null,in2:null,intercept:td,k:td,k1:td,k2:td,k3:td,k4:td,kernelMatrix:od,kernelUnitLength:null,keyPoints:null,keySplines:null,keyTimes:null,kerning:null,lang:null,lengthAdjust:null,letterSpacing:null,lightingColor:null,limitingConeAngle:td,local:null,markerEnd:null,markerMid:null,markerStart:null,markerHeight:null,markerUnits:null,markerWidth:null,mask:null,maskContentUnits:null,maskUnits:null,mathematical:null,max:null,media:null,mediaCharacterEncoding:null,mediaContentEncodings:null,mediaSize:td,mediaTime:null,method:null,min:null,mode:null,name:null,navDown:null,navDownLeft:null,navDownRight:null,navLeft:null,navNext:null,navPrev:null,navRight:null,navUp:null,navUpLeft:null,navUpRight:null,numOctaves:null,observer:null,offset:null,onAbort:null,onActivate:null,onAfterPrint:null,onBeforePrint:null,onBegin:null,onCancel:null,onCanPlay:null,onCanPlayThrough:null,onChange:null,onClick:null,onClose:null,onCopy:null,onCueChange:null,onCut:null,onDblClick:null,onDrag:null,onDragEnd:null,onDragEnter:null,onDragExit:null,onDragLeave:null,onDragOver:null,onDragStart:null,onDrop:null,onDurationChange:null,onEmptied:null,onEnd:null,onEnded:null,onError:null,onFocus:null,onFocusIn:null,onFocusOut:null,onHashChange:null,onInput:null,onInvalid:null,onKeyDown:null,onKeyPress:null,onKeyUp:null,onLoad:null,onLoadedData:null,onLoadedMetadata:null,onLoadStart:null,onMessage:null,onMouseDown:null,onMouseEnter:null,onMouseLeave:null,onMouseMove:null,onMouseOut:null,onMouseOver:null,onMouseUp:null,onMouseWheel:null,onOffline:null,onOnline:null,onPageHide:null,onPageShow:null,onPaste:null,onPause:null,onPlay:null,onPlaying:null,onPopState:null,onProgress:null,onRateChange:null,onRepeat:null,onReset:null,onResize:null,onScroll:null,onSeeked:null,onSeeking:null,onSelect:null,onShow:null,onStalled:null,onStorage:null,onSubmit:null,onSuspend:null,onTimeUpdate:null,onToggle:null,onUnload:null,onVolumeChange:null,onWaiting:null,onZoom:null,opacity:null,operator:null,order:null,orient:null,orientation:null,origin:null,overflow:null,overlay:null,overlinePosition:td,overlineThickness:td,paintOrder:null,panose1:null,path:null,pathLength:td,patternContentUnits:null,patternTransform:null,patternUnits:null,phase:null,ping:nd,pitch:null,playbackOrder:null,pointerEvents:null,points:null,pointsAtX:td,pointsAtY:td,pointsAtZ:td,preserveAlpha:null,preserveAspectRatio:null,primitiveUnits:null,propagate:null,property:od,r:null,radius:null,referrerPolicy:null,refX:null,refY:null,rel:od,rev:od,renderingIntent:null,repeatCount:null,repeatDur:null,requiredExtensions:od,requiredFeatures:od,requiredFonts:od,requiredFormats:od,resource:null,restart:null,result:null,rotate:null,rx:null,ry:null,scale:null,seed:null,shapeRendering:null,side:null,slope:null,snapshotTime:null,specularConstant:td,specularExponent:td,spreadMethod:null,spacing:null,startOffset:null,stdDeviation:null,stemh:null,stemv:null,stitchTiles:null,stopColor:null,stopOpacity:null,strikethroughPosition:td,strikethroughThickness:td,string:null,stroke:null,strokeDashArray:od,strokeDashOffset:null,strokeLineCap:null,strokeLineJoin:null,strokeMiterLimit:td,strokeOpacity:td,strokeWidth:null,style:null,surfaceScale:td,syncBehavior:null,syncBehaviorDefault:null,syncMaster:null,syncTolerance:null,syncToleranceDefault:null,systemLanguage:od,tabIndex:td,tableValues:null,target:null,targetX:td,targetY:td,textAnchor:null,textDecoration:null,textRendering:null,textLength:null,timelineBegin:null,title:null,transformBehavior:null,type:null,typeOf:od,to:null,transform:null,u1:null,u2:null,underlinePosition:td,underlineThickness:td,unicode:null,unicodeBidi:null,unicodeRange:null,unitsPerEm:td,values:null,vAlphabetic:td,vMathematical:td,vectorEffect:null,vHanging:td,vIdeographic:td,version:null,vertAdvY:td,vertOriginX:td,vertOriginY:td,viewBox:null,viewTarget:null,visibility:null,width:null,widths:null,wordSpacing:null,writingMode:null,x:null,x1:null,x2:null,xChannelSelector:null,xHeight:td,y:null,y1:null,y2:null,yChannelSelector:null,z:null,zoomAndPan:null}}),wd=/^data[-\w.:]+$/i,kd=/-[a-z]/g,xd=/[A-Z]/g;function Sd(e){return"-"+e.toLowerCase()}function _d(e){return e.charAt(1).toUpperCase()}const Ed={classId:"classID",dataType:"datatype",itemId:"itemID",strokeDashArray:"strokeDasharray",strokeDashOffset:"strokeDashoffset",strokeLineCap:"strokeLinecap",strokeLineJoin:"strokeLinejoin",strokeMiterLimit:"strokeMiterlimit",typeOf:"typeof",xLinkActuate:"xlinkActuate",xLinkArcRole:"xlinkArcrole",xLinkHref:"xlinkHref",xLinkRole:"xlinkRole",xLinkShow:"xlinkShow",xLinkTitle:"xlinkTitle",xLinkType:"xlinkType",xmlnsXLink:"xmlnsXlink"},Cd=Yp([fd,dd,gd,yd,bd],"html"),Ad=Yp([fd,dd,gd,yd,vd],"svg"),Od=function(e,t,n,r){"function"==typeof t&&"function"!=typeof n&&(r=n,n=t,t=null),up(e,t,(function(e,t){const r=t[t.length-1];return n(e,r?r.children.indexOf(e):null,r)}),r)};function Td(e){if(e.allowedElements&&e.disallowedElements)throw new TypeError("Only one of `allowedElements` and `disallowedElements` should be defined");if(e.allowedElements||e.disallowedElements||e.allowElement)return t=>{Od(t,"element",((t,n,r)=>{const o=r;let a;if(e.allowedElements?a=!e.allowedElements.includes(t.tagName):e.disallowedElements&&(a=e.disallowedElements.includes(t.tagName)),!a&&e.allowElement&&"number"==typeof n&&(a=!e.allowElement(t,n,o)),a&&"number"==typeof n)return e.unwrapDisallowed&&t.children?o.children.splice(n,1,...t.children):o.children.splice(n,1),n}))}}var Pd,jd,Nd,Rd={},Ld={get exports(){return Rd},set exports(e){Rd=e}},Id={},Fd={};Nd=Ld,"production"===Us.env.NODE_ENV?Nd.exports=function(){if(Pd)return Id;Pd=1;var e,t=Symbol.for("react.element"),n=Symbol.for("react.portal"),r=Symbol.for("react.fragment"),o=Symbol.for("react.strict_mode"),a=Symbol.for("react.profiler"),i=Symbol.for("react.provider"),s=Symbol.for("react.context"),l=Symbol.for("react.server_context"),c=Symbol.for("react.forward_ref"),u=Symbol.for("react.suspense"),p=Symbol.for("react.suspense_list"),d=Symbol.for("react.memo"),f=Symbol.for("react.lazy"),m=Symbol.for("react.offscreen");function h(e){if("object"==typeof e&&null!==e){var m=e.$$typeof;switch(m){case t:switch(e=e.type){case r:case a:case o:case u:case p:return e;default:switch(e=e&&e.$$typeof){case l:case s:case c:case f:case d:case i:return e;default:return m}}case n:return m}}}return e=Symbol.for("react.module.reference"),Id.ContextConsumer=s,Id.ContextProvider=i,Id.Element=t,Id.ForwardRef=c,Id.Fragment=r,Id.Lazy=f,Id.Memo=d,Id.Portal=n,Id.Profiler=a,Id.StrictMode=o,Id.Suspense=u,Id.SuspenseList=p,Id.isAsyncMode=function(){return!1},Id.isConcurrentMode=function(){return!1},Id.isContextConsumer=function(e){return h(e)===s},Id.isContextProvider=function(e){return h(e)===i},Id.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},Id.isForwardRef=function(e){return h(e)===c},Id.isFragment=function(e){return h(e)===r},Id.isLazy=function(e){return h(e)===f},Id.isMemo=function(e){return h(e)===d},Id.isPortal=function(e){return h(e)===n},Id.isProfiler=function(e){return h(e)===a},Id.isStrictMode=function(e){return h(e)===o},Id.isSuspense=function(e){return h(e)===u},Id.isSuspenseList=function(e){return h(e)===p},Id.isValidElementType=function(t){return"string"==typeof t||"function"==typeof t||t===r||t===a||t===o||t===u||t===p||t===m||"object"==typeof t&&null!==t&&(t.$$typeof===f||t.$$typeof===d||t.$$typeof===i||t.$$typeof===s||t.$$typeof===c||t.$$typeof===e||void 0!==t.getModuleId)},Id.typeOf=h,Id}():Nd.exports=(jd||(jd=1,"production"!==Us.env.NODE_ENV&&function(){var e,t=Symbol.for("react.element"),n=Symbol.for("react.portal"),r=Symbol.for("react.fragment"),o=Symbol.for("react.strict_mode"),a=Symbol.for("react.profiler"),i=Symbol.for("react.provider"),s=Symbol.for("react.context"),l=Symbol.for("react.server_context"),c=Symbol.for("react.forward_ref"),u=Symbol.for("react.suspense"),p=Symbol.for("react.suspense_list"),d=Symbol.for("react.memo"),f=Symbol.for("react.lazy"),m=Symbol.for("react.offscreen");function h(e){if("object"==typeof e&&null!==e){var m=e.$$typeof;switch(m){case t:var h=e.type;switch(h){case r:case a:case o:case u:case p:return h;default:var g=h&&h.$$typeof;switch(g){case l:case s:case c:case f:case d:case i:return g;default:return m}}case n:return m}}}e=Symbol.for("react.module.reference");var g=s,y=i,b=t,v=c,w=r,k=f,x=d,S=n,_=a,E=o,C=u,A=p,O=!1,T=!1;Fd.ContextConsumer=g,Fd.ContextProvider=y,Fd.Element=b,Fd.ForwardRef=v,Fd.Fragment=w,Fd.Lazy=k,Fd.Memo=x,Fd.Portal=S,Fd.Profiler=_,Fd.StrictMode=E,Fd.Suspense=C,Fd.SuspenseList=A,Fd.isAsyncMode=function(e){return O||(O=!0,pt.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.")),!1},Fd.isConcurrentMode=function(e){return T||(T=!0,pt.warn("The ReactIs.isConcurrentMode() alias has been deprecated, and will be removed in React 18+.")),!1},Fd.isContextConsumer=function(e){return h(e)===s},Fd.isContextProvider=function(e){return h(e)===i},Fd.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},Fd.isForwardRef=function(e){return h(e)===c},Fd.isFragment=function(e){return h(e)===r},Fd.isLazy=function(e){return h(e)===f},Fd.isMemo=function(e){return h(e)===d},Fd.isPortal=function(e){return h(e)===n},Fd.isProfiler=function(e){return h(e)===a},Fd.isStrictMode=function(e){return h(e)===o},Fd.isSuspense=function(e){return h(e)===u},Fd.isSuspenseList=function(e){return h(e)===p},Fd.isValidElementType=function(t){return"string"==typeof t||"function"==typeof t||!(t!==r&&t!==a&&t!==o&&t!==u&&t!==p&&t!==m)||"object"==typeof t&&null!==t&&(t.$$typeof===f||t.$$typeof===d||t.$$typeof===i||t.$$typeof===s||t.$$typeof===c||t.$$typeof===e||void 0!==t.getModuleId)},Fd.typeOf=h}()),Fd);var Dd=function(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}(Rd);function Md(e){const t=e&&"object"==typeof e&&"text"===e.type?e.value||"":e;return"string"==typeof t&&""===t.replace(/[ \t\n\f\r]/g,"")}var zd={},Bd={get exports(){return zd},set exports(e){zd=e}},$d=/\/\*[^*]*\*+([^/*][^*]*\*+)*\//g,qd=/\n/g,Ud=/^\s*/,Hd=/^(\*?[-#/*\\\w]+(\[[0-9a-z_-]+\])?)\s*/,Vd=/^:\s*/,Gd=/^((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^)]*?\)|[^};])+)/,Wd=/^[;\s]*/,Yd=/^\s+|\s+$/g,Kd="";function Qd(e){return e?e.replace(Yd,Kd):Kd}function Xd(e,t){var n,r=null;if(!e||"string"!=typeof e)return r;for(var o,a,i=function(e,t){if("string"!=typeof e)throw new TypeError("First argument must be a string");if(!e)return[];t=t||{};var n=1,r=1;function o(e){var t=e.match(qd);t&&(n+=t.length);var o=e.lastIndexOf("\n");r=~o?e.length-o:r+e.length}function a(){var e={line:n,column:r};return function(t){return t.position=new i(e),c(),t}}function i(e){this.start=e,this.end={line:n,column:r},this.source=t.source}function s(o){var a=new Error(t.source+":"+n+":"+r+": "+o);if(a.reason=o,a.filename=t.source,a.line=n,a.column=r,a.source=e,!t.silent)throw a}function l(t){var n=t.exec(e);if(n){var r=n[0];return o(r),e=e.slice(r.length),n}}function c(){l(Ud)}function u(e){var t;for(e=e||[];t=p();)!1!==t&&e.push(t);return e}function p(){var t=a();if("/"==e.charAt(0)&&"*"==e.charAt(1)){for(var n=2;Kd!=e.charAt(n)&&("*"!=e.charAt(n)||"/"!=e.charAt(n+1));)++n;if(n+=2,Kd===e.charAt(n-1))return s("End of comment missing");var i=e.slice(2,n-2);return r+=2,o(i),e=e.slice(n),r+=2,t({type:"comment",comment:i})}}function d(){var e=a(),t=l(Hd);if(t){if(p(),!l(Vd))return s("property missing ':'");var n=l(Gd),r=e({type:"declaration",property:Qd(t[0].replace($d,Kd)),value:n?Qd(n[0].replace($d,Kd)):Kd});return l(Wd),r}}return i.prototype.content=e,c(),function(){var e,t=[];for(u(t);e=d();)!1!==e&&(t.push(e),u(t));return t}()}(e),s="function"==typeof t,l=0,c=i.length;l0?r.createElement(m,c,d):r.createElement(m,c)}function rf(e,t){let n=-1,r=0;for(;++n4&&"data"===n.slice(0,4)&&wd.test(t)){if("-"===t.charAt(4)){const e=t.slice(5).replace(kd,_d);r="data"+e.charAt(0).toUpperCase()+e.slice(1)}else{const e=t.slice(4);if(!kd.test(e)){let n=e.replace(xd,Sd);"-"!==n.charAt(0)&&(n="-"+n),t="data"+n}}o=ld}return new o(r,t)}(r.schema,t);let a=n;null!=a&&a==a&&(Array.isArray(a)&&(a=o.commaSeparated?function(e,t){const n={};return(""===e[e.length-1]?[...e,""]:e).join((n.padRight?" ":"")+","+(!1===n.padLeft?"":" ")).trim()}(a):a.join(" ").trim()),"style"===o.property&&"string"==typeof a&&(a=function(e){const t={};try{Zd(e,(function(e,n){const r="-ms-"===e.slice(0,4)?`ms-${e.slice(4)}`:e;t[r.replace(/-([a-z])/g,af)]=n}))}catch{}return t}(a)),o.space&&o.property?e[Jd.call(Ed,o.property)?Ed[o.property]:o.property]=a:o.attribute&&(e[o.attribute]=a))}function af(e,t){return t.toUpperCase()}const sf={}.hasOwnProperty,lf="https://github.com/remarkjs/react-markdown/blob/main/changelog.md",cf={plugins:{to:"remarkPlugins",id:"change-plugins-to-remarkplugins"},renderers:{to:"components",id:"change-renderers-to-components"},astPlugins:{id:"remove-buggy-html-in-markdown-parser"},allowDangerousHtml:{id:"remove-buggy-html-in-markdown-parser"},escapeHtml:{id:"remove-buggy-html-in-markdown-parser"},source:{to:"children",id:"change-source-to-children"},allowNode:{to:"allowElement",id:"replace-allownode-allowedtypes-and-disallowedtypes"},allowedTypes:{to:"allowedElements",id:"replace-allownode-allowedtypes-and-disallowedtypes"},disallowedTypes:{to:"disallowedElements",id:"replace-allownode-allowedtypes-and-disallowedtypes"},includeNodeIndex:{to:"includeElementIndex",id:"change-includenodeindex-to-includeelementindex"}};function uf(e){for(const r in cf)if(sf.call(cf,r)&&sf.call(e,r)){const e=cf[r];pt.warn(`[react-markdown] Warning: please ${e.to?`use \`${e.to}\` instead of`:"remove"} \`${r}\` (see <${lf}#${e.id}> for more info)`),delete cf[r]}const t=Gl().use(Vu).use(e.remarkPlugins||[]).use(Fp,{...e.remarkRehypeOptions,allowDangerousHtml:!0}).use(e.rehypePlugins||[]).use(Td,e),n=new jl;"string"==typeof e.children?n.value=e.children:void 0!==e.children&&null!==e.children&&pt.warn(`[react-markdown] Warning: please pass a string as \`children\` (not: \`${e.children}\`)`);const o=t.runSync(t.parse(n),n);if("root"!==o.type)throw new TypeError("Expected a `root` node");let a=r.createElement(r.Fragment,{},tf({options:e,schema:Cd,listDepth:0},o));return e.className&&(a=r.createElement("div",{className:e.className},a)),a}uf.propTypes={children:Dp.string,className:Dp.string,allowElement:Dp.func,allowedElements:Dp.arrayOf(Dp.string),disallowedElements:Dp.arrayOf(Dp.string),unwrapDisallowed:Dp.bool,remarkPlugins:Dp.arrayOf(Dp.oneOfType([Dp.object,Dp.func,Dp.arrayOf(Dp.oneOfType([Dp.bool,Dp.string,Dp.object,Dp.func,Dp.arrayOf(Dp.any)]))])),rehypePlugins:Dp.arrayOf(Dp.oneOfType([Dp.object,Dp.func,Dp.arrayOf(Dp.oneOfType([Dp.bool,Dp.string,Dp.object,Dp.func,Dp.arrayOf(Dp.any)]))])),sourcePos:Dp.bool,rawSourcePos:Dp.bool,skipHtml:Dp.bool,includeElementIndex:Dp.bool,transformLinkUri:Dp.oneOfType([Dp.func,Dp.bool]),linkTarget:Dp.oneOfType([Dp.func,Dp.string]),transformImageUri:Dp.func,components:Dp.object};var pf={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},df=r.createContext&&r.createContext(pf),ff=function(){return ff=Object.assign||function(e){for(var t,n=1,r=arguments.length;n0&&!n&&(e[e.length-1][1]._gfmAutolinkLiteralWalkedInto=!0),n}Pf[43]=Tf,Pf[45]=Tf,Pf[46]=Tf,Pf[95]=Tf,Pf[72]=[Tf,Of],Pf[104]=[Tf,Of],Pf[87]=[Tf,Af],Pf[119]=[Tf,Af];const Bf={tokenize:function(e,t,n){const r=this;return xc(e,(function(e){const o=r.events[r.events.length-1];return o&&"gfmFootnoteDefinitionIndent"===o[1].type&&4===o[2].sliceSerialize(o[1],!0).length?t(e):n(e)}),"gfmFootnoteDefinitionIndent",5)},partial:!0};function $f(e,t,n){const r=this;let o=r.events.length;const a=r.parser.gfmFootnotes||(r.parser.gfmFootnotes=[]);let i;for(;o--;){const e=r.events[o][1];if("labelImage"===e.type){i=e;break}if("gfmFootnoteCall"===e.type||"labelLink"===e.type||"label"===e.type||"image"===e.type||"link"===e.type)break}return function(o){if(!i||!i._balanced)return n(o);const s=Qc(r.sliceSerialize({start:i.end,end:r.now()}));return 94===s.charCodeAt(0)&&a.includes(s.slice(1))?(e.enter("gfmFootnoteCallLabelMarker"),e.consume(o),e.exit("gfmFootnoteCallLabelMarker"),t(o)):n(o)}}function qf(e,t){let n=e.length;for(;n--;)if("labelImage"===e[n][1].type&&"enter"===e[n][0]){e[n][1];break}e[n+1][1].type="data",e[n+3][1].type="gfmFootnoteCallLabelMarker";const r={type:"gfmFootnoteCall",start:Object.assign({},e[n+3][1].start),end:Object.assign({},e[e.length-1][1].end)},o={type:"gfmFootnoteCallMarker",start:Object.assign({},e[n+3][1].end),end:Object.assign({},e[n+3][1].end)};o.end.column++,o.end.offset++,o.end._bufferIndex++;const a={type:"gfmFootnoteCallString",start:Object.assign({},o.end),end:Object.assign({},e[e.length-1][1].start)},i={type:"chunkString",contentType:"string",start:Object.assign({},a.start),end:Object.assign({},a.end)},s=[e[n+1],e[n+2],["enter",r,t],e[n+3],e[n+4],["enter",o,t],["exit",o,t],["enter",a,t],["enter",i,t],["exit",i,t],["exit",a,t],e[e.length-2],e[e.length-1],["exit",r,t]];return e.splice(n,e.length-n+1,...s),e}function Uf(e,t,n){const r=this,o=r.parser.gfmFootnotes||(r.parser.gfmFootnotes=[]);let a,i=0;return function(t){return e.enter("gfmFootnoteCall"),e.enter("gfmFootnoteCallLabelMarker"),e.consume(t),e.exit("gfmFootnoteCallLabelMarker"),s};function s(t){return 94!==t?n(t):(e.enter("gfmFootnoteCallMarker"),e.consume(t),e.exit("gfmFootnoteCallMarker"),e.enter("gfmFootnoteCallString"),e.enter("chunkString").contentType="string",l)}function l(s){let u;return null===s||91===s||i++>999?n(s):93===s?a?(e.exit("chunkString"),u=e.exit("gfmFootnoteCallString"),o.includes(Qc(r.sliceSerialize(u)))?function(n){return e.enter("gfmFootnoteCallLabelMarker"),e.consume(n),e.exit("gfmFootnoteCallLabelMarker"),e.exit("gfmFootnoteCall"),t}(s):n(s)):n(s):(e.consume(s),gc(s)||(a=!0),92===s?c:l)}function c(t){return 91===t||92===t||93===t?(e.consume(t),i++,l):l(t)}}function Hf(e,t,n){const r=this,o=r.parser.gfmFootnotes||(r.parser.gfmFootnotes=[]);let a,i,s=0;return function(t){return e.enter("gfmFootnoteDefinition")._container=!0,e.enter("gfmFootnoteDefinitionLabel"),e.enter("gfmFootnoteDefinitionLabelMarker"),e.consume(t),e.exit("gfmFootnoteDefinitionLabelMarker"),l};function l(t){return 94===t?(e.enter("gfmFootnoteDefinitionMarker"),e.consume(t),e.exit("gfmFootnoteDefinitionMarker"),e.enter("gfmFootnoteDefinitionLabelString"),c):n(t)}function c(t){let o;return null===t||91===t||s>999?n(t):93===t?i?(o=e.exit("gfmFootnoteDefinitionLabelString"),a=Qc(r.sliceSerialize(o)),e.enter("gfmFootnoteDefinitionLabelMarker"),e.consume(t),e.exit("gfmFootnoteDefinitionLabelMarker"),e.exit("gfmFootnoteDefinitionLabel"),d):n(t):yc(t)?(e.enter("lineEnding"),e.consume(t),e.exit("lineEnding"),s++,c):(e.enter("chunkString").contentType="string",u(t))}function u(t){return null===t||yc(t)||91===t||93===t||s>999?(e.exit("chunkString"),c(t)):(gc(t)||(i=!0),s++,e.consume(t),92===t?p:u)}function p(t){return 91===t||92===t||93===t?(e.consume(t),s++,u):u(t)}function d(t){return 58===t?(e.enter("definitionMarker"),e.consume(t),e.exit("definitionMarker"),xc(e,f,"gfmFootnoteDefinitionWhitespace")):n(t)}function f(e){return o.includes(a)||o.push(a),t(e)}}function Vf(e,t,n){return e.check(jc,t,e.attempt(Bf,t,n))}function Gf(e){e.exit("gfmFootnoteDefinition")}function Wf(e={}){let t=e.singleTilde;const n={tokenize:function(e,n,r){const o=this.previous,a=this.events;let i=0;return function(t){return 126===o&&"characterEscape"!==a[a.length-1][1].type?r(t):(e.enter("strikethroughSequenceTemporary"),s(t))};function s(a){const l=Cc(o);if(126===a)return i>1?r(a):(e.consume(a),i++,s);if(i<2&&!t)return r(a);const c=e.exit("strikethroughSequenceTemporary"),u=Cc(a);return c._open=!u||2===u&&Boolean(l),c._close=!l||2===l&&Boolean(u),n(a)}},resolveAll:function(e,t){let n=-1;for(;++n=4?n(o):(r._gfmTableDynamicInterruptHack=!0,e.check(r.parser.constructs.flow,(function(e){return r._gfmTableDynamicInterruptHack=!1,n(e)}),(function(e){return r._gfmTableDynamicInterruptHack=!1,t(e)}))(o))}}},resolve:function(e,t){let n,r,o,a,i,s,l,c=-1;for(;++ce}const im="phrasing",sm=["autolink","link","image","label"],lm={transforms:[function(e){!function(e,t,n,r){let o,a;"string"==typeof t||t instanceof RegExp?(a=[[t,n]],o=r):(a=t,o=n),o||(o={});const i=em(o.ignore||[]),s=function(e){const t=[];if("object"!=typeof e)throw new TypeError("Expected array or object as schema");if(Array.isArray(e)){let n=-1;for(;++n0?{type:"text",value:s}:void 0),!1!==s&&(a!==n&&u.push({type:"text",value:e.value.slice(a,n)}),Array.isArray(s)?u.push(...s):s&&u.push(s),a=n+p[0].length,c=!0),!r.global)break;p=r.exec(e.value)}return c?(a?\]}]+$/.exec(e);if(!t)return[e,void 0];e=e.slice(0,t.index);let n=t[0],r=n.indexOf(")");const o=Jf(e,"(");let a=Jf(e,")");for(;-1!==r&&o>a;)e+=n.slice(0,r+1),n=n.slice(r+1),r=n.indexOf(")"),a++;return[e,n]}(n+r);if(!i[0])return!1;const s={type:"link",title:null,url:a+t+i[0],children:[{type:"text",value:t+i[0]}]};return i[1]?[s,{type:"text",value:i[1]}]:s}function dm(e,t,n,r){return!(!fm(r,!0)||/[-\d_]$/.test(n))&&{type:"link",title:null,url:"mailto:"+t+"@"+n,children:[{type:"text",value:t+"@"+n}]}}function fm(e,t){const n=e.input.charCodeAt(e.index-1);return(0===e.index||vc(n)||wc(n))&&(!t||47!==n)}function mm(e){return e.label||!e.identifier?e.label||"":Du(e.identifier)}function hm(e,t,n,r){let o=r.join.length;for(;o--;){const a=r.join[o](e,t,n,r);if(!0===a||1===a)break;if("number"==typeof a)return"\n".repeat(1+a);if(!1===a)return"\n\n\x3c!----\x3e\n\n"}return"\n\n"}const gm=/\r?\n|\r/g;function ym(e){if(!e._compiled){const t=(e.atBreak?"[\\r\\n][\\t ]*":"")+(e.before?"(?:"+e.before+")":"");e._compiled=new RegExp((t?"("+t+")":"")+(/[|\\{}()[\]^$+*?.-]/.test(e.character)?"\\":"")+e.character+(e.after?"(?:"+e.after+")":""),"g")}return e._compiled}function bm(e,t){return vm(e,t.inConstruct,!0)&&!vm(e,t.notInConstruct,!1)}function vm(e,t,n){if("string"==typeof t&&(t=[t]),!t||0===t.length)return n;let r=-1;for(;++r=c||e+10?" ":"")),o.shift(4),a+=o.move(function(e,t){const n=[];let r,o=0,a=0;for(;r=gm.exec(e);)i(e.slice(o,r.index)),n.push(r[0]),o=r.index+r[0].length,a++;return i(e.slice(o)),n.join("");function i(e){n.push(t(e,a,!e))}}(function(e,t,n){const r=t.indexStack,o=e.children||[],a=t.createTracker(n),i=[];let s=-1;for(r.push(-1);++s0&&("\r"===s||"\n"===s)&&"html"===c.type&&(a[a.length-1]=a[a.length-1].replace(/(\r?\n|\r)$/," "),s=" ",l=t.createTracker(n),l.move(a.join(""))),a.push(l.move(t.handle(c,e,t,{...l.current(),before:s,after:u}))),s=a[a.length-1].slice(-1)}return r.pop(),a.join("")}Nm.peek=function(){return"["},Mm.peek=function(){return"~"};const Fm={canContainEols:["delete"],enter:{strikethrough:function(e){this.enter({type:"delete",children:[]},e)}},exit:{strikethrough:function(e){this.exit(e)}}},Dm={unsafe:[{character:"~",inConstruct:"phrasing",notInConstruct:["autolink","destinationLiteral","destinationRaw","reference","titleQuote","titleApostrophe"]}],handlers:{delete:Mm}};function Mm(e,t,n,r){const o=Sm(r),a=n.enter("strikethrough");let i=o.move("~~");return i+=Im(e,n,{...o.current(),before:i,after:"~"}),i+=o.move("~~"),a(),i}function zm(e,t,n){let r=e.value||"",o="`",a=-1;for(;new RegExp("(^|[^`])"+o+"([^`]|$)").test(r);)o+="`";for(/[^ \r\n]/.test(r)&&(/^[ \r\n]/.test(r)&&/[ \r\n]$/.test(r)||/^`|`$/.test(r))&&(r=" "+r+" ");++a"none"===e?null:e)),children:[]},e),this.setData("inTable",!0)},tableData:Hm,tableHeader:Hm,tableRow:function(e){this.enter({type:"tableRow",children:[]},e)}},exit:{codeText:function(e){let t=this.resume();this.getData("inTable")&&(t=t.replace(/\\([\\|])/g,Vm));this.stack[this.stack.length-1].value=t,this.exit(e)},table:function(e){this.exit(e),this.setData("inTable")},tableData:Um,tableHeader:Um,tableRow:Um}};function Um(e){this.exit(e)}function Hm(e){this.enter({type:"tableCell",children:[]},e)}function Vm(e,t){return"|"===t?t:e}function Gm(e){const t=e||{},n=t.tableCellPadding,r=t.tablePipeAlign,o=t.stringLength,a=n?" ":"|";return{unsafe:[{character:"\r",inConstruct:"tableCell"},{character:"\n",inConstruct:"tableCell"},{atBreak:!0,character:"|",after:"[\t :-]"},{character:"|",inConstruct:"tableCell"},{atBreak:!0,character:":",after:"-"},{atBreak:!0,character:"-",after:"[:|-]"}],handlers:{table:function(e,t,n,r){return s(function(e,t,n){const r=e.children;let o=-1;const a=[],i=t.enter("table");for(;++ol&&(l=e[c].length);++ps[p])&&(s[p]=e)}n.push(a)}a[c]=n,i[c]=o}var u;let p=-1;if("object"==typeof n&&"length"in n)for(;++ps[p]&&(s[p]=a),f[p]=a),d[p]=i}a.splice(1,0,d),i.splice(1,0,f),c=-1;const m=[];for(;++c-1?t.start:1)+(!1===n.options.incrementListMarker?0:t.children.indexOf(e))+a);let i=a.length+1;("tab"===o||"mixed"===o&&(t&&"list"===t.type&&t.spread||e.spread))&&(i=4*Math.ceil(i/4));const s=n.createTracker(r);s.move(a+" ".repeat(i-a.length)),s.shift(i);const l=n.enter("listItem"),c=n.indentLines(n.containerFlow(e,s.current()),(function(e,t,n){return t?(n?"":" ".repeat(i))+e:(n?a:a+" ".repeat(i-a.length))+e}));return l(),c}(e,t,n,{...r,...s.current()});return a&&(l=l.replace(/^(?:[*+-]|\d+\.)([\r\n]| {1,3})/,(function(e){return e+i}))),l}}};function Km(e){this.stack[this.stack.length-2].checked="taskListCheckValueChecked"===e.type}function Qm(e={}){const t=this.data();function n(e,n){(t[e]?t[e]:t[e]=[]).push(n)}n("micromarkExtensions",function(e){return ic([jf,{document:{91:{tokenize:Hf,continuation:{tokenize:Vf},exit:Gf}},text:{91:{tokenize:Uf},93:{add:"after",tokenize:$f,resolveTo:qf}}},Wf(e),Yf,Xf])}(e)),n("fromMarkdownExtensions",[lm,{enter:{gfmFootnoteDefinition:_m,gfmFootnoteDefinitionLabelString:Em,gfmFootnoteCall:Om,gfmFootnoteCallString:Tm},exit:{gfmFootnoteDefinition:Am,gfmFootnoteDefinitionLabelString:Cm,gfmFootnoteCall:jm,gfmFootnoteCallString:Pm}},Fm,qm,Wm]),n("toMarkdownExtensions",function(e){return{extensions:[cm,{unsafe:[{character:"[",inConstruct:["phrasing","label","reference"]}],handlers:{footnoteDefinition:Rm,footnoteReference:Nm}},Dm,Gm(e),Ym]}}(e))}var Xm=function(){var e=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,t=0,n={},r={util:{encode:function e(t){return t instanceof o?new o(t.type,e(t.content),t.alias):Array.isArray(t)?t.map(e):t.replace(/&/g,"&").replace(/=p.reach);S+=x.value.length,x=x.next){var _=x.value;if(t.length>e.length)return;if(!(_ instanceof o)){var E,C=1;if(b){if(!(E=a(k,S,e,y))||E.index>=e.length)break;var A=E.index,O=E.index+E[0].length,T=S;for(T+=x.value.length;A>=T;)T+=(x=x.next).value.length;if(S=T-=x.value.length,x.value instanceof o)continue;for(var P=x;P!==t.tail&&(Tp.reach&&(p.reach=L);var I=x.prev;if(N&&(I=l(t,I,N),S+=N.length),c(t,I,C),x=l(t,I,new o(d,g?r.tokenize(j,g):j,v,j)),R&&l(t,x,R),C>1){var F={cause:d+","+m,reach:L};i(e,t,n,x.prev,S,F),p&&F.reach>p.reach&&(p.reach=F.reach)}}}}}}function s(){var e={value:null,prev:null,next:null},t={value:null,prev:e,next:null};e.next=t,this.head=e,this.tail=t,this.length=0}function l(e,t,n){var r=t.next,o={value:n,prev:t,next:r};return t.next=o,r.prev=o,e.length++,o}function c(e,t,n){for(var r=t.next,o=0;o"+a.content+""},r}(),Zm=Xm;Xm.default=Xm,Zm.languages.markup={comment:{pattern://,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern://i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},Zm.languages.markup.tag.inside["attr-value"].inside.entity=Zm.languages.markup.entity,Zm.languages.markup.doctype.inside["internal-subset"].inside=Zm.languages.markup,Zm.hooks.add("wrap",(function(e){"entity"===e.type&&(e.attributes.title=e.content.replace(/&/,"&"))})),Object.defineProperty(Zm.languages.markup.tag,"addInlined",{value:function(e,t){var n={};n["language-"+t]={pattern:/(^$)/i,lookbehind:!0,inside:Zm.languages[t]},n.cdata=/^$/i;var r={"included-cdata":{pattern://i,inside:n}};r["language-"+t]={pattern:/[\s\S]+/,inside:Zm.languages[t]};var o={};o[e]={pattern:RegExp(/(<__[^>]*>)(?:))*\]\]>|(?!)/.source.replace(/__/g,(function(){return e})),"i"),lookbehind:!0,greedy:!0,inside:r},Zm.languages.insertBefore("markup","cdata",o)}}),Object.defineProperty(Zm.languages.markup.tag,"addAttribute",{value:function(e,t){Zm.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+e+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[t,"language-"+t],inside:Zm.languages[t]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),Zm.languages.html=Zm.languages.markup,Zm.languages.mathml=Zm.languages.markup,Zm.languages.svg=Zm.languages.markup,Zm.languages.xml=Zm.languages.extend("markup",{}),Zm.languages.ssml=Zm.languages.xml,Zm.languages.atom=Zm.languages.xml,Zm.languages.rss=Zm.languages.xml,function(e){var t="\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b",n={pattern:/(^(["']?)\w+\2)[ \t]+\S.*/,lookbehind:!0,alias:"punctuation",inside:null},r={bash:n,environment:{pattern:RegExp("\\$"+t),alias:"constant"},variable:[{pattern:/\$?\(\([\s\S]+?\)\)/,greedy:!0,inside:{variable:[{pattern:/(^\$\(\([\s\S]+)\)\)/,lookbehind:!0},/^\$\(\(/],number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee]-?\d+)?/,operator:/--|\+\+|\*\*=?|<<=?|>>=?|&&|\|\||[=!+\-*/%<>^&|]=?|[?~:]/,punctuation:/\(\(?|\)\)?|,|;/}},{pattern:/\$\((?:\([^)]+\)|[^()])+\)|`[^`]+`/,greedy:!0,inside:{variable:/^\$\(|^`|\)$|`$/}},{pattern:/\$\{[^}]+\}/,greedy:!0,inside:{operator:/:[-=?+]?|[!\/]|##?|%%?|\^\^?|,,?/,punctuation:/[\[\]]/,environment:{pattern:RegExp("(\\{)"+t),lookbehind:!0,alias:"constant"}}},/\$(?:\w+|[#?*!@$])/],entity:/\\(?:[abceEfnrtv\\"]|O?[0-7]{1,3}|U[0-9a-fA-F]{8}|u[0-9a-fA-F]{4}|x[0-9a-fA-F]{1,2})/};e.languages.bash={shebang:{pattern:/^#!\s*\/.*/,alias:"important"},comment:{pattern:/(^|[^"{\\$])#.*/,lookbehind:!0},"function-name":[{pattern:/(\bfunction\s+)[\w-]+(?=(?:\s*\(?:\s*\))?\s*\{)/,lookbehind:!0,alias:"function"},{pattern:/\b[\w-]+(?=\s*\(\s*\)\s*\{)/,alias:"function"}],"for-or-select":{pattern:/(\b(?:for|select)\s+)\w+(?=\s+in\s)/,alias:"variable",lookbehind:!0},"assign-left":{pattern:/(^|[\s;|&]|[<>]\()\w+(?=\+?=)/,inside:{environment:{pattern:RegExp("(^|[\\s;|&]|[<>]\\()"+t),lookbehind:!0,alias:"constant"}},alias:"variable",lookbehind:!0},string:[{pattern:/((?:^|[^<])<<-?\s*)(\w+)\s[\s\S]*?(?:\r?\n|\r)\2/,lookbehind:!0,greedy:!0,inside:r},{pattern:/((?:^|[^<])<<-?\s*)(["'])(\w+)\2\s[\s\S]*?(?:\r?\n|\r)\3/,lookbehind:!0,greedy:!0,inside:{bash:n}},{pattern:/(^|[^\\](?:\\\\)*)"(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|[^"\\`$])*"/,lookbehind:!0,greedy:!0,inside:r},{pattern:/(^|[^$\\])'[^']*'/,lookbehind:!0,greedy:!0},{pattern:/\$'(?:[^'\\]|\\[\s\S])*'/,greedy:!0,inside:{entity:r.entity}}],environment:{pattern:RegExp("\\$?"+t),alias:"constant"},variable:r.variable,function:{pattern:/(^|[\s;|&]|[<>]\()(?:add|apropos|apt|apt-cache|apt-get|aptitude|aspell|automysqlbackup|awk|basename|bash|bc|bconsole|bg|bzip2|cal|cat|cfdisk|chgrp|chkconfig|chmod|chown|chroot|cksum|clear|cmp|column|comm|composer|cp|cron|crontab|csplit|curl|cut|date|dc|dd|ddrescue|debootstrap|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|docker|docker-compose|du|egrep|eject|env|ethtool|expand|expect|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|git|gparted|grep|groupadd|groupdel|groupmod|groups|grub-mkconfig|gzip|halt|head|hg|history|host|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|ip|jobs|join|kill|killall|less|link|ln|locate|logname|logrotate|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|lynx|make|man|mc|mdadm|mkconfig|mkdir|mke2fs|mkfifo|mkfs|mkisofs|mknod|mkswap|mmv|more|most|mount|mtools|mtr|mutt|mv|nano|nc|netstat|nice|nl|node|nohup|notify-send|npm|nslookup|op|open|parted|passwd|paste|pathchk|ping|pkill|pnpm|podman|podman-compose|popd|pr|printcap|printenv|ps|pushd|pv|quota|quotacheck|quotactl|ram|rar|rcp|reboot|remsync|rename|renice|rev|rm|rmdir|rpm|rsync|scp|screen|sdiff|sed|sendmail|seq|service|sftp|sh|shellcheck|shuf|shutdown|sleep|slocate|sort|split|ssh|stat|strace|su|sudo|sum|suspend|swapon|sync|tac|tail|tar|tee|time|timeout|top|touch|tr|traceroute|tsort|tty|umount|uname|unexpand|uniq|units|unrar|unshar|unzip|update-grub|uptime|useradd|userdel|usermod|users|uudecode|uuencode|v|vcpkg|vdir|vi|vim|virsh|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yarn|yes|zenity|zip|zsh|zypper)(?=$|[)\s;|&])/,lookbehind:!0},keyword:{pattern:/(^|[\s;|&]|[<>]\()(?:case|do|done|elif|else|esac|fi|for|function|if|in|select|then|until|while)(?=$|[)\s;|&])/,lookbehind:!0},builtin:{pattern:/(^|[\s;|&]|[<>]\()(?:\.|:|alias|bind|break|builtin|caller|cd|command|continue|declare|echo|enable|eval|exec|exit|export|getopts|hash|help|let|local|logout|mapfile|printf|pwd|read|readarray|readonly|return|set|shift|shopt|source|test|times|trap|type|typeset|ulimit|umask|unalias|unset)(?=$|[)\s;|&])/,lookbehind:!0,alias:"class-name"},boolean:{pattern:/(^|[\s;|&]|[<>]\()(?:false|true)(?=$|[)\s;|&])/,lookbehind:!0},"file-descriptor":{pattern:/\B&\d\b/,alias:"important"},operator:{pattern:/\d?<>|>\||\+=|=[=~]?|!=?|<<[<-]?|[&\d]?>>|\d[<>]&?|[<>][&=]?|&[>&]?|\|[&|]?/,inside:{"file-descriptor":{pattern:/^\d/,alias:"important"}}},punctuation:/\$?\(\(?|\)\)?|\.\.|[{}[\];\\]/,number:{pattern:/(^|\s)(?:[1-9]\d*|0)(?:[.,]\d+)?\b/,lookbehind:!0}},n.inside=e.languages.bash;for(var o=["comment","function-name","for-or-select","assign-left","string","environment","function","keyword","builtin","boolean","file-descriptor","operator","punctuation","number"],a=r.variable[1].inside,i=0;i]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/},Zm.languages.c=Zm.languages.extend("clike",{comment:{pattern:/\/\/(?:[^\r\n\\]|\\(?:\r\n?|\n|(?![\r\n])))*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},"class-name":{pattern:/(\b(?:enum|struct)\s+(?:__attribute__\s*\(\([\s\S]*?\)\)\s*)?)\w+|\b[a-z]\w*_t\b/,lookbehind:!0},keyword:/\b(?:_Alignas|_Alignof|_Atomic|_Bool|_Complex|_Generic|_Imaginary|_Noreturn|_Static_assert|_Thread_local|__attribute__|asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|inline|int|long|register|return|short|signed|sizeof|static|struct|switch|typedef|typeof|union|unsigned|void|volatile|while)\b/,function:/\b[a-z_]\w*(?=\s*\()/i,number:/(?:\b0x(?:[\da-f]+(?:\.[\da-f]*)?|\.[\da-f]+)(?:p[+-]?\d+)?|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?)[ful]{0,4}/i,operator:/>>=?|<<=?|->|([-+&|:])\1|[?:~]|[-+*/%&|^!=<>]=?/}),Zm.languages.insertBefore("c","string",{char:{pattern:/'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n]){0,32}'/,greedy:!0}}),Zm.languages.insertBefore("c","string",{macro:{pattern:/(^[\t ]*)#\s*[a-z](?:[^\r\n\\/]|\/(?!\*)|\/\*(?:[^*]|\*(?!\/))*\*\/|\\(?:\r\n|[\s\S]))*/im,lookbehind:!0,greedy:!0,alias:"property",inside:{string:[{pattern:/^(#\s*include\s*)<[^>]+>/,lookbehind:!0},Zm.languages.c.string],char:Zm.languages.c.char,comment:Zm.languages.c.comment,"macro-name":[{pattern:/(^#\s*define\s+)\w+\b(?!\()/i,lookbehind:!0},{pattern:/(^#\s*define\s+)\w+\b(?=\()/i,lookbehind:!0,alias:"function"}],directive:{pattern:/^(#\s*)[a-z]+/,lookbehind:!0,alias:"keyword"},"directive-hash":/^#/,punctuation:/##|\\(?=[\r\n])/,expression:{pattern:/\S[\s\S]*/,inside:Zm.languages.c}}}}),Zm.languages.insertBefore("c","function",{constant:/\b(?:EOF|NULL|SEEK_CUR|SEEK_END|SEEK_SET|__DATE__|__FILE__|__LINE__|__TIMESTAMP__|__TIME__|__func__|stderr|stdin|stdout)\b/}),delete Zm.languages.c.boolean,function(e){var t=/\b(?:alignas|alignof|asm|auto|bool|break|case|catch|char|char16_t|char32_t|char8_t|class|co_await|co_return|co_yield|compl|concept|const|const_cast|consteval|constexpr|constinit|continue|decltype|default|delete|do|double|dynamic_cast|else|enum|explicit|export|extern|final|float|for|friend|goto|if|import|inline|int|int16_t|int32_t|int64_t|int8_t|long|module|mutable|namespace|new|noexcept|nullptr|operator|override|private|protected|public|register|reinterpret_cast|requires|return|short|signed|sizeof|static|static_assert|static_cast|struct|switch|template|this|thread_local|throw|try|typedef|typeid|typename|uint16_t|uint32_t|uint64_t|uint8_t|union|unsigned|using|virtual|void|volatile|wchar_t|while)\b/,n=/\b(?!)\w+(?:\s*\.\s*\w+)*\b/.source.replace(//g,(function(){return t.source}));e.languages.cpp=e.languages.extend("c",{"class-name":[{pattern:RegExp(/(\b(?:class|concept|enum|struct|typename)\s+)(?!)\w+/.source.replace(//g,(function(){return t.source}))),lookbehind:!0},/\b[A-Z]\w*(?=\s*::\s*\w+\s*\()/,/\b[A-Z_]\w*(?=\s*::\s*~\w+\s*\()/i,/\b\w+(?=\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>\s*::\s*\w+\s*\()/],keyword:t,number:{pattern:/(?:\b0b[01']+|\b0x(?:[\da-f']+(?:\.[\da-f']*)?|\.[\da-f']+)(?:p[+-]?[\d']+)?|(?:\b[\d']+(?:\.[\d']*)?|\B\.[\d']+)(?:e[+-]?[\d']+)?)[ful]{0,4}/i,greedy:!0},operator:/>>=?|<<=?|->|--|\+\+|&&|\|\||[?:~]|<=>|[-+*/%&|^!=<>]=?|\b(?:and|and_eq|bitand|bitor|not|not_eq|or|or_eq|xor|xor_eq)\b/,boolean:/\b(?:false|true)\b/}),e.languages.insertBefore("cpp","string",{module:{pattern:RegExp(/(\b(?:import|module)\s+)/.source+"(?:"+/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|<[^<>\r\n]*>/.source+"|"+/(?:\s*:\s*)?|:\s*/.source.replace(//g,(function(){return n}))+")"),lookbehind:!0,greedy:!0,inside:{string:/^[<"][\s\S]+/,operator:/:/,punctuation:/\./}},"raw-string":{pattern:/R"([^()\\ ]{0,16})\([\s\S]*?\)\1"/,alias:"string",greedy:!0}}),e.languages.insertBefore("cpp","keyword",{"generic-function":{pattern:/\b(?!operator\b)[a-z_]\w*\s*<(?:[^<>]|<[^<>]*>)*>(?=\s*\()/i,inside:{function:/^\w+/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:e.languages.cpp}}}}),e.languages.insertBefore("cpp","operator",{"double-colon":{pattern:/::/,alias:"punctuation"}}),e.languages.insertBefore("cpp","class-name",{"base-clause":{pattern:/(\b(?:class|struct)\s+\w+\s*:\s*)[^;{}"'\s]+(?:\s+[^;{}"'\s]+)*(?=\s*[;{])/,lookbehind:!0,greedy:!0,inside:e.languages.extend("cpp",{})}}),e.languages.insertBefore("inside","double-colon",{"class-name":/\b[a-z_]\w*\b(?!\s*::)/i},e.languages.cpp["base-clause"])}(Zm),function(e){var t=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;e.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:/@[\w-](?:[^;{\s]|\s+(?![\s{]))*(?:;|(?=\s*\{))/,inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+t.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+t.source+"$"),alias:"url"}}},selector:{pattern:RegExp("(^|[{}\\s])[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+t.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:t,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},e.languages.css.atrule.inside.rest=e.languages.css;var n=e.languages.markup;n&&(n.tag.addInlined("style","css"),n.tag.addAttribute("style","css"))}(Zm),function(e){var t,n=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/;e.languages.css.selector={pattern:e.languages.css.selector.pattern,lookbehind:!0,inside:t={"pseudo-element":/:(?:after|before|first-letter|first-line|selection)|::[-\w]+/,"pseudo-class":/:[-\w]+/,class:/\.[-\w]+/,id:/#[-\w]+/,attribute:{pattern:RegExp("\\[(?:[^[\\]\"']|"+n.source+")*\\]"),greedy:!0,inside:{punctuation:/^\[|\]$/,"case-sensitivity":{pattern:/(\s)[si]$/i,lookbehind:!0,alias:"keyword"},namespace:{pattern:/^(\s*)(?:(?!\s)[-*\w\xA0-\uFFFF])*\|(?!=)/,lookbehind:!0,inside:{punctuation:/\|$/}},"attr-name":{pattern:/^(\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+/,lookbehind:!0},"attr-value":[n,{pattern:/(=\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+(?=\s*$)/,lookbehind:!0}],operator:/[|~*^$]?=/}},"n-th":[{pattern:/(\(\s*)[+-]?\d*[\dn](?:\s*[+-]\s*\d+)?(?=\s*\))/,lookbehind:!0,inside:{number:/[\dn]+/,operator:/[+-]/}},{pattern:/(\(\s*)(?:even|odd)(?=\s*\))/i,lookbehind:!0}],combinator:/>|\+|~|\|\|/,punctuation:/[(),]/}},e.languages.css.atrule.inside["selector-function-argument"].inside=t,e.languages.insertBefore("css","property",{variable:{pattern:/(^|[^-\w\xA0-\uFFFF])--(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*/i,lookbehind:!0}});var r={pattern:/(\b\d+)(?:%|[a-z]+(?![\w-]))/,lookbehind:!0},o={pattern:/(^|[^\w.-])-?(?:\d+(?:\.\d+)?|\.\d+)/,lookbehind:!0};e.languages.insertBefore("css","function",{operator:{pattern:/(\s)[+\-*\/](?=\s)/,lookbehind:!0},hexcode:{pattern:/\B#[\da-f]{3,8}\b/i,alias:"color"},color:[{pattern:/(^|[^\w-])(?:AliceBlue|AntiqueWhite|Aqua|Aquamarine|Azure|Beige|Bisque|Black|BlanchedAlmond|Blue|BlueViolet|Brown|BurlyWood|CadetBlue|Chartreuse|Chocolate|Coral|CornflowerBlue|Cornsilk|Crimson|Cyan|DarkBlue|DarkCyan|DarkGoldenRod|DarkGr[ae]y|DarkGreen|DarkKhaki|DarkMagenta|DarkOliveGreen|DarkOrange|DarkOrchid|DarkRed|DarkSalmon|DarkSeaGreen|DarkSlateBlue|DarkSlateGr[ae]y|DarkTurquoise|DarkViolet|DeepPink|DeepSkyBlue|DimGr[ae]y|DodgerBlue|FireBrick|FloralWhite|ForestGreen|Fuchsia|Gainsboro|GhostWhite|Gold|GoldenRod|Gr[ae]y|Green|GreenYellow|HoneyDew|HotPink|IndianRed|Indigo|Ivory|Khaki|Lavender|LavenderBlush|LawnGreen|LemonChiffon|LightBlue|LightCoral|LightCyan|LightGoldenRodYellow|LightGr[ae]y|LightGreen|LightPink|LightSalmon|LightSeaGreen|LightSkyBlue|LightSlateGr[ae]y|LightSteelBlue|LightYellow|Lime|LimeGreen|Linen|Magenta|Maroon|MediumAquaMarine|MediumBlue|MediumOrchid|MediumPurple|MediumSeaGreen|MediumSlateBlue|MediumSpringGreen|MediumTurquoise|MediumVioletRed|MidnightBlue|MintCream|MistyRose|Moccasin|NavajoWhite|Navy|OldLace|Olive|OliveDrab|Orange|OrangeRed|Orchid|PaleGoldenRod|PaleGreen|PaleTurquoise|PaleVioletRed|PapayaWhip|PeachPuff|Peru|Pink|Plum|PowderBlue|Purple|Red|RosyBrown|RoyalBlue|SaddleBrown|Salmon|SandyBrown|SeaGreen|SeaShell|Sienna|Silver|SkyBlue|SlateBlue|SlateGr[ae]y|Snow|SpringGreen|SteelBlue|Tan|Teal|Thistle|Tomato|Transparent|Turquoise|Violet|Wheat|White|WhiteSmoke|Yellow|YellowGreen)(?![\w-])/i,lookbehind:!0},{pattern:/\b(?:hsl|rgb)\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*\)\B|\b(?:hsl|rgb)a\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*,\s*(?:0|0?\.\d+|1)\s*\)\B/i,inside:{unit:r,number:o,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:r,number:o})}(Zm),Zm.languages.javascript=Zm.languages.extend("clike",{"class-name":[Zm.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),Zm.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,Zm.languages.insertBefore("javascript","keyword",{regex:{pattern:/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)\/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/,lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:Zm.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:Zm.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:Zm.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:Zm.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:Zm.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),Zm.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:Zm.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),Zm.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),Zm.languages.markup&&(Zm.languages.markup.tag.addInlined("script","javascript"),Zm.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript")),Zm.languages.js=Zm.languages.javascript,function(e){var t=/#(?!\{).+/,n={pattern:/#\{[^}]+\}/,alias:"variable"};e.languages.coffeescript=e.languages.extend("javascript",{comment:t,string:[{pattern:/'(?:\\[\s\S]|[^\\'])*'/,greedy:!0},{pattern:/"(?:\\[\s\S]|[^\\"])*"/,greedy:!0,inside:{interpolation:n}}],keyword:/\b(?:and|break|by|catch|class|continue|debugger|delete|do|each|else|extend|extends|false|finally|for|if|in|instanceof|is|isnt|let|loop|namespace|new|no|not|null|of|off|on|or|own|return|super|switch|then|this|throw|true|try|typeof|undefined|unless|until|when|while|window|with|yes|yield)\b/,"class-member":{pattern:/@(?!\d)\w+/,alias:"variable"}}),e.languages.insertBefore("coffeescript","comment",{"multiline-comment":{pattern:/###[\s\S]+?###/,alias:"comment"},"block-regex":{pattern:/\/{3}[\s\S]*?\/{3}/,alias:"regex",inside:{comment:t,interpolation:n}}}),e.languages.insertBefore("coffeescript","string",{"inline-javascript":{pattern:/`(?:\\[\s\S]|[^\\`])*`/,inside:{delimiter:{pattern:/^`|`$/,alias:"punctuation"},script:{pattern:/[\s\S]+/,alias:"language-javascript",inside:e.languages.javascript}}},"multiline-string":[{pattern:/'''[\s\S]*?'''/,greedy:!0,alias:"string"},{pattern:/"""[\s\S]*?"""/,greedy:!0,alias:"string",inside:{interpolation:n}}]}),e.languages.insertBefore("coffeescript","keyword",{property:/(?!\d)\w+(?=\s*:(?!:))/}),delete e.languages.coffeescript["template-string"],e.languages.coffee=e.languages.coffeescript}(Zm),function(e){var t=/[*&][^\s[\]{},]+/,n=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,r="(?:"+n.source+"(?:[ \t]+"+t.source+")?|"+t.source+"(?:[ \t]+"+n.source+")?)",o=/(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-])(?:[ \t]*(?:(?![#:])|:))*/.source.replace(//g,(function(){return/[^\s\x00-\x08\x0e-\x1f,[\]{}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]/.source})),a=/"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;function i(e,t){t=(t||"").replace(/m/g,"")+"m";var n=/([:\-,[{]\s*(?:\s<>[ \t]+)?)(?:<>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<>/g,(function(){return r})).replace(/<>/g,(function(){return e}));return RegExp(n,t)}e.languages.yaml={scalar:{pattern:RegExp(/([\-:]\s*(?:\s<>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\S[^\r\n]*(?:\2[^\r\n]+)*)/.source.replace(/<>/g,(function(){return r}))),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp(/((?:^|[:\-,[{\r\n?])[ \t]*(?:<>[ \t]+)?)<>(?=\s*:\s)/.source.replace(/<>/g,(function(){return r})).replace(/<>/g,(function(){return"(?:"+o+"|"+a+")"}))),lookbehind:!0,greedy:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:i(/\d{4}-\d\d?-\d\d?(?:[tT]|[ \t]+)\d\d?:\d{2}:\d{2}(?:\.\d*)?(?:[ \t]*(?:Z|[-+]\d\d?(?::\d{2})?))?|\d{4}-\d{2}-\d{2}|\d\d?:\d{2}(?::\d{2}(?:\.\d*)?)?/.source),lookbehind:!0,alias:"number"},boolean:{pattern:i(/false|true/.source,"i"),lookbehind:!0,alias:"important"},null:{pattern:i(/null|~/.source,"i"),lookbehind:!0,alias:"important"},string:{pattern:i(a),lookbehind:!0,greedy:!0},number:{pattern:i(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source,"i"),lookbehind:!0},tag:n,important:t,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},e.languages.yml=e.languages.yaml}(Zm),function(e){var t=/(?:\\.|[^\\\n\r]|(?:\n|\r\n?)(?![\r\n]))/.source;function n(e){return e=e.replace(//g,(function(){return t})),RegExp(/((?:^|[^\\])(?:\\{2})*)/.source+"(?:"+e+")")}var r=/(?:\\.|``(?:[^`\r\n]|`(?!`))+``|`[^`\r\n]+`|[^\\|\r\n`])+/.source,o=/\|?__(?:\|__)+\|?(?:(?:\n|\r\n?)|(?![\s\S]))/.source.replace(/__/g,(function(){return r})),a=/\|?[ \t]*:?-{3,}:?[ \t]*(?:\|[ \t]*:?-{3,}:?[ \t]*)+\|?(?:\n|\r\n?)/.source;e.languages.markdown=e.languages.extend("markup",{}),e.languages.insertBefore("markdown","prolog",{"front-matter-block":{pattern:/(^(?:\s*[\r\n])?)---(?!.)[\s\S]*?[\r\n]---(?!.)/,lookbehind:!0,greedy:!0,inside:{punctuation:/^---|---$/,"front-matter":{pattern:/\S+(?:\s+\S+)*/,alias:["yaml","language-yaml"],inside:e.languages.yaml}}},blockquote:{pattern:/^>(?:[\t ]*>)*/m,alias:"punctuation"},table:{pattern:RegExp("^"+o+a+"(?:"+o+")*","m"),inside:{"table-data-rows":{pattern:RegExp("^("+o+a+")(?:"+o+")*$"),lookbehind:!0,inside:{"table-data":{pattern:RegExp(r),inside:e.languages.markdown},punctuation:/\|/}},"table-line":{pattern:RegExp("^("+o+")"+a+"$"),lookbehind:!0,inside:{punctuation:/\||:?-{3,}:?/}},"table-header-row":{pattern:RegExp("^"+o+"$"),inside:{"table-header":{pattern:RegExp(r),alias:"important",inside:e.languages.markdown},punctuation:/\|/}}}},code:[{pattern:/((?:^|\n)[ \t]*\n|(?:^|\r\n?)[ \t]*\r\n?)(?: {4}|\t).+(?:(?:\n|\r\n?)(?: {4}|\t).+)*/,lookbehind:!0,alias:"keyword"},{pattern:/^```[\s\S]*?^```$/m,greedy:!0,inside:{"code-block":{pattern:/^(```.*(?:\n|\r\n?))[\s\S]+?(?=(?:\n|\r\n?)^```$)/m,lookbehind:!0},"code-language":{pattern:/^(```).+/,lookbehind:!0},punctuation:/```/}}],title:[{pattern:/\S.*(?:\n|\r\n?)(?:==+|--+)(?=[ \t]*$)/m,alias:"important",inside:{punctuation:/==+$|--+$/}},{pattern:/(^\s*)#.+/m,lookbehind:!0,alias:"important",inside:{punctuation:/^#+|#+$/}}],hr:{pattern:/(^\s*)([*-])(?:[\t ]*\2){2,}(?=\s*$)/m,lookbehind:!0,alias:"punctuation"},list:{pattern:/(^\s*)(?:[*+-]|\d+\.)(?=[\t ].)/m,lookbehind:!0,alias:"punctuation"},"url-reference":{pattern:/!?\[[^\]]+\]:[\t ]+(?:\S+|<(?:\\.|[^>\\])+>)(?:[\t ]+(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\)))?/,inside:{variable:{pattern:/^(!?\[)[^\]]+/,lookbehind:!0},string:/(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\))$/,punctuation:/^[\[\]!:]|[<>]/},alias:"url"},bold:{pattern:n(/\b__(?:(?!_)|_(?:(?!_))+_)+__\b|\*\*(?:(?!\*)|\*(?:(?!\*))+\*)+\*\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^..)[\s\S]+(?=..$)/,lookbehind:!0,inside:{}},punctuation:/\*\*|__/}},italic:{pattern:n(/\b_(?:(?!_)|__(?:(?!_))+__)+_\b|\*(?:(?!\*)|\*\*(?:(?!\*))+\*\*)+\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^.)[\s\S]+(?=.$)/,lookbehind:!0,inside:{}},punctuation:/[*_]/}},strike:{pattern:n(/(~~?)(?:(?!~))+\2/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^~~?)[\s\S]+(?=\1$)/,lookbehind:!0,inside:{}},punctuation:/~~?/}},"code-snippet":{pattern:/(^|[^\\`])(?:``[^`\r\n]+(?:`[^`\r\n]+)*``(?!`)|`[^`\r\n]+`(?!`))/,lookbehind:!0,greedy:!0,alias:["code","keyword"]},url:{pattern:n(/!?\[(?:(?!\]))+\](?:\([^\s)]+(?:[\t ]+"(?:\\.|[^"\\])*")?\)|[ \t]?\[(?:(?!\]))+\])/.source),lookbehind:!0,greedy:!0,inside:{operator:/^!/,content:{pattern:/(^\[)[^\]]+(?=\])/,lookbehind:!0,inside:{}},variable:{pattern:/(^\][ \t]?\[)[^\]]+(?=\]$)/,lookbehind:!0},url:{pattern:/(^\]\()[^\s)]+/,lookbehind:!0},string:{pattern:/(^[ \t]+)"(?:\\.|[^"\\])*"(?=\)$)/,lookbehind:!0}}}}),["url","bold","italic","strike"].forEach((function(t){["url","bold","italic","strike","code-snippet"].forEach((function(n){t!==n&&(e.languages.markdown[t].inside.content.inside[n]=e.languages.markdown[n])}))})),e.hooks.add("after-tokenize",(function(e){"markdown"!==e.language&&"md"!==e.language||function e(t){if(t&&"string"!=typeof t)for(var n=0,r=t.length;n",quot:'"'},l=String.fromCodePoint||String.fromCharCode;e.languages.md=e.languages.markdown}(Zm),Zm.languages.graphql={comment:/#.*/,description:{pattern:/(?:"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*")(?=\s*[a-z_])/i,greedy:!0,alias:"string",inside:{"language-markdown":{pattern:/(^"(?:"")?)(?!\1)[\s\S]+(?=\1$)/,lookbehind:!0,inside:Zm.languages.markdown}}},string:{pattern:/"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*"/,greedy:!0},number:/(?:\B-|\b)\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,boolean:/\b(?:false|true)\b/,variable:/\$[a-z_]\w*/i,directive:{pattern:/@[a-z_]\w*/i,alias:"function"},"attr-name":{pattern:/\b[a-z_]\w*(?=\s*(?:\((?:[^()"]|"(?:\\.|[^\\"\r\n])*")*\))?:)/i,greedy:!0},"atom-input":{pattern:/\b[A-Z]\w*Input\b/,alias:"class-name"},scalar:/\b(?:Boolean|Float|ID|Int|String)\b/,constant:/\b[A-Z][A-Z_\d]*\b/,"class-name":{pattern:/(\b(?:enum|implements|interface|on|scalar|type|union)\s+|&\s*|:\s*|\[)[A-Z_]\w*/,lookbehind:!0},fragment:{pattern:/(\bfragment\s+|\.{3}\s*(?!on\b))[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-mutation":{pattern:/(\bmutation\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-query":{pattern:/(\bquery\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},keyword:/\b(?:directive|enum|extend|fragment|implements|input|interface|mutation|on|query|repeatable|scalar|schema|subscription|type|union)\b/,operator:/[!=|&]|\.{3}/,"property-query":/\w+(?=\s*\()/,object:/\w+(?=\s*\{)/,punctuation:/[!(){}\[\]:=,]/,property:/\w+/},Zm.hooks.add("after-tokenize",(function(e){if("graphql"===e.language)for(var t=e.tokens.filter((function(e){return"string"!=typeof e&&"comment"!==e.type&&"scalar"!==e.type})),n=0;n0)){var s=d(/^\{$/,/^\}$/);if(-1===s)continue;for(var l=n;l=0&&f(c,"variable-input")}}}}function u(e){return t[n+e]}function p(e,t){t=t||0;for(var n=0;n?|<|>)?|>[>=]?|\b(?:AND|BETWEEN|DIV|ILIKE|IN|IS|LIKE|NOT|OR|REGEXP|RLIKE|SOUNDS LIKE|XOR)\b/i,punctuation:/[;[\]()`,.]/},function(e){var t=e.languages.javascript["template-string"],n=t.pattern.source,r=t.inside.interpolation,o=r.inside["interpolation-punctuation"],a=r.pattern.source;function i(t,r){if(e.languages[t])return{pattern:RegExp("((?:"+r+")\\s*)"+n),lookbehind:!0,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},"embedded-code":{pattern:/[\s\S]+/,alias:t}}}}function s(e,t){return"___"+t.toUpperCase()+"_"+e+"___"}function l(t,n,r){var o={code:t,grammar:n,language:r};return e.hooks.run("before-tokenize",o),o.tokens=e.tokenize(o.code,o.grammar),e.hooks.run("after-tokenize",o),o.tokens}function c(t){var n={};n["interpolation-punctuation"]=o;var a=e.tokenize(t,n);if(3===a.length){var i=[1,1];i.push.apply(i,l(a[1],e.languages.javascript,"javascript")),a.splice.apply(a,i)}return new e.Token("interpolation",a,r.alias,t)}function u(t,n,r){var o=e.tokenize(t,{interpolation:{pattern:RegExp(a),lookbehind:!0}}),i=0,u={},p=l(o.map((function(e){if("string"==typeof e)return e;for(var n,o=e.content;-1!==t.indexOf(n=s(i++,r)););return u[n]=o,n})).join(""),n,r),d=Object.keys(u);return i=0,function e(t){for(var n=0;n=d.length)return;var r=t[n];if("string"==typeof r||"string"==typeof r.content){var o=d[i],a="string"==typeof r?r:r.content,s=a.indexOf(o);if(-1!==s){++i;var l=a.substring(0,s),p=c(u[o]),f=a.substring(s+o.length),m=[];if(l&&m.push(l),m.push(p),f){var h=[f];e(h),m.push.apply(m,h)}"string"==typeof r?(t.splice.apply(t,[n,1].concat(m)),n+=m.length-1):r.content=m}}else{var g=r.content;Array.isArray(g)?e(g):e([g])}}}(p),new e.Token(r,p,"language-"+r,t)}e.languages.javascript["template-string"]=[i("css",/\b(?:styled(?:\([^)]*\))?(?:\s*\.\s*\w+(?:\([^)]*\))*)*|css(?:\s*\.\s*(?:global|resolve))?|createGlobalStyle|keyframes)/.source),i("html",/\bhtml|\.\s*(?:inner|outer)HTML\s*\+?=/.source),i("svg",/\bsvg/.source),i("markdown",/\b(?:markdown|md)/.source),i("graphql",/\b(?:gql|graphql(?:\s*\.\s*experimental)?)/.source),i("sql",/\bsql/.source),t].filter(Boolean);var p={javascript:!0,js:!0,typescript:!0,ts:!0,jsx:!0,tsx:!0};function d(e){return"string"==typeof e?e:Array.isArray(e)?e.map(d).join(""):d(e.content)}e.hooks.add("after-tokenize",(function(t){t.language in p&&function t(n){for(var r=0,o=n.length;r]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:null},builtin:/\b(?:Array|Function|Promise|any|boolean|console|never|number|string|symbol|unknown)\b/}),e.languages.typescript.keyword.push(/\b(?:abstract|declare|is|keyof|readonly|require)\b/,/\b(?:asserts|infer|interface|module|namespace|type)\b(?=\s*(?:[{_$a-zA-Z\xA0-\uFFFF]|$))/,/\btype\b(?=\s*(?:[\{*]|$))/),delete e.languages.typescript.parameter,delete e.languages.typescript["literal-property"];var t=e.languages.extend("typescript",{});delete t["class-name"],e.languages.typescript["class-name"].inside=t,e.languages.insertBefore("typescript","function",{decorator:{pattern:/@[$\w\xA0-\uFFFF]+/,inside:{at:{pattern:/^@/,alias:"operator"},function:/^[\s\S]+/}},"generic-function":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:/^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:t}}}}),e.languages.ts=e.languages.typescript}(Zm),function(e){function t(e,t){return RegExp(e.replace(//g,(function(){return/(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/.source})),t)}e.languages.insertBefore("javascript","function-variable",{"method-variable":{pattern:RegExp("(\\.\\s*)"+e.languages.javascript["function-variable"].pattern.source),lookbehind:!0,alias:["function-variable","method","function","property-access"]}}),e.languages.insertBefore("javascript","function",{method:{pattern:RegExp("(\\.\\s*)"+e.languages.javascript.function.source),lookbehind:!0,alias:["function","property-access"]}}),e.languages.insertBefore("javascript","constant",{"known-class-name":[{pattern:/\b(?:(?:Float(?:32|64)|(?:Int|Uint)(?:8|16|32)|Uint8Clamped)?Array|ArrayBuffer|BigInt|Boolean|DataView|Date|Error|Function|Intl|JSON|(?:Weak)?(?:Map|Set)|Math|Number|Object|Promise|Proxy|Reflect|RegExp|String|Symbol|WebAssembly)\b/,alias:"class-name"},{pattern:/\b(?:[A-Z]\w*)Error\b/,alias:"class-name"}]}),e.languages.insertBefore("javascript","keyword",{imports:{pattern:t(/(\bimport\b\s*)(?:(?:\s*,\s*(?:\*\s*as\s+|\{[^{}]*\}))?|\*\s*as\s+|\{[^{}]*\})(?=\s*\bfrom\b)/.source),lookbehind:!0,inside:e.languages.javascript},exports:{pattern:t(/(\bexport\b\s*)(?:\*(?:\s*as\s+)?(?=\s*\bfrom\b)|\{[^{}]*\})/.source),lookbehind:!0,inside:e.languages.javascript}}),e.languages.javascript.keyword.unshift({pattern:/\b(?:as|default|export|from|import)\b/,alias:"module"},{pattern:/\b(?:await|break|catch|continue|do|else|finally|for|if|return|switch|throw|try|while|yield)\b/,alias:"control-flow"},{pattern:/\bnull\b/,alias:["null","nil"]},{pattern:/\bundefined\b/,alias:"nil"}),e.languages.insertBefore("javascript","operator",{spread:{pattern:/\.{3}/,alias:"operator"},arrow:{pattern:/=>/,alias:"operator"}}),e.languages.insertBefore("javascript","punctuation",{"property-access":{pattern:t(/(\.\s*)#?/.source),lookbehind:!0},"maybe-class-name":{pattern:/(^|[^$\w\xA0-\uFFFF])[A-Z][$\w\xA0-\uFFFF]+/,lookbehind:!0},dom:{pattern:/\b(?:document|(?:local|session)Storage|location|navigator|performance|window)\b/,alias:"variable"},console:{pattern:/\bconsole(?=\s*\.)/,alias:"class-name"}});for(var n=["function","function-variable","method","method-variable","property-access"],r=0;r*\.{3}(?:[^{}]|)*\})/.source;function a(e,t){return e=e.replace(//g,(function(){return n})).replace(//g,(function(){return r})).replace(//g,(function(){return o})),RegExp(e,t)}o=a(o).source,e.languages.jsx=e.languages.extend("markup",t),e.languages.jsx.tag.pattern=a(/<\/?(?:[\w.:-]+(?:+(?:[\w.:$-]+(?:=(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s{'"/>=]+|))?|))**\/?)?>/.source),e.languages.jsx.tag.inside.tag.pattern=/^<\/?[^\s>\/]*/,e.languages.jsx.tag.inside["attr-value"].pattern=/=(?!\{)(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s'">]+)/,e.languages.jsx.tag.inside.tag.inside["class-name"]=/^[A-Z]\w*(?:\.[A-Z]\w*)*$/,e.languages.jsx.tag.inside.comment=t.comment,e.languages.insertBefore("inside","attr-name",{spread:{pattern:a(//.source),inside:e.languages.jsx}},e.languages.jsx.tag),e.languages.insertBefore("inside","special-attr",{script:{pattern:a(/=/.source),alias:"language-javascript",inside:{"script-punctuation":{pattern:/^=(?=\{)/,alias:"punctuation"},rest:e.languages.jsx}}},e.languages.jsx.tag);var i=function(e){return e?"string"==typeof e?e:"string"==typeof e.content?e.content:e.content.map(i).join(""):""},s=function(t){for(var n=[],r=0;r0&&n[n.length-1].tagName===i(o.content[0].content[1])&&n.pop():"/>"===o.content[o.content.length-1].content||n.push({tagName:i(o.content[0].content[1]),openedBraces:0}):n.length>0&&"punctuation"===o.type&&"{"===o.content?n[n.length-1].openedBraces++:n.length>0&&n[n.length-1].openedBraces>0&&"punctuation"===o.type&&"}"===o.content?n[n.length-1].openedBraces--:a=!0),(a||"string"==typeof o)&&n.length>0&&0===n[n.length-1].openedBraces){var l=i(o);r0&&("string"==typeof t[r-1]||"plain-text"===t[r-1].type)&&(l=i(t[r-1])+l,t.splice(r-1,1),r--),t[r]=new e.Token("plain-text",l,null,l)}o.content&&"string"!=typeof o.content&&s(o.content)}};e.hooks.add("after-tokenize",(function(e){"jsx"!==e.language&&"tsx"!==e.language||s(e.tokens)}))}(Zm),function(e){e.languages.diff={coord:[/^(?:\*{3}|-{3}|\+{3}).*$/m,/^@@.*@@$/m,/^\d.*$/m]};var t={"deleted-sign":"-","deleted-arrow":"<","inserted-sign":"+","inserted-arrow":">",unchanged:" ",diff:"!"};Object.keys(t).forEach((function(n){var r=t[n],o=[];/^\w+$/.test(n)||o.push(/\w+/.exec(n)[0]),"diff"===n&&o.push("bold"),e.languages.diff[n]={pattern:RegExp("^(?:["+r+"].*(?:\r\n?|\n|(?![\\s\\S])))+","m"),alias:o,inside:{line:{pattern:/(.)(?=[\s\S]).*(?:\r\n?|\n)?/,lookbehind:!0},prefix:{pattern:/[\s\S]/,alias:/\w+/.exec(n)[0]}}}})),Object.defineProperty(e.languages.diff,"PREFIXES",{value:t})}(Zm),Zm.languages.git={comment:/^#.*/m,deleted:/^[-\u2013].*/m,inserted:/^\+.*/m,string:/("|')(?:\\.|(?!\1)[^\\\r\n])*\1/,command:{pattern:/^.*\$ git .*$/m,inside:{parameter:/\s--?\w+/}},coord:/^@@.*@@$/m,"commit-sha1":/^commit \w{40}$/m},Zm.languages.go=Zm.languages.extend("clike",{string:{pattern:/(^|[^\\])"(?:\\.|[^"\\\r\n])*"|`[^`]*`/,lookbehind:!0,greedy:!0},keyword:/\b(?:break|case|chan|const|continue|default|defer|else|fallthrough|for|func|go(?:to)?|if|import|interface|map|package|range|return|select|struct|switch|type|var)\b/,boolean:/\b(?:_|false|iota|nil|true)\b/,number:[/\b0(?:b[01_]+|o[0-7_]+)i?\b/i,/\b0x(?:[a-f\d_]+(?:\.[a-f\d_]*)?|\.[a-f\d_]+)(?:p[+-]?\d+(?:_\d+)*)?i?(?!\w)/i,/(?:\b\d[\d_]*(?:\.[\d_]*)?|\B\.\d[\d_]*)(?:e[+-]?[\d_]+)?i?(?!\w)/i],operator:/[*\/%^!=]=?|\+[=+]?|-[=-]?|\|[=|]?|&(?:=|&|\^=?)?|>(?:>=?|=)?|<(?:<=?|=|-)?|:=|\.\.\./,builtin:/\b(?:append|bool|byte|cap|close|complex|complex(?:64|128)|copy|delete|error|float(?:32|64)|u?int(?:8|16|32|64)?|imag|len|make|new|panic|print(?:ln)?|real|recover|rune|string|uintptr)\b/}),Zm.languages.insertBefore("go","string",{char:{pattern:/'(?:\\.|[^'\\\r\n]){0,10}'/,greedy:!0}}),delete Zm.languages.go["class-name"],function(e){function t(e,t){return"___"+e.toUpperCase()+t+"___"}Object.defineProperties(e.languages["markup-templating"]={},{buildPlaceholders:{value:function(n,r,o,a){if(n.language===r){var i=n.tokenStack=[];n.code=n.code.replace(o,(function(e){if("function"==typeof a&&!a(e))return e;for(var o,s=i.length;-1!==n.code.indexOf(o=t(r,s));)++s;return i[s]=e,o})),n.grammar=e.languages.markup}}},tokenizePlaceholders:{value:function(n,r){if(n.language===r&&n.tokenStack){n.grammar=e.languages[r];var o=0,a=Object.keys(n.tokenStack);!function i(s){for(var l=0;l=a.length);l++){var c=s[l];if("string"==typeof c||c.content&&"string"==typeof c.content){var u=a[o],p=n.tokenStack[u],d="string"==typeof c?c:c.content,f=t(r,u),m=d.indexOf(f);if(m>-1){++o;var h=d.substring(0,m),g=new e.Token(r,e.tokenize(p,n.grammar),"language-"+r,p),y=d.substring(m+f.length),b=[];h&&b.push.apply(b,i([h])),b.push(g),y&&b.push.apply(b,i([y])),"string"==typeof c?s.splice.apply(s,[l,1].concat(b)):c.content=b}}else c.content&&i(c.content)}return s}(n.tokens)}}}})}(Zm),function(e){e.languages.handlebars={comment:/\{\{![\s\S]*?\}\}/,delimiter:{pattern:/^\{\{\{?|\}\}\}?$/,alias:"punctuation"},string:/(["'])(?:\\.|(?!\1)[^\\\r\n])*\1/,number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee][+-]?\d+)?/,boolean:/\b(?:false|true)\b/,block:{pattern:/^(\s*(?:~\s*)?)[#\/]\S+?(?=\s*(?:~\s*)?$|\s)/,lookbehind:!0,alias:"keyword"},brackets:{pattern:/\[[^\]]+\]/,inside:{punctuation:/\[|\]/,variable:/[\s\S]+/}},punctuation:/[!"#%&':()*+,.\/;<=>@\[\\\]^`{|}~]/,variable:/[^!"#%&'()*+,\/;<=>@\[\\\]^`{|}~\s]+/},e.hooks.add("before-tokenize",(function(t){e.languages["markup-templating"].buildPlaceholders(t,"handlebars",/\{\{\{[\s\S]+?\}\}\}|\{\{[\s\S]+?\}\}/g)})),e.hooks.add("after-tokenize",(function(t){e.languages["markup-templating"].tokenizePlaceholders(t,"handlebars")})),e.languages.hbs=e.languages.handlebars}(Zm),Zm.languages.json={property:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,lookbehind:!0,greedy:!0},string:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?!\s*:)/,lookbehind:!0,greedy:!0},comment:{pattern:/\/\/.*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},number:/-?\b\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,punctuation:/[{}[\],]/,operator:/:/,boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"}},Zm.languages.webmanifest=Zm.languages.json,Zm.languages.less=Zm.languages.extend("css",{comment:[/\/\*[\s\S]*?\*\//,{pattern:/(^|[^\\])\/\/.*/,lookbehind:!0}],atrule:{pattern:/@[\w-](?:\((?:[^(){}]|\([^(){}]*\))*\)|[^(){};\s]|\s+(?!\s))*?(?=\s*\{)/,inside:{punctuation:/[:()]/}},selector:{pattern:/(?:@\{[\w-]+\}|[^{};\s@])(?:@\{[\w-]+\}|\((?:[^(){}]|\([^(){}]*\))*\)|[^(){};@\s]|\s+(?!\s))*?(?=\s*\{)/,inside:{variable:/@+[\w-]+/}},property:/(?:@\{[\w-]+\}|[\w-])+(?:\+_?)?(?=\s*:)/,operator:/[+\-*\/]/}),Zm.languages.insertBefore("less","property",{variable:[{pattern:/@[\w-]+\s*:/,inside:{punctuation:/:/}},/@@?[\w-]+/],"mixin-usage":{pattern:/([{;]\s*)[.#](?!\d)[\w-].*?(?=[(;])/,lookbehind:!0,alias:"function"}}),Zm.languages.makefile={comment:{pattern:/(^|[^\\])#(?:\\(?:\r\n|[\s\S])|[^\\\r\n])*/,lookbehind:!0},string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"builtin-target":{pattern:/\.[A-Z][^:#=\s]+(?=\s*:(?!=))/,alias:"builtin"},target:{pattern:/^(?:[^:=\s]|[ \t]+(?![\s:]))+(?=\s*:(?!=))/m,alias:"symbol",inside:{variable:/\$+(?:(?!\$)[^(){}:#=\s]+|(?=[({]))/}},variable:/\$+(?:(?!\$)[^(){}:#=\s]+|\([@*%<^+?][DF]\)|(?=[({]))/,keyword:/-include\b|\b(?:define|else|endef|endif|export|ifn?def|ifn?eq|include|override|private|sinclude|undefine|unexport|vpath)\b/,function:{pattern:/(\()(?:abspath|addsuffix|and|basename|call|dir|error|eval|file|filter(?:-out)?|findstring|firstword|flavor|foreach|guile|if|info|join|lastword|load|notdir|or|origin|patsubst|realpath|shell|sort|strip|subst|suffix|value|warning|wildcard|word(?:list|s)?)(?=[ \t])/,lookbehind:!0},operator:/(?:::|[?:+!])?=|[|@]/,punctuation:/[:;(){}]/},Zm.languages.objectivec=Zm.languages.extend("c",{string:{pattern:/@?"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},keyword:/\b(?:asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|in|inline|int|long|register|return|self|short|signed|sizeof|static|struct|super|switch|typedef|typeof|union|unsigned|void|volatile|while)\b|(?:@interface|@end|@implementation|@protocol|@class|@public|@protected|@private|@property|@try|@catch|@finally|@throw|@synthesize|@dynamic|@selector)\b/,operator:/-[->]?|\+\+?|!=?|<>?=?|==?|&&?|\|\|?|[~^%?*\/@]/}),delete Zm.languages.objectivec["class-name"],Zm.languages.objc=Zm.languages.objectivec,Zm.languages.ocaml={comment:{pattern:/\(\*[\s\S]*?\*\)/,greedy:!0},char:{pattern:/'(?:[^\\\r\n']|\\(?:.|[ox]?[0-9a-f]{1,3}))'/i,greedy:!0},string:[{pattern:/"(?:\\(?:[\s\S]|\r\n)|[^\\\r\n"])*"/,greedy:!0},{pattern:/\{([a-z_]*)\|[\s\S]*?\|\1\}/,greedy:!0}],number:[/\b(?:0b[01][01_]*|0o[0-7][0-7_]*)\b/i,/\b0x[a-f0-9][a-f0-9_]*(?:\.[a-f0-9_]*)?(?:p[+-]?\d[\d_]*)?(?!\w)/i,/\b\d[\d_]*(?:\.[\d_]*)?(?:e[+-]?\d[\d_]*)?(?!\w)/i],directive:{pattern:/\B#\w+/,alias:"property"},label:{pattern:/\B~\w+/,alias:"property"},"type-variable":{pattern:/\B'\w+/,alias:"function"},variant:{pattern:/`\w+/,alias:"symbol"},keyword:/\b(?:as|assert|begin|class|constraint|do|done|downto|else|end|exception|external|for|fun|function|functor|if|in|include|inherit|initializer|lazy|let|match|method|module|mutable|new|nonrec|object|of|open|private|rec|sig|struct|then|to|try|type|val|value|virtual|when|where|while|with)\b/,boolean:/\b(?:false|true)\b/,"operator-like-punctuation":{pattern:/\[[<>|]|[>|]\]|\{<|>\}/,alias:"punctuation"},operator:/\.[.~]|:[=>]|[=<>@^|&+\-*\/$%!?~][!$%&*+\-.\/:<=>?@^|~]*|\b(?:and|asr|land|lor|lsl|lsr|lxor|mod|or)\b/,punctuation:/;;|::|[(){}\[\].,:;#]|\b_\b/},Zm.languages.python={comment:{pattern:/(^|[^\\])#.*/,lookbehind:!0,greedy:!0},"string-interpolation":{pattern:/(?:f|fr|rf)(?:("""|''')[\s\S]*?\1|("|')(?:\\.|(?!\2)[^\\\r\n])*\2)/i,greedy:!0,inside:{interpolation:{pattern:/((?:^|[^{])(?:\{\{)*)\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}])+\})+\})+\}/,lookbehind:!0,inside:{"format-spec":{pattern:/(:)[^:(){}]+(?=\}$)/,lookbehind:!0},"conversion-option":{pattern:/![sra](?=[:}]$)/,alias:"punctuation"},rest:null}},string:/[\s\S]+/}},"triple-quoted-string":{pattern:/(?:[rub]|br|rb)?("""|''')[\s\S]*?\1/i,greedy:!0,alias:"string"},string:{pattern:/(?:[rub]|br|rb)?("|')(?:\\.|(?!\1)[^\\\r\n])*\1/i,greedy:!0},function:{pattern:/((?:^|\s)def[ \t]+)[a-zA-Z_]\w*(?=\s*\()/g,lookbehind:!0},"class-name":{pattern:/(\bclass\s+)\w+/i,lookbehind:!0},decorator:{pattern:/(^[\t ]*)@\w+(?:\.\w+)*/m,lookbehind:!0,alias:["annotation","punctuation"],inside:{punctuation:/\./}},keyword:/\b(?:_(?=\s*:)|and|as|assert|async|await|break|case|class|continue|def|del|elif|else|except|exec|finally|for|from|global|if|import|in|is|lambda|match|nonlocal|not|or|pass|print|raise|return|try|while|with|yield)\b/,builtin:/\b(?:__import__|abs|all|any|apply|ascii|basestring|bin|bool|buffer|bytearray|bytes|callable|chr|classmethod|cmp|coerce|compile|complex|delattr|dict|dir|divmod|enumerate|eval|execfile|file|filter|float|format|frozenset|getattr|globals|hasattr|hash|help|hex|id|input|int|intern|isinstance|issubclass|iter|len|list|locals|long|map|max|memoryview|min|next|object|oct|open|ord|pow|property|range|raw_input|reduce|reload|repr|reversed|round|set|setattr|slice|sorted|staticmethod|str|sum|super|tuple|type|unichr|unicode|vars|xrange|zip)\b/,boolean:/\b(?:False|None|True)\b/,number:/\b0(?:b(?:_?[01])+|o(?:_?[0-7])+|x(?:_?[a-f0-9])+)\b|(?:\b\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\B\.\d+(?:_\d+)*)(?:e[+-]?\d+(?:_\d+)*)?j?(?!\w)/i,operator:/[-+%=]=?|!=|:=|\*\*?=?|\/\/?=?|<[<=>]?|>[=>]?|[&|^~]/,punctuation:/[{}[\];(),.:]/},Zm.languages.python["string-interpolation"].inside.interpolation.inside.rest=Zm.languages.python,Zm.languages.py=Zm.languages.python,Zm.languages.reason=Zm.languages.extend("clike",{string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^\\\r\n"])*"/,greedy:!0},"class-name":/\b[A-Z]\w*/,keyword:/\b(?:and|as|assert|begin|class|constraint|do|done|downto|else|end|exception|external|for|fun|function|functor|if|in|include|inherit|initializer|lazy|let|method|module|mutable|new|nonrec|object|of|open|or|private|rec|sig|struct|switch|then|to|try|type|val|virtual|when|while|with)\b/,operator:/\.{3}|:[:=]|\|>|->|=(?:==?|>)?|<=?|>=?|[|^?'#!~`]|[+\-*\/]\.?|\b(?:asr|land|lor|lsl|lsr|lxor|mod)\b/}),Zm.languages.insertBefore("reason","class-name",{char:{pattern:/'(?:\\x[\da-f]{2}|\\o[0-3][0-7][0-7]|\\\d{3}|\\.|[^'\\\r\n])'/,greedy:!0},constructor:/\b[A-Z]\w*\b(?!\s*\.)/,label:{pattern:/\b[a-z]\w*(?=::)/,alias:"symbol"}}),delete Zm.languages.reason.function,function(e){e.languages.sass=e.languages.extend("css",{comment:{pattern:/^([ \t]*)\/[\/*].*(?:(?:\r?\n|\r)\1[ \t].+)*/m,lookbehind:!0,greedy:!0}}),e.languages.insertBefore("sass","atrule",{"atrule-line":{pattern:/^(?:[ \t]*)[@+=].+/m,greedy:!0,inside:{atrule:/(?:@[\w-]+|[+=])/}}}),delete e.languages.sass.atrule;var t=/\$[-\w]+|#\{\$[-\w]+\}/,n=[/[+*\/%]|[=!]=|<=?|>=?|\b(?:and|not|or)\b/,{pattern:/(\s)-(?=\s)/,lookbehind:!0}];e.languages.insertBefore("sass","property",{"variable-line":{pattern:/^[ \t]*\$.+/m,greedy:!0,inside:{punctuation:/:/,variable:t,operator:n}},"property-line":{pattern:/^[ \t]*(?:[^:\s]+ *:.*|:[^:\s].*)/m,greedy:!0,inside:{property:[/[^:\s]+(?=\s*:)/,{pattern:/(:)[^:\s]+/,lookbehind:!0}],punctuation:/:/,variable:t,operator:n,important:e.languages.sass.important}}}),delete e.languages.sass.property,delete e.languages.sass.important,e.languages.insertBefore("sass","punctuation",{selector:{pattern:/^([ \t]*)\S(?:,[^,\r\n]+|[^,\r\n]*)(?:,[^,\r\n]+)*(?:,(?:\r?\n|\r)\1[ \t]+\S(?:,[^,\r\n]+|[^,\r\n]*)(?:,[^,\r\n]+)*)*/m,lookbehind:!0,greedy:!0}})}(Zm),Zm.languages.scss=Zm.languages.extend("css",{comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|\/\/.*)/,lookbehind:!0},atrule:{pattern:/@[\w-](?:\([^()]+\)|[^()\s]|\s+(?!\s))*?(?=\s+[{;])/,inside:{rule:/@[\w-]+/}},url:/(?:[-a-z]+-)?url(?=\()/i,selector:{pattern:/(?=\S)[^@;{}()]?(?:[^@;{}()\s]|\s+(?!\s)|#\{\$[-\w]+\})+(?=\s*\{(?:\}|\s|[^}][^:{}]*[:{][^}]))/,inside:{parent:{pattern:/&/,alias:"important"},placeholder:/%[-\w]+/,variable:/\$[-\w]+|#\{\$[-\w]+\}/}},property:{pattern:/(?:[-\w]|\$[-\w]|#\{\$[-\w]+\})+(?=\s*:)/,inside:{variable:/\$[-\w]+|#\{\$[-\w]+\}/}}}),Zm.languages.insertBefore("scss","atrule",{keyword:[/@(?:content|debug|each|else(?: if)?|extend|for|forward|function|if|import|include|mixin|return|use|warn|while)\b/i,{pattern:/( )(?:from|through)(?= )/,lookbehind:!0}]}),Zm.languages.insertBefore("scss","important",{variable:/\$[-\w]+|#\{\$[-\w]+\}/}),Zm.languages.insertBefore("scss","function",{"module-modifier":{pattern:/\b(?:as|hide|show|with)\b/i,alias:"keyword"},placeholder:{pattern:/%[-\w]+/,alias:"selector"},statement:{pattern:/\B!(?:default|optional)\b/i,alias:"keyword"},boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"},operator:{pattern:/(\s)(?:[-+*\/%]|[=!]=|<=?|>=?|and|not|or)(?=\s)/,lookbehind:!0}}),Zm.languages.scss.atrule.inside.rest=Zm.languages.scss,function(e){var t={pattern:/(\b\d+)(?:%|[a-z]+)/,lookbehind:!0},n={pattern:/(^|[^\w.-])-?(?:\d+(?:\.\d+)?|\.\d+)/,lookbehind:!0},r={comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|\/\/.*)/,lookbehind:!0},url:{pattern:/\burl\((["']?).*?\1\)/i,greedy:!0},string:{pattern:/("|')(?:(?!\1)[^\\\r\n]|\\(?:\r\n|[\s\S]))*\1/,greedy:!0},interpolation:null,func:null,important:/\B!(?:important|optional)\b/i,keyword:{pattern:/(^|\s+)(?:(?:else|for|if|return|unless)(?=\s|$)|@[\w-]+)/,lookbehind:!0},hexcode:/#[\da-f]{3,6}/i,color:[/\b(?:AliceBlue|AntiqueWhite|Aqua|Aquamarine|Azure|Beige|Bisque|Black|BlanchedAlmond|Blue|BlueViolet|Brown|BurlyWood|CadetBlue|Chartreuse|Chocolate|Coral|CornflowerBlue|Cornsilk|Crimson|Cyan|DarkBlue|DarkCyan|DarkGoldenRod|DarkGr[ae]y|DarkGreen|DarkKhaki|DarkMagenta|DarkOliveGreen|DarkOrange|DarkOrchid|DarkRed|DarkSalmon|DarkSeaGreen|DarkSlateBlue|DarkSlateGr[ae]y|DarkTurquoise|DarkViolet|DeepPink|DeepSkyBlue|DimGr[ae]y|DodgerBlue|FireBrick|FloralWhite|ForestGreen|Fuchsia|Gainsboro|GhostWhite|Gold|GoldenRod|Gr[ae]y|Green|GreenYellow|HoneyDew|HotPink|IndianRed|Indigo|Ivory|Khaki|Lavender|LavenderBlush|LawnGreen|LemonChiffon|LightBlue|LightCoral|LightCyan|LightGoldenRodYellow|LightGr[ae]y|LightGreen|LightPink|LightSalmon|LightSeaGreen|LightSkyBlue|LightSlateGr[ae]y|LightSteelBlue|LightYellow|Lime|LimeGreen|Linen|Magenta|Maroon|MediumAquaMarine|MediumBlue|MediumOrchid|MediumPurple|MediumSeaGreen|MediumSlateBlue|MediumSpringGreen|MediumTurquoise|MediumVioletRed|MidnightBlue|MintCream|MistyRose|Moccasin|NavajoWhite|Navy|OldLace|Olive|OliveDrab|Orange|OrangeRed|Orchid|PaleGoldenRod|PaleGreen|PaleTurquoise|PaleVioletRed|PapayaWhip|PeachPuff|Peru|Pink|Plum|PowderBlue|Purple|Red|RosyBrown|RoyalBlue|SaddleBrown|Salmon|SandyBrown|SeaGreen|SeaShell|Sienna|Silver|SkyBlue|SlateBlue|SlateGr[ae]y|Snow|SpringGreen|SteelBlue|Tan|Teal|Thistle|Tomato|Transparent|Turquoise|Violet|Wheat|White|WhiteSmoke|Yellow|YellowGreen)\b/i,{pattern:/\b(?:hsl|rgb)\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*\)\B|\b(?:hsl|rgb)a\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*,\s*(?:0|0?\.\d+|1)\s*\)\B/i,inside:{unit:t,number:n,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:t,boolean:/\b(?:false|true)\b/,operator:[/~|[+!\/%<>?=]=?|[-:]=|\*[*=]?|\.{2,3}|&&|\|\||\B-\B|\b(?:and|in|is(?: a| defined| not|nt)?|not|or)\b/],number:n,punctuation:/[{}()\[\];:,]/};r.interpolation={pattern:/\{[^\r\n}:]+\}/,alias:"variable",inside:{delimiter:{pattern:/^\{|\}$/,alias:"punctuation"},rest:r}},r.func={pattern:/[\w-]+\([^)]*\).*/,inside:{function:/^[^(]+/,rest:r}},e.languages.stylus={"atrule-declaration":{pattern:/(^[ \t]*)@.+/m,lookbehind:!0,inside:{atrule:/^@[\w-]+/,rest:r}},"variable-declaration":{pattern:/(^[ \t]*)[\w$-]+\s*.?=[ \t]*(?:\{[^{}]*\}|\S.*|$)/m,lookbehind:!0,inside:{variable:/^\S+/,rest:r}},statement:{pattern:/(^[ \t]*)(?:else|for|if|return|unless)[ \t].+/m,lookbehind:!0,inside:{keyword:/^\S+/,rest:r}},"property-declaration":{pattern:/((?:^|\{)([ \t]*))(?:[\w-]|\{[^}\r\n]+\})+(?:\s*:\s*|[ \t]+)(?!\s)[^{\r\n]*(?:;|[^{\r\n,]$(?!(?:\r?\n|\r)(?:\{|\2[ \t])))/m,lookbehind:!0,inside:{property:{pattern:/^[^\s:]+/,inside:{interpolation:r.interpolation}},rest:r}},selector:{pattern:/(^[ \t]*)(?:(?=\S)(?:[^{}\r\n:()]|::?[\w-]+(?:\([^)\r\n]*\)|(?![\w-]))|\{[^}\r\n]+\})+)(?:(?:\r?\n|\r)(?:\1(?:(?=\S)(?:[^{}\r\n:()]|::?[\w-]+(?:\([^)\r\n]*\)|(?![\w-]))|\{[^}\r\n]+\})+)))*(?:,$|\{|(?=(?:\r?\n|\r)(?:\{|\1[ \t])))/m,lookbehind:!0,inside:{interpolation:r.interpolation,comment:r.comment,punctuation:/[{},]/}},func:r.func,string:r.string,comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|\/\/.*)/,lookbehind:!0,greedy:!0},interpolation:r.interpolation,punctuation:/[{}()\[\];:.]/}}(Zm),function(e){var t=e.util.clone(e.languages.typescript);e.languages.tsx=e.languages.extend("jsx",t),delete e.languages.tsx.parameter,delete e.languages.tsx["literal-property"];var n=e.languages.tsx.tag;n.pattern=RegExp(/(^|[^\w$]|(?=<\/))/.source+"(?:"+n.pattern.source+")",n.pattern.flags),n.lookbehind=!0}(Zm),Zm.languages.wasm={comment:[/\(;[\s\S]*?;\)/,{pattern:/;;.*/,greedy:!0}],string:{pattern:/"(?:\\[\s\S]|[^"\\])*"/,greedy:!0},keyword:[{pattern:/\b(?:align|offset)=/,inside:{operator:/=/}},{pattern:/\b(?:(?:f32|f64|i32|i64)(?:\.(?:abs|add|and|ceil|clz|const|convert_[su]\/i(?:32|64)|copysign|ctz|demote\/f64|div(?:_[su])?|eqz?|extend_[su]\/i32|floor|ge(?:_[su])?|gt(?:_[su])?|le(?:_[su])?|load(?:(?:8|16|32)_[su])?|lt(?:_[su])?|max|min|mul|neg?|nearest|or|popcnt|promote\/f32|reinterpret\/[fi](?:32|64)|rem_[su]|rot[lr]|shl|shr_[su]|sqrt|store(?:8|16|32)?|sub|trunc(?:_[su]\/f(?:32|64))?|wrap\/i64|xor))?|memory\.(?:grow|size))\b/,inside:{punctuation:/\./}},/\b(?:anyfunc|block|br(?:_if|_table)?|call(?:_indirect)?|data|drop|elem|else|end|export|func|get_(?:global|local)|global|if|import|local|loop|memory|module|mut|nop|offset|param|result|return|select|set_(?:global|local)|start|table|tee_local|then|type|unreachable)\b/],variable:/\$[\w!#$%&'*+\-./:<=>?@\\^`|~]+/,number:/[+-]?\b(?:\d(?:_?\d)*(?:\.\d(?:_?\d)*)?(?:[eE][+-]?\d(?:_?\d)*)?|0x[\da-fA-F](?:_?[\da-fA-F])*(?:\.[\da-fA-F](?:_?[\da-fA-D])*)?(?:[pP][+-]?\d(?:_?\d)*)?)\b|\binf\b|\bnan(?::0x[\da-fA-F](?:_?[\da-fA-D])*)?\b/,punctuation:/[()]/};var Jm={Prism:Zm,theme:{plain:{backgroundColor:"#2a2734",color:"#9a86fd"},styles:[{types:["comment","prolog","doctype","cdata","punctuation"],style:{color:"#6c6783"}},{types:["namespace"],style:{opacity:.7}},{types:["tag","operator","number"],style:{color:"#e09142"}},{types:["property","function"],style:{color:"#9a86fd"}},{types:["tag-id","selector","atrule-id"],style:{color:"#eeebff"}},{types:["attr-name"],style:{color:"#c4b9fe"}},{types:["boolean","string","entity","url","attr-value","keyword","control","directive","unit","statement","regex","atrule","placeholder","variable"],style:{color:"#ffcc99"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"#c4b9fe"}}]}};function eh(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function th(){return th=Object.assign||function(e){for(var t=1;t0&&e[n-1]===t?e:e.concat(t)};function ah(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&-1===t.indexOf(r)&&(n[r]=e[r]);return n}var ih=function(e){function t(){for(var t=this,n=[],r=arguments.length;r--;)n[r]=arguments[r];e.apply(this,n),eh(this,"getThemeDict",(function(e){if(void 0!==t.themeDict&&e.theme===t.prevTheme&&e.language===t.prevLanguage)return t.themeDict;t.prevTheme=e.theme,t.prevLanguage=e.language;var n=e.theme?function(e,t){var n=e.plain,r=Object.create(null),o=e.styles.reduce((function(e,n){var r=n.languages,o=n.style;return r&&!r.includes(t)||n.types.forEach((function(t){var n=th({},e[t],o);e[t]=n})),e}),r);return o.root=n,o.plain=th({},n,{backgroundColor:null}),o}(e.theme,e.language):void 0;return t.themeDict=n})),eh(this,"getLineProps",(function(e){var n=e.key,r=e.className,o=e.style,a=th({},ah(e,["key","className","style","line"]),{className:"token-line",style:void 0,key:void 0}),i=t.getThemeDict(t.props);return void 0!==i&&(a.style=i.plain),void 0!==o&&(a.style=void 0!==a.style?th({},a.style,o):o),void 0!==n&&(a.key=n),r&&(a.className+=" "+r),a})),eh(this,"getStyleForToken",(function(e){var n=e.types,r=e.empty,o=n.length,a=t.getThemeDict(t.props);if(void 0!==a){if(1===o&&"plain"===n[0])return r?{display:"inline-block"}:void 0;if(1===o&&!r)return a[n[0]];var i=r?{display:"inline-block"}:{},s=n.map((function(e){return a[e]}));return Object.assign.apply(Object,[i].concat(s))}})),eh(this,"getTokenProps",(function(e){var n=e.key,r=e.className,o=e.style,a=e.token,i=th({},ah(e,["key","className","style","token"]),{className:"token "+a.types.join(" "),children:a.content,style:t.getStyleForToken(a),key:void 0});return void 0!==o&&(i.style=void 0!==i.style?th({},i.style,o):o),void 0!==n&&(i.key=n),r&&(i.className+=" "+r),i})),eh(this,"tokenize",(function(e,t,n,r){var o={code:t,grammar:n,language:r,tokens:[]};e.hooks.run("before-tokenize",o);var a=o.tokens=e.tokenize(o.code,o.grammar,o.language);return e.hooks.run("after-tokenize",o),a}))}return e&&(t.__proto__=e),t.prototype=Object.create(e&&e.prototype),t.prototype.constructor=t,t.prototype.render=function(){var e=this.props,t=e.Prism,n=e.language,r=e.code,o=e.children,a=this.getThemeDict(this.props),i=t.languages[n],s=function(e){for(var t=[[]],n=[e],r=[0],o=[e.length],a=0,i=0,s=[],l=[s];i>-1;){for(;(a=r[i]++)0?u:["plain"],c=p):(u=oh(u,p.type),p.alias&&(u=oh(u,p.alias)),c=p.content),"string"==typeof c){var d=c.split(nh),f=d.length;s.push({types:u,content:d[0]});for(var m=1;m",">":">","'":"'","'":"'",""":'"',""":'"'," ":" "," ":" ","©":"\xa9","©":"\xa9","®":"\xae","®":"\xae","…":"\u2026","…":"\u2026","/":"/","/":"/"},wh=function(e){return vh[e]};function kh(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function xh(e){for(var t=1;t0&&void 0!==arguments[0]?arguments[0]:{};_h=xh(xh({},_h),e)}(e.options.react),function(e){Sh=e}(e)}},Ah=(0,r.createContext)(),Oh=function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.usedNamespaces={}}var t,n;return t=e,(n=[{key:"addUsedNamespaces",value:function(e){var t=this;e.forEach((function(e){t.usedNamespaces[e]||(t.usedNamespaces[e]=!0)}))}},{key:"getUsedNamespaces",value:function(){return Object.keys(this.usedNamespaces)}}])&&Eh(t.prototype,n),Object.defineProperty(t,"prototype",{writable:!1}),e}();function Th(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n1&&void 0!==arguments[1]?arguments[1]:{},n=t.i18n,o=(0,r.useContext)(Ah)||{},a=o.i18n,i=o.defaultNS,s=n||a||Sh;if(s&&!s.reportNamespaces&&(s.reportNamespaces=new Oh),!s){mh("You will need to pass in an i18next instance by using initReactI18next");var l=function(e,t){return"string"==typeof t?t:t&&"object"===ch(t)&&"string"==typeof t.defaultValue?t.defaultValue:Array.isArray(e)?e[e.length-1]:e},c=[l,{},!1];return c.t=l,c.i18n={},c.ready=!1,c}s.options.react&&void 0!==s.options.react.wait&&mh("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");var u=jh(jh(jh({},_h),s.options.react),t),p=u.useSuspense,d=u.keyPrefix,f=e||i||s.options&&s.options.defaultNS;f="string"==typeof f?[f]:f||["translation"],s.reportNamespaces.addUsedNamespaces&&s.reportNamespaces.addUsedNamespaces(f);var m=(s.isInitialized||s.initializedStoreOnce)&&f.every((function(e){return function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return t.languages&&t.languages.length?void 0!==t.options.ignoreJSONStructure?t.hasLoadedNamespace(e,{lng:n.lng,precheck:function(t,r){if(n.bindI18n&&n.bindI18n.indexOf("languageChanging")>-1&&t.services.backendConnector.backend&&t.isLanguageChangingTo&&!r(t.isLanguageChangingTo,e))return!1}}):function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=t.languages[0],o=!!t.options&&t.options.fallbackLng,a=t.languages[t.languages.length-1];if("cimode"===r.toLowerCase())return!0;var i=function(e,n){var r=t.services.backendConnector.state["".concat(e,"|").concat(n)];return-1===r||2===r};return!(n.bindI18n&&n.bindI18n.indexOf("languageChanging")>-1&&t.services.backendConnector.backend&&t.isLanguageChangingTo&&!i(t.isLanguageChangingTo,e)||!t.hasResourceBundle(r,e)&&t.services.backendConnector.backend&&(!t.options.resources||t.options.partialBundledLanguages)&&(!i(r,e)||o&&!i(a,e)))}(e,t,n):(mh("i18n.languages were undefined or empty",t.languages),!0)}(e,s,u)}));function h(){return s.getFixedT(t.lng||null,"fallback"===u.nsMode?f:f[0],d)}var g=function(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a,i,s=[],l=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=a.call(n)).done)&&(s.push(r.value),s.length!==t);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw o}}return s}}(e,t)||function(e,t){if(e){if("string"==typeof e)return Th(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Th(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}((0,r.useState)(h),2),y=g[0],b=g[1],v=f.join();t.lng&&(v="".concat(t.lng).concat(v));var w=Nh(v),k=(0,r.useRef)(!0);(0,r.useEffect)((function(){var e=u.bindI18n,n=u.bindI18nStore;function r(){k.current&&b(h)}return k.current=!0,m||p||(t.lng?yh(s,t.lng,f,(function(){k.current&&b(h)})):gh(s,f,(function(){k.current&&b(h)}))),m&&w&&w!==v&&k.current&&b(h),e&&s&&s.on(e,r),n&&s&&s.store.on(n,r),function(){k.current=!1,e&&s&&e.split(" ").forEach((function(e){return s.off(e,r)})),n&&s&&n.split(" ").forEach((function(e){return s.store.off(e,r)}))}}),[s,v]);var x=(0,r.useRef)(!0);(0,r.useEffect)((function(){k.current&&!x.current&&b(h),x.current=!1}),[s,d]);var S=[y,s,m];if(S.t=y,S.i18n=s,S.ready=m,m)return S;if(!m&&!p)return S;throw new Promise((function(e){t.lng?yh(s,t.lng,f,(function(){return e()})):gh(s,f,(function(){return e()}))}))}function Lh(e,t,n){return n&&function(e){try{var t=new URL(e).hostname.replace(/^www\./,""),n=window.location.hostname.replace(/^www\./,"");return"localhost"!==n?t!==n:"mendable.ai"!==t}catch(e){return pt.log("catching error in isSourceOutsideDomain"),!1}}(e)||!n&&t}var Ih=function(e){e.children;var t=e.sources,n=e.sourcesStyle,o=e.prettySources,a=void 0!==o&&o,i=e.openInNewTab,s=void 0===i||i,l=e.legacySourceDisplay,c=void 0!==l&&l,u=e.onSourceClickedForTracking,p=e.openInNewTabForOutsideSources,d=void 0!==p&&p,f=(0,r.useState)(-1),m=f[0];f[1];var h=Rh().t;function g(e){return/^(f|ht)tps?:\/\//i.test(e)||(e="https://"+e),e}function y(e){return-1===m?{content:"",link:""}:e[m]}function b(e){var t=e.link;try{var n=e.source_name;if(n&&n.length>0)return n;if(-1!==t.indexOf("?mendable_source_name="))return t.split("?mendable_source_name=")[1];!0===a&&(t=function(e){var t;try{t=new URL(e)}catch(e){return"Invalid URL"}var n=t.pathname.replace(/^\/|\/$/g,"").split("/");if((n=n.filter((function(e){return e})).map((function(e){return decodeURIComponent(e.replace(/\+/g," "))}))).length>0&&n[n.length-1].includes(".")){var r=n[n.length-1];n[n.length-1]=r.split(".").slice(0,-1).join(".")}if(0===n.length)return t.hostname;var o=n.slice(-Math.min(2,n.length)).map((function(e){return e.replace(/([a-z])([A-Z])/g,"$1 $2").replace(/[-_+]/g," ").split(" ").map((function(e){return e.charAt(0).toUpperCase()+e.slice(1)})).join(" ")})).reverse().join(" - ");o=o.replace(/[^a-z0-9 -]/gi,"");try{if(o.match(/^\d+/g)){var a=o.split(" ");a[0].match(/\d+/g)&&(a.shift(),o=a.join(" "))}}catch(e){}return o.length>35&&(o=o.substring(0,35)+"..."),o}(t))}catch(e){pt.log(e)}try{if((t=(t=(t=t.replace("https://","")).replace("http://","")).replace("www.","")).length>48)return t.substring(0,48)+"..."}catch(e){}return t}return c?r.createElement("div",{style:{color:n.darkMode?"#ffffff":"#000000"},className:"ms-flex ms-w-full ms-flex-col ms-overflow-auto ms-rounded-md ms-text-base"},r.createElement("p",{style:{marginRight:0,marginLeft:0},className:"ms-my-2 ms-flex ms-items-center ms-text-sm ".concat(n.darkMode?"ms-text-gray-50":"ms-text-black")},h("verifiedSources"),":"," "),r.createElement("ol",{className:"ms-m-0 ms-ml-0 ms-p-0 ms-pl-1 ms-text-sm"},t.map((function(e,t){return r.createElement("li",{key:t,className:"ms-m-0 ms-ml-0 ms-list-inside ms-break-all ms-p-0 ms-pl-0 ms-text-sm"},r.createElement("a",{href:g(e.link),target:Lh(e.link,s,d||!1)?"_blank":"_self",onClick:function(){Xi.capture("Navigating to a source",{source:e.link}),u&&u(e.link)},className:"ms-m-0 ms-p-0 ms-text-sm ms-underline ".concat(n.darkMode?"ms-text-white":"ms-text-black"," "),rel:"noreferrer"},b(e)))})))):r.createElement("div",{style:{color:n.darkMode?"#ffffff":"#000000"},className:"ms-flex ms-w-full ms-flex-col ms-overflow-auto ms-rounded-md ms-text-base"},r.createElement("div",null,r.createElement("div",{className:"ms-block"},r.createElement("p",{style:{marginRight:0,marginLeft:0},className:"ms-my-2 ms-flex ms-items-center ms-text-sm ".concat(n.darkMode?"ms-text-gray-50":"ms-text-black")},h("verifiedSources"),":"," "),r.createElement("nav",{className:"ms-flex ms-flex-col sm:ms-flex-row sm:ms-flex-wrap ms-w-full sm:ms-w-fit ms-items-start ms-justify-start ms-overflow-auto ms-rounded-lg ms-text-center"},t.map((function(e,t){return r.createElement("a",{href:g(e.link),target:Lh(e.link,s,d||!1)?"_blank":"_self",tabIndex:-1,key:t,onClick:function(){Xi.capture("Navigating to a source",{source:e.link}),u&&u(e.link)},style:{},className:"ms-mr-2 ms-min-w-[64px] ms-w-fit ms-max-w-xs sm:ms-max-w-[275px]\n ".concat(n.darkMode?"ms-bg-white ms-bg-opacity-0 ms-text-white ":"ms-bg-black ms-bg-opacity-0 ms-text-gray-800 "," ").concat(n.darkMode?"hover:ms-border-gray-100":"hover:ms-border-gray-800"," ms-no-underline group ms-whitespace-nowrap ms-overflow-hidden ms-relative ms-m-0 ms-mb-2 ms-rounded-lg ms-border ms-border-gray-500 ms-border-opacity-20 ms-p-0 ms-py-1 ms-px-2 ms-text-xs ms-font-normal hover:ms-cursor-pointer focus:ms-z-10 focus:ms-ring-transparent sm:ms-min-w-0 sm:ms-py-2 sm:ms-text-sm "),rel:"noreferrer"},r.createElement("div",{className:"w-fit ms-flex ms-items-center ms-justify-start"},r.createElement("span",{className:"ms-truncate ".concat(n.darkMode?"ms-text-white":"ms-text-black")},String(t+1)+".\t"+b(e))))})))),-1!==m&&r.createElement("div",{tabIndex:-1,className:"ms-relative ms-mt-1 ms-flex ms-w-full ms-flex-col ms-gap-2 ms-rounded-lg ms-bg-gray-50 ms-p-2 ".concat(n.darkMode?"ms-bg-opacity-5":""," ")},r.createElement("div",{className:"ms-relative ms-ml-4 ms-h-fit ms-overflow-auto "},r.createElement("div",{className:"ms-flex ms-w-full ms-flex-row ms-items-center ms-justify-between"},r.createElement("div",{style:{textDecorationColor:n.accentColor},className:"ms-flex ms-max-w-full ms-flex-col ms-items-end ms-gap-1 ms-underline hover:ms-cursor-pointer"}),r.createElement("div",{className:"ms-flex ms-max-w-full ms-flex-col ms-items-end ms-gap-1 hover:ms-cursor-pointer"},r.createElement("a",{style:{color:n.accentColor},className:" ms-mb-2 ms-flex ms-items-center ms-text-sm",target:"_blank",href:g(y(t).link),rel:"noreferrer",onClick:function(){Xi.capture("clicking view in docs",{source:y(t).link})}},r.createElement(bf,{className:"ms-mr-1"}),"View in Docs"))),r.createElement(uf,{components:{code:function(e){e.node;var t=e.inline,o=e.className,a=e.children,i=ft(e,["node","inline","className","children"]),s=/language-(\w+)/.exec(o||"");return t?r.createElement("code",dt({style:{background:n.accentColor},className:" ms-m-1 ms-rounded-md ms-bg-opacity-50 ms-p-1 before:ms-content-none after:ms-content-none"},i),String(a)):r.createElement("code",dt({className:"ms-rounded-md ms-bg-transparent ms-bg-opacity-25 before:ms-content-none after:ms-content-none"},i),r.createElement(lh,{language:s?s[1]:"",children:String(a),isDarkMode:n.darkMode}))}},remarkPlugins:[Qm],linkTarget:"_blank",className:"ms-prose ms-mt-2 ms-text-sm sm:ms-text-base ".concat(n.darkMode?"ms-text-white prose-headings:ms-text-white prose-p:ms-text-white prose-a:ms-text-white prose-blockquote:ms-text-white prose-strong:ms-text-white prose-code:ms-text-white prose-li:ms-text-white":"ms-text-gray-900 prose-headings:ms-text-gray-900 prose-p:ms-text-gray-900 prose-a:ms-text-gray-900 prose-blockquote:ms-text-gray-900 prose-strong:ms-text-gray-900 prose-code:ms-text-gray-100 prose-li:ms-text-gray-900")},y(t).content)))))};function Fh(e){var t=e.text,n=e.darkMode;return r.createElement("div",{className:"ms-flex ms-mb-2 ms-w-full ms-items-start ms-justify-start ms-rounded ms-border ms-border-yellow-300 ms-bg-yellow-100 ms-bg-opacity-10 ms-p-2 ms-text-sm ".concat(n?"ms-text-white":"ms-text-black")},r.createElement(r.Fragment,null,r.createElement(uf,{linkTarget:"_blank",className:" ms-prose ms-text-xs sm:ms-text-sm ".concat(n?"prose-headings:ms-text-white prose-p:ms-text-white prose-a:ms-text-white prose-blockquote:ms-text-white prose-strong:ms-text-white prose-code:ms-text-white prose-li:ms-text-white":"prose-headings:ms-text-gray-900 prose-p:ms-text-gray-900 prose-a:ms-text-gray-900 prose-blockquote:ms-text-gray-900 prose-strong:ms-text-gray-900 prose-code:ms-text-gray-100 prose-li:ms-text-gray-900"," $")},t)))}function Dh(e){var t=e.text,n=e.darkMode;return r.createElement("div",{className:"ms-flex ms-mb-2 ms-w-full ms-items-start ms-justify-start ms-rounded ms-border ms-border-red-300 ms-bg-red-100 ms-bg-opacity-10 ms-p-2 ms-text-sm ".concat(n?"ms-text-white":"ms-text-black")},r.createElement(r.Fragment,null,r.createElement(uf,{linkTarget:"_blank",className:" ms-prose ms-text-xs sm:ms-text-sm ".concat(n?"prose-headings:ms-text-white prose-p:ms-text-white prose-a:ms-text-white prose-blockquote:ms-text-white prose-strong:ms-text-white prose-code:ms-text-white prose-li:ms-text-white":"prose-headings:ms-text-gray-900 prose-p:ms-text-gray-900 prose-a:ms-text-gray-900 prose-blockquote:ms-text-gray-900 prose-strong:ms-text-gray-900 prose-code:ms-text-gray-100 prose-li:ms-text-gray-900"," $")},t)))}function Mh(e){var t=e.isUp,n=e.color,o=e.onClick,a=e.isLiked,i=e.isDarkMode,s=Rh().t;return r.createElement("button",{style:{backgroundColor:a?n+"55":"transparent"},className:"ms-m-0 ms-p-0 ms-text-white hover:ms-bg-white \n ".concat(a?i?"ms-bg-white ms-bg-opacity-0 ms-text-white ":"ms-bg-black ms-bg-opacity-0 ms-text-gray-800 ":"","\n ").concat(i?"hover:ms-border-gray-100":"hover:ms-border-gray-800"," ms-rounded-md ms-border ms-border-gray-500 ms-border-opacity-20 ms-py-1 ms-px-2 ms-text-xs ms-font-medium ms-transition-all hover:ms-cursor-pointer hover:ms-bg-opacity-10 sm:ms-text-sm ").concat(a?" hover:ms-bg-opacity-80":"ms-bg-transparent"),onClick:o,disabled:a},t?r.createElement("span",{"aria-label":"thumbs up",className:"".concat(i?"ms-text-white":"ms-text-black")},s("yes")):r.createElement("span",{"aria-label":"thumbs down",className:"".concat(i?"ms-text-white":"ms-text-black")},s("no")))}function zh(e){var t=e.onThumbsUp,n=e.onThumbsDown,o=e.isDarkMode,a=e.color,i=e.liked,s=void 0!==i&&i,l=e.disliked,c=void 0!==l&&l,u=(0,r.useState)(s),p=u[0],d=u[1],f=(0,r.useState)(c),m=f[0],h=f[1];return r.createElement("div",{className:"ms-mt-0 ms-flex ms-flex-row ms-space-x-2 ms-opacity-100 sm:ms-mt-2"},r.createElement(Mh,{isUp:!0,color:a,isDarkMode:o,onClick:function(){t(),d(!0),h(!1)},isLiked:p}),r.createElement(Mh,{isUp:!1,color:a,isDarkMode:o,onClick:function(){n(),d(!1),h(!0)},isLiked:m}))}function Bh(e){return Bh="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Bh(e)}function $h(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function qh(e){var t=function(e,t){if("object"!==Bh(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!==Bh(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===Bh(t)?t:String(t)}function Uh(e,t){for(var n=0;ne.length)&&(t=e.length);for(var n=0,r=new Array(t);n1&&void 0!==arguments[1]?arguments[1]:{};$h(this,e),this.init(t,n)}return Hh(e,[{key:"init",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.prefix=t.prefix||"i18next:",this.logger=e||eg,this.options=t,this.debug=t.debug}},{key:"setDebug",value:function(e){this.debug=e}},{key:"log",value:function(){for(var e=arguments.length,t=new Array(e),n=0;n1?t-1:0),r=1;r-1?e.replace(/###/g,"."):e}function o(){return!e||"string"==typeof e}for(var a="string"!=typeof t?[].concat(t):t.split(".");a.length>1;){if(o())return{};var i=r(a.shift());!e[i]&&n&&(e[i]=new n),e=Object.prototype.hasOwnProperty.call(e,i)?e[i]:{}}return o()?{}:{obj:e,k:r(a.shift())}}function ig(e,t,n){var r=ag(e,t,Object);r.obj[r.k]=n}function sg(e,t){var n=ag(e,t),r=n.obj,o=n.k;if(r)return r[o]}function lg(e,t,n){for(var r in t)"__proto__"!==r&&"constructor"!==r&&(r in e?"string"==typeof e[r]||e[r]instanceof String||"string"==typeof t[r]||t[r]instanceof String?n&&(e[r]=t[r]):lg(e[r],t[r],n):e[r]=t[r]);return e}function cg(e){return e.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g,"\\$&")}var ug={"&":"&","<":"<",">":">",'"':""","'":"'","/":"/"};function pg(e){return"string"==typeof e?e.replace(/[&<>"'\/]/g,(function(e){return ug[e]})):e}var dg="undefined"!=typeof window&&window.navigator&&void 0===window.navigator.userAgentData&&window.navigator.userAgent&&window.navigator.userAgent.indexOf("MSIE")>-1,fg=[" ",",","?","!",";"];function mg(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:".";if(e){if(e[t])return e[t];for(var r=t.split(n),o=e,a=0;aa+i;)i++,l=o[s=r.slice(a,a+i).join(n)];if(void 0===l)return;if(null===l)return null;if(t.endsWith(s)){if("string"==typeof l)return l;if(s&&"string"==typeof l[s])return l[s]}var c=r.slice(a+i).join(n);return c?mg(l,c,n):void 0}o=o[r[a]]}return o}}function hg(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function gg(e){for(var t=1;t1&&void 0!==arguments[1]?arguments[1]:{ns:["translation"],defaultNS:"translation"};return $h(this,n),r=t.call(this),dg&&ng.call(Vh(r)),r.data=e||{},r.options=o,void 0===r.options.keySeparator&&(r.options.keySeparator="."),void 0===r.options.ignoreJSONStructure&&(r.options.ignoreJSONStructure=!0),r}return Hh(n,[{key:"addNamespaces",value:function(e){this.options.ns.indexOf(e)<0&&this.options.ns.push(e)}},{key:"removeNamespaces",value:function(e){var t=this.options.ns.indexOf(e);t>-1&&this.options.ns.splice(t,1)}},{key:"getResource",value:function(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},o=void 0!==r.keySeparator?r.keySeparator:this.options.keySeparator,a=void 0!==r.ignoreJSONStructure?r.ignoreJSONStructure:this.options.ignoreJSONStructure,i=[e,t];n&&"string"!=typeof n&&(i=i.concat(n)),n&&"string"==typeof n&&(i=i.concat(o?n.split(o):n)),e.indexOf(".")>-1&&(i=e.split("."));var s=sg(this.data,i);return s||!a||"string"!=typeof n?s:mg(this.data&&this.data[e]&&this.data[e][t],n,o)}},{key:"addResource",value:function(e,t,n,r){var o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{silent:!1},a=this.options.keySeparator;void 0===a&&(a=".");var i=[e,t];n&&(i=i.concat(a?n.split(a):n)),e.indexOf(".")>-1&&(r=t,t=(i=e.split("."))[1]),this.addNamespaces(t),ig(this.data,i,r),o.silent||this.emit("added",e,t,n,r)}},{key:"addResources",value:function(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{silent:!1};for(var o in n)"string"!=typeof n[o]&&"[object Array]"!==Object.prototype.toString.apply(n[o])||this.addResource(e,t,o,n[o],{silent:!0});r.silent||this.emit("added",e,t,n)}},{key:"addResourceBundle",value:function(e,t,n,r,o){var a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{silent:!1},i=[e,t];e.indexOf(".")>-1&&(r=n,n=t,t=(i=e.split("."))[1]),this.addNamespaces(t);var s=sg(this.data,i)||{};r?lg(s,n,o):s=gg(gg({},s),n),ig(this.data,i,s),a.silent||this.emit("added",e,t,n)}},{key:"removeResourceBundle",value:function(e,t){this.hasResourceBundle(e,t)&&delete this.data[e][t],this.removeNamespaces(t),this.emit("removed",e,t)}},{key:"hasResourceBundle",value:function(e,t){return void 0!==this.getResource(e,t)}},{key:"getResourceBundle",value:function(e,t){return t||(t=this.options.defaultNS),"v1"===this.options.compatibilityAPI?gg(gg({},{}),this.getResource(e,t)):this.getResource(e,t)}},{key:"getDataByLanguage",value:function(e){return this.data[e]}},{key:"hasLanguageSomeTranslations",value:function(e){var t=this.getDataByLanguage(e);return!!(t&&Object.keys(t)||[]).find((function(e){return t[e]&&Object.keys(t[e]).length>0}))}},{key:"toJSON",value:function(){return this.data}}]),n}(),bg={processors:{},addPostProcessor:function(e){this.processors[e.name]=e},handle:function(e,t,n,r,o){var a=this;return e.forEach((function(e){a.processors[e]&&(t=a.processors[e].process(t,n,r,o))})),t}};function vg(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function wg(e){for(var t=1;t1&&void 0!==arguments[1]?arguments[1]:{};return $h(this,n),r=t.call(this),dg&&ng.call(Vh(r)),function(e,t,n){["resourceStore","languageUtils","pluralResolver","interpolator","backendConnector","i18nFormat","utils"].forEach((function(e){t[e]&&(n[e]=t[e])}))}(0,e,Vh(r)),r.options=o,void 0===r.options.keySeparator&&(r.options.keySeparator="."),r.logger=tg.create("translator"),r}return Hh(n,[{key:"changeLanguage",value:function(e){e&&(this.language=e)}},{key:"exists",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{interpolation:{}};if(null==e)return!1;var n=this.resolve(e,t);return n&&void 0!==n.res}},{key:"extractFromKey",value:function(e,t){var n=void 0!==t.nsSeparator?t.nsSeparator:this.options.nsSeparator;void 0===n&&(n=":");var r=void 0!==t.keySeparator?t.keySeparator:this.options.keySeparator,o=t.ns||this.options.defaultNS||[],a=n&&e.indexOf(n)>-1,i=!(this.options.userDefinedKeySeparator||t.keySeparator||this.options.userDefinedNsSeparator||t.nsSeparator||function(e,t,n){t=t||"",n=n||"";var r=fg.filter((function(e){return t.indexOf(e)<0&&n.indexOf(e)<0}));if(0===r.length)return!0;var o=new RegExp("(".concat(r.map((function(e){return"?"===e?"\\?":e})).join("|"),")")),a=!o.test(e);if(!a){var i=e.indexOf(n);i>0&&!o.test(e.substring(0,i))&&(a=!0)}return a}(e,n,r));if(a&&!i){var s=e.match(this.interpolator.nestingRegexp);if(s&&s.length>0)return{key:e,namespaces:o};var l=e.split(n);(n!==r||n===r&&this.options.ns.indexOf(l[0])>-1)&&(o=l.shift()),e=l.join(r)}return"string"==typeof o&&(o=[o]),{key:e,namespaces:o}}},{key:"translate",value:function(e,t,r){var o=this;if("object"!==Bh(t)&&this.options.overloadTranslationOptionHandler&&(t=this.options.overloadTranslationOptionHandler(arguments)),"object"===Bh(t)&&(t=wg({},t)),t||(t={}),null==e)return"";Array.isArray(e)||(e=[String(e)]);var a=void 0!==t.returnDetails?t.returnDetails:this.options.returnDetails,i=void 0!==t.keySeparator?t.keySeparator:this.options.keySeparator,s=this.extractFromKey(e[e.length-1],t),l=s.key,c=s.namespaces,u=c[c.length-1],p=t.lng||this.language,d=t.appendNamespaceToCIMode||this.options.appendNamespaceToCIMode;if(p&&"cimode"===p.toLowerCase()){if(d){var f=t.nsSeparator||this.options.nsSeparator;return a?{res:"".concat(u).concat(f).concat(l),usedKey:l,exactUsedKey:l,usedLng:p,usedNS:u}:"".concat(u).concat(f).concat(l)}return a?{res:l,usedKey:l,exactUsedKey:l,usedLng:p,usedNS:u}:l}var m=this.resolve(e,t),h=m&&m.res,g=m&&m.usedKey||l,y=m&&m.exactUsedKey||l,b=Object.prototype.toString.apply(h),v=void 0!==t.joinArrays?t.joinArrays:this.options.joinArrays,w=!this.i18nFormat||this.i18nFormat.handleAsObject;if(w&&h&&"string"!=typeof h&&"boolean"!=typeof h&&"number"!=typeof h&&["[object Number]","[object Function]","[object RegExp]"].indexOf(b)<0&&("string"!=typeof v||"[object Array]"!==b)){if(!t.returnObjects&&!this.options.returnObjects){this.options.returnedObjectHandler||this.logger.warn("accessing an object - but returnObjects options is not enabled!");var k=this.options.returnedObjectHandler?this.options.returnedObjectHandler(g,h,wg(wg({},t),{},{ns:c})):"key '".concat(l," (").concat(this.language,")' returned an object instead of string.");return a?(m.res=k,m):k}if(i){var x="[object Array]"===b,S=x?[]:{},_=x?y:g;for(var E in h)if(Object.prototype.hasOwnProperty.call(h,E)){var C="".concat(_).concat(i).concat(E);S[E]=this.translate(C,wg(wg({},t),{joinArrays:!1,ns:c})),S[E]===C&&(S[E]=h[E])}h=S}}else if(w&&"string"==typeof v&&"[object Array]"===b)(h=h.join(v))&&(h=this.extendTranslation(h,e,t,r));else{var A=!1,O=!1,T=void 0!==t.count&&"string"!=typeof t.count,P=n.hasDefaultValue(t),j=T?this.pluralResolver.getSuffix(p,t.count,t):"",N=t["defaultValue".concat(j)]||t.defaultValue;!this.isValidLookup(h)&&P&&(A=!0,h=N),this.isValidLookup(h)||(O=!0,h=l);var R=(t.missingKeyNoValueFallbackToKey||this.options.missingKeyNoValueFallbackToKey)&&O?void 0:h,L=P&&N!==h&&this.options.updateMissing;if(O||A||L){if(this.logger.log(L?"updateKey":"missingKey",p,u,l,L?N:h),i){var I=this.resolve(l,wg(wg({},t),{},{keySeparator:!1}));I&&I.res&&this.logger.warn("Seems the loaded translations were in flat JSON format instead of nested. Either set keySeparator: false on init or make sure your translations are published in nested format.")}var F=[],D=this.languageUtils.getFallbackCodes(this.options.fallbackLng,t.lng||this.language);if("fallback"===this.options.saveMissingTo&&D&&D[0])for(var M=0;M1&&void 0!==arguments[1]?arguments[1]:{};return"string"==typeof e&&(e=[e]),e.forEach((function(e){if(!i.isValidLookup(t)){var l=i.extractFromKey(e,s),c=l.key;n=c;var u=l.namespaces;i.options.fallbackNS&&(u=u.concat(i.options.fallbackNS));var p=void 0!==s.count&&"string"!=typeof s.count,d=p&&!s.ordinal&&0===s.count&&i.pluralResolver.shouldUseIntlApi(),f=void 0!==s.context&&("string"==typeof s.context||"number"==typeof s.context)&&""!==s.context,m=s.lngs?s.lngs:i.languageUtils.toResolveHierarchy(s.lng||i.language,s.fallbackLng);u.forEach((function(e){i.isValidLookup(t)||(a=e,!kg["".concat(m[0],"-").concat(e)]&&i.utils&&i.utils.hasLoadedNamespace&&!i.utils.hasLoadedNamespace(a)&&(kg["".concat(m[0],"-").concat(e)]=!0,i.logger.warn('key "'.concat(n,'" for languages "').concat(m.join(", "),'" won\'t get resolved as namespace "').concat(a,'" was not yet loaded'),"This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!")),m.forEach((function(n){if(!i.isValidLookup(t)){o=n;var a,l=[c];if(i.i18nFormat&&i.i18nFormat.addLookupKeys)i.i18nFormat.addLookupKeys(l,c,n,e,s);else{var u;p&&(u=i.pluralResolver.getSuffix(n,s.count,s));var m="".concat(i.options.pluralSeparator,"zero");if(p&&(l.push(c+u),d&&l.push(c+m)),f){var h="".concat(c).concat(i.options.contextSeparator).concat(s.context);l.push(h),p&&(l.push(h+u),d&&l.push(h+m))}}for(;a=l.pop();)i.isValidLookup(t)||(r=a,t=i.getResource(n,e,a,s))}})))}))}})),{res:t,usedKey:n,exactUsedKey:r,usedLng:o,usedNS:a}}},{key:"isValidLookup",value:function(e){return!(void 0===e||!this.options.returnNull&&null===e||!this.options.returnEmptyString&&""===e)}},{key:"getResource",value:function(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};return this.i18nFormat&&this.i18nFormat.getResource?this.i18nFormat.getResource(e,t,n,r):this.resourceStore.getResource(e,t,n,r)}}],[{key:"hasDefaultValue",value:function(e){var t="defaultValue";for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n)&&t===n.substring(0,12)&&void 0!==e[n])return!0;return!1}}]),n}();function Sg(e){return e.charAt(0).toUpperCase()+e.slice(1)}var _g=function(){function e(t){$h(this,e),this.options=t,this.supportedLngs=this.options.supportedLngs||!1,this.logger=tg.create("languageUtils")}return Hh(e,[{key:"getScriptPartFromCode",value:function(e){if(!e||e.indexOf("-")<0)return null;var t=e.split("-");return 2===t.length?null:(t.pop(),"x"===t[t.length-1].toLowerCase()?null:this.formatLanguageCode(t.join("-")))}},{key:"getLanguagePartFromCode",value:function(e){if(!e||e.indexOf("-")<0)return e;var t=e.split("-");return this.formatLanguageCode(t[0])}},{key:"formatLanguageCode",value:function(e){if("string"==typeof e&&e.indexOf("-")>-1){var t=["hans","hant","latn","cyrl","cans","mong","arab"],n=e.split("-");return this.options.lowerCaseLng?n=n.map((function(e){return e.toLowerCase()})):2===n.length?(n[0]=n[0].toLowerCase(),n[1]=n[1].toUpperCase(),t.indexOf(n[1].toLowerCase())>-1&&(n[1]=Sg(n[1].toLowerCase()))):3===n.length&&(n[0]=n[0].toLowerCase(),2===n[1].length&&(n[1]=n[1].toUpperCase()),"sgn"!==n[0]&&2===n[2].length&&(n[2]=n[2].toUpperCase()),t.indexOf(n[1].toLowerCase())>-1&&(n[1]=Sg(n[1].toLowerCase())),t.indexOf(n[2].toLowerCase())>-1&&(n[2]=Sg(n[2].toLowerCase()))),n.join("-")}return this.options.cleanCode||this.options.lowerCaseLng?e.toLowerCase():e}},{key:"isSupportedCode",value:function(e){return("languageOnly"===this.options.load||this.options.nonExplicitSupportedLngs)&&(e=this.getLanguagePartFromCode(e)),!this.supportedLngs||!this.supportedLngs.length||this.supportedLngs.indexOf(e)>-1}},{key:"getBestMatchFromCodes",value:function(e){var t,n=this;return e?(e.forEach((function(e){if(!t){var r=n.formatLanguageCode(e);n.options.supportedLngs&&!n.isSupportedCode(r)||(t=r)}})),!t&&this.options.supportedLngs&&e.forEach((function(e){if(!t){var r=n.getLanguagePartFromCode(e);if(n.isSupportedCode(r))return t=r;t=n.options.supportedLngs.find((function(e){return e===r?e:e.indexOf("-")<0&&r.indexOf("-")<0?void 0:0===e.indexOf(r)?e:void 0}))}})),t||(t=this.getFallbackCodes(this.options.fallbackLng)[0]),t):null}},{key:"getFallbackCodes",value:function(e,t){if(!e)return[];if("function"==typeof e&&(e=e(t)),"string"==typeof e&&(e=[e]),"[object Array]"===Object.prototype.toString.apply(e))return e;if(!t)return e.default||[];var n=e[t];return n||(n=e[this.getScriptPartFromCode(t)]),n||(n=e[this.formatLanguageCode(t)]),n||(n=e[this.getLanguagePartFromCode(t)]),n||(n=e.default),n||[]}},{key:"toResolveHierarchy",value:function(e,t){var n=this,r=this.getFallbackCodes(t||this.options.fallbackLng||[],e),o=[],a=function(e){e&&(n.isSupportedCode(e)?o.push(e):n.logger.warn("rejecting language code not found in supportedLngs: ".concat(e)))};return"string"==typeof e&&e.indexOf("-")>-1?("languageOnly"!==this.options.load&&a(this.formatLanguageCode(e)),"languageOnly"!==this.options.load&&"currentOnly"!==this.options.load&&a(this.getScriptPartFromCode(e)),"currentOnly"!==this.options.load&&a(this.getLanguagePartFromCode(e))):"string"==typeof e&&a(this.formatLanguageCode(e)),r.forEach((function(e){o.indexOf(e)<0&&a(n.formatLanguageCode(e))})),o}}]),e}(),Eg=[{lngs:["ach","ak","am","arn","br","fil","gun","ln","mfe","mg","mi","oc","pt","pt-BR","tg","tl","ti","tr","uz","wa"],nr:[1,2],fc:1},{lngs:["af","an","ast","az","bg","bn","ca","da","de","dev","el","en","eo","es","et","eu","fi","fo","fur","fy","gl","gu","ha","hi","hu","hy","ia","it","kk","kn","ku","lb","mai","ml","mn","mr","nah","nap","nb","ne","nl","nn","no","nso","pa","pap","pms","ps","pt-PT","rm","sco","se","si","so","son","sq","sv","sw","ta","te","tk","ur","yo"],nr:[1,2],fc:2},{lngs:["ay","bo","cgg","fa","ht","id","ja","jbo","ka","km","ko","ky","lo","ms","sah","su","th","tt","ug","vi","wo","zh"],nr:[1],fc:3},{lngs:["be","bs","cnr","dz","hr","ru","sr","uk"],nr:[1,2,5],fc:4},{lngs:["ar"],nr:[0,1,2,3,11,100],fc:5},{lngs:["cs","sk"],nr:[1,2,5],fc:6},{lngs:["csb","pl"],nr:[1,2,5],fc:7},{lngs:["cy"],nr:[1,2,3,8],fc:8},{lngs:["fr"],nr:[1,2],fc:9},{lngs:["ga"],nr:[1,2,3,7,11],fc:10},{lngs:["gd"],nr:[1,2,3,20],fc:11},{lngs:["is"],nr:[1,2],fc:12},{lngs:["jv"],nr:[0,1],fc:13},{lngs:["kw"],nr:[1,2,3,4],fc:14},{lngs:["lt"],nr:[1,2,10],fc:15},{lngs:["lv"],nr:[1,2,0],fc:16},{lngs:["mk"],nr:[1,2],fc:17},{lngs:["mnk"],nr:[0,1,2],fc:18},{lngs:["mt"],nr:[1,2,11,20],fc:19},{lngs:["or"],nr:[2,1],fc:2},{lngs:["ro"],nr:[1,2,20],fc:20},{lngs:["sl"],nr:[5,1,2,3],fc:21},{lngs:["he","iw"],nr:[1,2,20,21],fc:22}],Cg={1:function(e){return Number(e>1)},2:function(e){return Number(1!=e)},3:function(e){return 0},4:function(e){return Number(e%10==1&&e%100!=11?0:e%10>=2&&e%10<=4&&(e%100<10||e%100>=20)?1:2)},5:function(e){return Number(0==e?0:1==e?1:2==e?2:e%100>=3&&e%100<=10?3:e%100>=11?4:5)},6:function(e){return Number(1==e?0:e>=2&&e<=4?1:2)},7:function(e){return Number(1==e?0:e%10>=2&&e%10<=4&&(e%100<10||e%100>=20)?1:2)},8:function(e){return Number(1==e?0:2==e?1:8!=e&&11!=e?2:3)},9:function(e){return Number(e>=2)},10:function(e){return Number(1==e?0:2==e?1:e<7?2:e<11?3:4)},11:function(e){return Number(1==e||11==e?0:2==e||12==e?1:e>2&&e<20?2:3)},12:function(e){return Number(e%10!=1||e%100==11)},13:function(e){return Number(0!==e)},14:function(e){return Number(1==e?0:2==e?1:3==e?2:3)},15:function(e){return Number(e%10==1&&e%100!=11?0:e%10>=2&&(e%100<10||e%100>=20)?1:2)},16:function(e){return Number(e%10==1&&e%100!=11?0:0!==e?1:2)},17:function(e){return Number(1==e||e%10==1&&e%100!=11?0:1)},18:function(e){return Number(0==e?0:1==e?1:2)},19:function(e){return Number(1==e?0:0==e||e%100>1&&e%100<11?1:e%100>10&&e%100<20?2:3)},20:function(e){return Number(1==e?0:0==e||e%100>0&&e%100<20?1:2)},21:function(e){return Number(e%100==1?1:e%100==2?2:e%100==3||e%100==4?3:0)},22:function(e){return Number(1==e?0:2==e?1:(e<0||e>10)&&e%10==0?2:3)}},Ag=["v1","v2","v3"],Og={zero:0,one:1,two:2,few:3,many:4,other:5},Tg=function(){function e(t){var n,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};$h(this,e),this.languageUtils=t,this.options=r,this.logger=tg.create("pluralResolver"),this.options.compatibilityJSON&&"v4"!==this.options.compatibilityJSON||"undefined"!=typeof Intl&&Intl.PluralRules||(this.options.compatibilityJSON="v3",this.logger.error("Your environment seems not to be Intl API compatible, use an Intl.PluralRules polyfill. Will fallback to the compatibilityJSON v3 format handling.")),this.rules=(n={},Eg.forEach((function(e){e.lngs.forEach((function(t){n[t]={numbers:e.nr,plurals:Cg[e.fc]}}))})),n)}return Hh(e,[{key:"addRule",value:function(e,t){this.rules[e]=t}},{key:"getRule",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(this.shouldUseIntlApi())try{return new Intl.PluralRules(e,{type:t.ordinal?"ordinal":"cardinal"})}catch(e){return}return this.rules[e]||this.rules[this.languageUtils.getLanguagePartFromCode(e)]}},{key:"needsPlural",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=this.getRule(e,t);return this.shouldUseIntlApi()?n&&n.resolvedOptions().pluralCategories.length>1:n&&n.numbers.length>1}},{key:"getPluralFormsOfKey",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return this.getSuffixes(e,n).map((function(e){return"".concat(t).concat(e)}))}},{key:"getSuffixes",value:function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=this.getRule(e,n);return r?this.shouldUseIntlApi()?r.resolvedOptions().pluralCategories.sort((function(e,t){return Og[e]-Og[t]})).map((function(e){return"".concat(t.options.prepend).concat(e)})):r.numbers.map((function(r){return t.getSuffix(e,r,n)})):[]}},{key:"getSuffix",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=this.getRule(e,n);return r?this.shouldUseIntlApi()?"".concat(this.options.prepend).concat(r.select(t)):this.getSuffixRetroCompatible(r,t):(this.logger.warn("no plural rule found for: ".concat(e)),"")}},{key:"getSuffixRetroCompatible",value:function(e,t){var n=this,r=e.noAbs?e.plurals(t):e.plurals(Math.abs(t)),o=e.numbers[r];this.options.simplifyPluralSuffix&&2===e.numbers.length&&1===e.numbers[0]&&(2===o?o="plural":1===o&&(o=""));var a=function(){return n.options.prepend&&o.toString()?n.options.prepend+o.toString():o.toString()};return"v1"===this.options.compatibilityJSON?1===o?"":"number"==typeof o?"_plural_".concat(o.toString()):a():"v2"===this.options.compatibilityJSON||this.options.simplifyPluralSuffix&&2===e.numbers.length&&1===e.numbers[0]?a():this.options.prepend&&r.toString()?this.options.prepend+r.toString():r.toString()}},{key:"shouldUseIntlApi",value:function(){return!Ag.includes(this.options.compatibilityJSON)}}]),e}();function Pg(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function jg(e){for(var t=1;t3&&void 0!==arguments[3]?arguments[3]:".",o=!(arguments.length>4&&void 0!==arguments[4])||arguments[4],a=function(e,t,n){var r=sg(e,n);return void 0!==r?r:sg(t,n)}(e,t,n);return!a&&o&&"string"==typeof n&&void 0===(a=mg(e,n,r))&&(a=mg(t,n,r)),a}var Rg=function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};$h(this,e),this.logger=tg.create("interpolator"),this.options=t,this.format=t.interpolation&&t.interpolation.format||function(e){return e},this.init(t)}return Hh(e,[{key:"init",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};e.interpolation||(e.interpolation={escapeValue:!0});var t=e.interpolation;this.escape=void 0!==t.escape?t.escape:pg,this.escapeValue=void 0===t.escapeValue||t.escapeValue,this.useRawValueToEscape=void 0!==t.useRawValueToEscape&&t.useRawValueToEscape,this.prefix=t.prefix?cg(t.prefix):t.prefixEscaped||"{{",this.suffix=t.suffix?cg(t.suffix):t.suffixEscaped||"}}",this.formatSeparator=t.formatSeparator?t.formatSeparator:t.formatSeparator||",",this.unescapePrefix=t.unescapeSuffix?"":t.unescapePrefix||"-",this.unescapeSuffix=this.unescapePrefix?"":t.unescapeSuffix||"",this.nestingPrefix=t.nestingPrefix?cg(t.nestingPrefix):t.nestingPrefixEscaped||cg("$t("),this.nestingSuffix=t.nestingSuffix?cg(t.nestingSuffix):t.nestingSuffixEscaped||cg(")"),this.nestingOptionsSeparator=t.nestingOptionsSeparator?t.nestingOptionsSeparator:t.nestingOptionsSeparator||",",this.maxReplaces=t.maxReplaces?t.maxReplaces:1e3,this.alwaysFormat=void 0!==t.alwaysFormat&&t.alwaysFormat,this.resetRegExp()}},{key:"reset",value:function(){this.options&&this.init(this.options)}},{key:"resetRegExp",value:function(){var e="".concat(this.prefix,"(.+?)").concat(this.suffix);this.regexp=new RegExp(e,"g");var t="".concat(this.prefix).concat(this.unescapePrefix,"(.+?)").concat(this.unescapeSuffix).concat(this.suffix);this.regexpUnescape=new RegExp(t,"g");var n="".concat(this.nestingPrefix,"(.+?)").concat(this.nestingSuffix);this.nestingRegexp=new RegExp(n,"g")}},{key:"interpolate",value:function(e,t,n,r){var o,a,i,s=this,l=this.options&&this.options.interpolation&&this.options.interpolation.defaultVariables||{};function c(e){return e.replace(/\$/g,"$$$$")}var u=function(e){if(e.indexOf(s.formatSeparator)<0){var o=Ng(t,l,e,s.options.keySeparator,s.options.ignoreJSONStructure);return s.alwaysFormat?s.format(o,void 0,n,jg(jg(jg({},r),t),{},{interpolationkey:e})):o}var a=e.split(s.formatSeparator),i=a.shift().trim(),c=a.join(s.formatSeparator).trim();return s.format(Ng(t,l,i,s.options.keySeparator,s.options.ignoreJSONStructure),c,n,jg(jg(jg({},r),t),{},{interpolationkey:i}))};this.resetRegExp();var p=r&&r.missingInterpolationHandler||this.options.missingInterpolationHandler,d=r&&r.interpolation&&void 0!==r.interpolation.skipOnVariables?r.interpolation.skipOnVariables:this.options.interpolation.skipOnVariables;return[{regex:this.regexpUnescape,safeValue:function(e){return c(e)}},{regex:this.regexp,safeValue:function(e){return s.escapeValue?c(s.escape(e)):c(e)}}].forEach((function(t){for(i=0;o=t.regex.exec(e);){var n=o[1].trim();if(void 0===(a=u(n)))if("function"==typeof p){var l=p(e,o,r);a="string"==typeof l?l:""}else if(r&&Object.prototype.hasOwnProperty.call(r,n))a="";else{if(d){a=o[0];continue}s.logger.warn("missed to pass in variable ".concat(n," for interpolating ").concat(e)),a=""}else"string"==typeof a||s.useRawValueToEscape||(a=og(a));var c=t.safeValue(a);if(e=e.replace(o[0],c),d?(t.regex.lastIndex+=a.length,t.regex.lastIndex-=o[0].length):t.regex.lastIndex=0,++i>=s.maxReplaces)break}})),e}},{key:"nest",value:function(e,t){var n,r,o,a=this,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};function s(e,t){var n=this.nestingOptionsSeparator;if(e.indexOf(n)<0)return e;var r=e.split(new RegExp("".concat(n,"[ ]*{"))),a="{".concat(r[1]);e=r[0];var i=(a=this.interpolate(a,o)).match(/'/g),s=a.match(/"/g);(i&&i.length%2==0&&!s||s.length%2!=0)&&(a=a.replace(/'/g,'"'));try{o=JSON.parse(a),t&&(o=jg(jg({},t),o))}catch(t){return this.logger.warn("failed parsing options string in nesting for key ".concat(e),t),"".concat(e).concat(n).concat(a)}return delete o.defaultValue,e}for(;n=this.nestingRegexp.exec(e);){var l=[];(o=(o=jg({},i)).replace&&"string"!=typeof o.replace?o.replace:o).applyPostProcessor=!1,delete o.defaultValue;var c=!1;if(-1!==n[0].indexOf(this.formatSeparator)&&!/{.*}/.test(n[1])){var u=n[1].split(this.formatSeparator).map((function(e){return e.trim()}));n[1]=u.shift(),l=u,c=!0}if((r=t(s.call(this,n[1].trim(),o),o))&&n[0]===e&&"string"!=typeof r)return r;"string"!=typeof r&&(r=og(r)),r||(this.logger.warn("missed to resolve ".concat(n[1]," for nesting ").concat(e)),r=""),c&&(r=l.reduce((function(e,t){return a.format(e,t,i.lng,jg(jg({},i),{},{interpolationkey:n[1].trim()}))}),r.trim())),e=e.replace(n[0],r),this.regexp.lastIndex=0}return e}}]),e}();function Lg(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Ig(e){for(var t=1;t0&&void 0!==arguments[0]?arguments[0]:{};$h(this,e),this.logger=tg.create("formatter"),this.options=t,this.formats={number:Fg((function(e,t){var n=new Intl.NumberFormat(e,Ig({},t));return function(e){return n.format(e)}})),currency:Fg((function(e,t){var n=new Intl.NumberFormat(e,Ig(Ig({},t),{},{style:"currency"}));return function(e){return n.format(e)}})),datetime:Fg((function(e,t){var n=new Intl.DateTimeFormat(e,Ig({},t));return function(e){return n.format(e)}})),relativetime:Fg((function(e,t){var n=new Intl.RelativeTimeFormat(e,Ig({},t));return function(e){return n.format(e,t.range||"day")}})),list:Fg((function(e,t){var n=new Intl.ListFormat(e,Ig({},t));return function(e){return n.format(e)}}))},this.init(t)}return Hh(e,[{key:"init",value:function(e){var t=(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{interpolation:{}}).interpolation;this.formatSeparator=t.formatSeparator?t.formatSeparator:t.formatSeparator||","}},{key:"add",value:function(e,t){this.formats[e.toLowerCase().trim()]=t}},{key:"addCached",value:function(e,t){this.formats[e.toLowerCase().trim()]=Fg(t)}},{key:"format",value:function(e,t,n){var r=this,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=t.split(this.formatSeparator).reduce((function(e,t){var a=function(e){var t=e.toLowerCase().trim(),n={};if(e.indexOf("(")>-1){var r=e.split("(");t=r[0].toLowerCase().trim();var o=r[1].substring(0,r[1].length-1);"currency"===t&&o.indexOf(":")<0?n.currency||(n.currency=o.trim()):"relativetime"===t&&o.indexOf(":")<0?n.range||(n.range=o.trim()):o.split(";").forEach((function(e){if(e){var t=function(e){return function(e){if(Array.isArray(e))return e}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return Xh(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Xh(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}(e.split(":")),r=t[0],o=t.slice(1).join(":").trim().replace(/^'+|'+$/g,"");n[r.trim()]||(n[r.trim()]=o),"false"===o&&(n[r.trim()]=!1),"true"===o&&(n[r.trim()]=!0),isNaN(o)||(n[r.trim()]=parseInt(o,10))}}))}return{formatName:t,formatOptions:n}}(t),i=a.formatName,s=a.formatOptions;if(r.formats[i]){var l=e;try{var c=o&&o.formatParams&&o.formatParams[o.interpolationkey]||{},u=c.locale||c.lng||o.locale||o.lng||n;l=r.formats[i](e,u,Ig(Ig(Ig({},s),o),c))}catch(e){r.logger.warn(e)}return l}return r.logger.warn("there was no format function for ".concat(i)),e}),e);return a}}]),e}();function Mg(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function zg(e){for(var t=1;t3&&void 0!==arguments[3]?arguments[3]:{};return $h(this,n),a=t.call(this),dg&&ng.call(Vh(a)),a.backend=e,a.store=r,a.services=o,a.languageUtils=o.languageUtils,a.options=i,a.logger=tg.create("backendConnector"),a.waitingReads=[],a.maxParallelReads=i.maxParallelReads||10,a.readingCalls=0,a.maxRetries=i.maxRetries>=0?i.maxRetries:5,a.retryTimeout=i.retryTimeout>=1?i.retryTimeout:350,a.state={},a.queue=[],a.backend&&a.backend.init&&a.backend.init(o,i.backend,i),a}return Hh(n,[{key:"queueLoad",value:function(e,t,n,r){var o=this,a={},i={},s={},l={};return e.forEach((function(e){var r=!0;t.forEach((function(t){var s="".concat(e,"|").concat(t);!n.reload&&o.store.hasResourceBundle(e,t)?o.state[s]=2:o.state[s]<0||(1===o.state[s]?void 0===i[s]&&(i[s]=!0):(o.state[s]=1,r=!1,void 0===i[s]&&(i[s]=!0),void 0===a[s]&&(a[s]=!0),void 0===l[t]&&(l[t]=!0)))})),r||(s[e]=!0)})),(Object.keys(a).length||Object.keys(i).length)&&this.queue.push({pending:i,pendingCount:Object.keys(i).length,loaded:{},errors:[],callback:r}),{toLoad:Object.keys(a),pending:Object.keys(i),toLoadLanguages:Object.keys(s),toLoadNamespaces:Object.keys(l)}}},{key:"loaded",value:function(e,t,n){var r=e.split("|"),o=r[0],a=r[1];t&&this.emit("failedLoading",o,a,t),n&&this.store.addResourceBundle(o,a,n),this.state[e]=t?-1:2;var i={};this.queue.forEach((function(n){!function(e,t,n,r){var o=ag(e,t,Object),a=o.obj,i=o.k;a[i]=a[i]||[],a[i].push(n)}(n.loaded,[o],a),function(e,t){void 0!==e.pending[t]&&(delete e.pending[t],e.pendingCount--)}(n,e),t&&n.errors.push(t),0!==n.pendingCount||n.done||(Object.keys(n.loaded).forEach((function(e){i[e]||(i[e]={});var t=n.loaded[e];t.length&&t.forEach((function(t){void 0===i[e][t]&&(i[e][t]=!0)}))})),n.done=!0,n.errors.length?n.callback(n.errors):n.callback())})),this.emit("loaded",i),this.queue=this.queue.filter((function(e){return!e.done}))}},{key:"read",value:function(e,t,n){var r=this,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:this.retryTimeout,i=arguments.length>5?arguments[5]:void 0;if(!e.length)return i(null,{});if(this.readingCalls>=this.maxParallelReads)this.waitingReads.push({lng:e,ns:t,fcName:n,tried:o,wait:a,callback:i});else{this.readingCalls++;var s=function(s,l){if(r.readingCalls--,r.waitingReads.length>0){var c=r.waitingReads.shift();r.read(c.lng,c.ns,c.fcName,c.tried,c.wait,c.callback)}s&&l&&o2&&void 0!==arguments[2]?arguments[2]:{},o=arguments.length>3?arguments[3]:void 0;if(!this.backend)return this.logger.warn("No backend was added via i18next.use. Will not load resources."),o&&o();"string"==typeof e&&(e=this.languageUtils.toResolveHierarchy(e)),"string"==typeof t&&(t=[t]);var a=this.queueLoad(e,t,r,o);if(!a.toLoad.length)return a.pending.length||o(),null;a.toLoad.forEach((function(e){n.loadOne(e)}))}},{key:"load",value:function(e,t,n){this.prepareLoading(e,t,{},n)}},{key:"reload",value:function(e,t,n){this.prepareLoading(e,t,{reload:!0},n)}},{key:"loadOne",value:function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",r=e.split("|"),o=r[0],a=r[1];this.read(o,a,"read",void 0,void 0,(function(r,i){r&&t.logger.warn("".concat(n,"loading namespace ").concat(a," for language ").concat(o," failed"),r),!r&&i&&t.logger.log("".concat(n,"loaded namespace ").concat(a," for language ").concat(o),i),t.loaded(e,r,i)}))}},{key:"saveMissing",value:function(e,t,n,r,o){var a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},i=arguments.length>6&&void 0!==arguments[6]?arguments[6]:function(){};if(this.services.utils&&this.services.utils.hasLoadedNamespace&&!this.services.utils.hasLoadedNamespace(t))this.logger.warn('did not save key "'.concat(n,'" as the namespace "').concat(t,'" was not yet loaded'),"This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!");else if(null!=n&&""!==n){if(this.backend&&this.backend.create){var s=zg(zg({},a),{},{isUpdate:o}),l=this.backend.create.bind(this.backend);if(l.length<6)try{var c;(c=5===l.length?l(e,t,n,r,s):l(e,t,n,r))&&"function"==typeof c.then?c.then((function(e){return i(null,e)})).catch(i):i(null,c)}catch(e){i(e)}else l(e,t,n,r,i,s)}e&&e[0]&&this.store.addResource(e[0],t,n,r)}}}]),n}();function $g(){return{debug:!1,initImmediate:!0,ns:["translation"],defaultNS:["translation"],fallbackLng:["dev"],fallbackNS:!1,supportedLngs:!1,nonExplicitSupportedLngs:!1,load:"all",preload:!1,simplifyPluralSuffix:!0,keySeparator:".",nsSeparator:":",pluralSeparator:"_",contextSeparator:"_",partialBundledLanguages:!1,saveMissing:!1,updateMissing:!1,saveMissingTo:"fallback",saveMissingPlurals:!0,missingKeyHandler:!1,missingInterpolationHandler:!1,postProcess:!1,postProcessPassResolved:!1,returnNull:!0,returnEmptyString:!0,returnObjects:!1,joinArrays:!1,returnedObjectHandler:!1,parseMissingKeyHandler:!1,appendNamespaceToMissingKey:!1,appendNamespaceToCIMode:!1,overloadTranslationOptionHandler:function(e){var t={};if("object"===Bh(e[1])&&(t=e[1]),"string"==typeof e[1]&&(t.defaultValue=e[1]),"string"==typeof e[2]&&(t.tDescription=e[2]),"object"===Bh(e[2])||"object"===Bh(e[3])){var n=e[3]||e[2];Object.keys(n).forEach((function(e){t[e]=n[e]}))}return t},interpolation:{escapeValue:!0,format:function(e,t,n,r){return e},prefix:"{{",suffix:"}}",formatSeparator:",",unescapePrefix:"-",nestingPrefix:"$t(",nestingSuffix:")",nestingOptionsSeparator:",",maxReplaces:1e3,skipOnVariables:!0}}}function qg(e){return"string"==typeof e.ns&&(e.ns=[e.ns]),"string"==typeof e.fallbackLng&&(e.fallbackLng=[e.fallbackLng]),"string"==typeof e.fallbackNS&&(e.fallbackNS=[e.fallbackNS]),e.supportedLngs&&e.supportedLngs.indexOf("cimode")<0&&(e.supportedLngs=e.supportedLngs.concat(["cimode"])),e}function Ug(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Hg(e){for(var t=1;t0&&void 0!==arguments[0]?arguments[0]:{},a=arguments.length>1?arguments[1]:void 0;if($h(this,n),e=t.call(this),dg&&ng.call(Vh(e)),e.options=qg(o),e.services={},e.logger=tg,e.modules={external:[]},r=Vh(e),Object.getOwnPropertyNames(Object.getPrototypeOf(r)).forEach((function(e){"function"==typeof r[e]&&(r[e]=r[e].bind(r))})),a&&!e.isInitialized&&!o.isClone){if(!e.options.initImmediate)return e.init(o,a),Yh(e,Vh(e));setTimeout((function(){e.init(o,a)}),0)}return e}return Hh(n,[{key:"init",value:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=arguments.length>1?arguments[1]:void 0;"function"==typeof t&&(n=t,t={}),!t.defaultNS&&!1!==t.defaultNS&&t.ns&&("string"==typeof t.ns?t.defaultNS=t.ns:t.ns.indexOf("translation")<0&&(t.defaultNS=t.ns[0]));var r=$g();function o(e){return e?"function"==typeof e?new e:e:null}if(this.options=Hg(Hg(Hg({},r),this.options),qg(t)),"v1"!==this.options.compatibilityAPI&&(this.options.interpolation=Hg(Hg({},r.interpolation),this.options.interpolation)),void 0!==t.keySeparator&&(this.options.userDefinedKeySeparator=t.keySeparator),void 0!==t.nsSeparator&&(this.options.userDefinedNsSeparator=t.nsSeparator),!this.options.isClone){var a;this.modules.logger?tg.init(o(this.modules.logger),this.options):tg.init(null,this.options),this.modules.formatter?a=this.modules.formatter:"undefined"!=typeof Intl&&(a=Dg);var i=new _g(this.options);this.store=new yg(this.options.resources,this.options);var s=this.services;s.logger=tg,s.resourceStore=this.store,s.languageUtils=i,s.pluralResolver=new Tg(i,{prepend:this.options.pluralSeparator,compatibilityJSON:this.options.compatibilityJSON,simplifyPluralSuffix:this.options.simplifyPluralSuffix}),!a||this.options.interpolation.format&&this.options.interpolation.format!==r.interpolation.format||(s.formatter=o(a),s.formatter.init(s,this.options),this.options.interpolation.format=s.formatter.format.bind(s.formatter)),s.interpolator=new Rg(this.options),s.utils={hasLoadedNamespace:this.hasLoadedNamespace.bind(this)},s.backendConnector=new Bg(o(this.modules.backend),s.resourceStore,s,this.options),s.backendConnector.on("*",(function(t){for(var n=arguments.length,r=new Array(n>1?n-1:0),o=1;o1?n-1:0),o=1;o0&&"dev"!==l[0]&&(this.options.lng=l[0])}this.services.languageDetector||this.options.lng||this.logger.warn("init: no languageDetector is used and no lng is defined"),["getResource","hasResourceBundle","getResourceBundle","getDataByLanguage"].forEach((function(t){e[t]=function(){var n;return(n=e.store)[t].apply(n,arguments)}})),["addResource","addResources","addResourceBundle","removeResourceBundle"].forEach((function(t){e[t]=function(){var n;return(n=e.store)[t].apply(n,arguments),e}}));var c=rg(),u=function(){var t=function(t,r){e.isInitialized&&!e.initializedStoreOnce&&e.logger.warn("init: i18next is already initialized. You should call init just once!"),e.isInitialized=!0,e.options.isClone||e.logger.log("initialized",e.options),e.emit("initialized",e.options),c.resolve(r),n(t,r)};if(e.languages&&"v1"!==e.options.compatibilityAPI&&!e.isInitialized)return t(null,e.t.bind(e));e.changeLanguage(e.options.lng,t)};return this.options.resources||!this.options.initImmediate?u():setTimeout(u,0),c}},{key:"loadResources",value:function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Vg,r="string"==typeof e?e:this.language;if("function"==typeof e&&(n=e),!this.options.resources||this.options.partialBundledLanguages){if(r&&"cimode"===r.toLowerCase())return n();var o=[],a=function(e){e&&t.services.languageUtils.toResolveHierarchy(e).forEach((function(e){o.indexOf(e)<0&&o.push(e)}))};r?a(r):this.services.languageUtils.getFallbackCodes(this.options.fallbackLng).forEach((function(e){return a(e)})),this.options.preload&&this.options.preload.forEach((function(e){return a(e)})),this.services.backendConnector.load(o,this.options.ns,(function(e){e||t.resolvedLanguage||!t.language||t.setResolvedLanguage(t.language),n(e)}))}else n(null)}},{key:"reloadResources",value:function(e,t,n){var r=rg();return e||(e=this.languages),t||(t=this.options.ns),n||(n=Vg),this.services.backendConnector.reload(e,t,(function(e){r.resolve(),n(e)})),r}},{key:"use",value:function(e){if(!e)throw new Error("You are passing an undefined module! Please check the object you are passing to i18next.use()");if(!e.type)throw new Error("You are passing a wrong module! Please check the object you are passing to i18next.use()");return"backend"===e.type&&(this.modules.backend=e),("logger"===e.type||e.log&&e.warn&&e.error)&&(this.modules.logger=e),"languageDetector"===e.type&&(this.modules.languageDetector=e),"i18nFormat"===e.type&&(this.modules.i18nFormat=e),"postProcessor"===e.type&&bg.addPostProcessor(e),"formatter"===e.type&&(this.modules.formatter=e),"3rdParty"===e.type&&this.modules.external.push(e),this}},{key:"setResolvedLanguage",value:function(e){if(e&&this.languages&&!(["cimode","dev"].indexOf(e)>-1))for(var t=0;t-1)&&this.store.hasLanguageSomeTranslations(n)){this.resolvedLanguage=n;break}}}},{key:"changeLanguage",value:function(e,t){var n=this;this.isLanguageChangingTo=e;var r=rg();this.emit("languageChanging",e);var o=function(e){n.language=e,n.languages=n.services.languageUtils.toResolveHierarchy(e),n.resolvedLanguage=void 0,n.setResolvedLanguage(e)},a=function(a){e||a||!n.services.languageDetector||(a=[]);var i="string"==typeof a?a:n.services.languageUtils.getBestMatchFromCodes(a);i&&(n.language||o(i),n.translator.language||n.translator.changeLanguage(i),n.services.languageDetector&&n.services.languageDetector.cacheUserLanguage&&n.services.languageDetector.cacheUserLanguage(i)),n.loadResources(i,(function(e){!function(e,a){a?(o(a),n.translator.changeLanguage(a),n.isLanguageChangingTo=void 0,n.emit("languageChanged",a),n.logger.log("languageChanged",a)):n.isLanguageChangingTo=void 0,r.resolve((function(){return n.t.apply(n,arguments)})),t&&t(e,(function(){return n.t.apply(n,arguments)}))}(e,i)}))};return e||!this.services.languageDetector||this.services.languageDetector.async?!e&&this.services.languageDetector&&this.services.languageDetector.async?0===this.services.languageDetector.detect.length?this.services.languageDetector.detect().then(a):this.services.languageDetector.detect(a):a(e):a(this.services.languageDetector.detect()),r}},{key:"getFixedT",value:function(e,t,n){var r=this,o=function e(t,o){var a;if("object"!==Bh(o)){for(var i=arguments.length,s=new Array(i>2?i-2:0),l=2;l1&&void 0!==arguments[1]?arguments[1]:{};if(!this.isInitialized)return this.logger.warn("hasLoadedNamespace: i18next was not initialized",this.languages),!1;if(!this.languages||!this.languages.length)return this.logger.warn("hasLoadedNamespace: i18n.languages were undefined or empty",this.languages),!1;var r=n.lng||this.resolvedLanguage||this.languages[0],o=!!this.options&&this.options.fallbackLng,a=this.languages[this.languages.length-1];if("cimode"===r.toLowerCase())return!0;var i=function(e,n){var r=t.services.backendConnector.state["".concat(e,"|").concat(n)];return-1===r||2===r};if(n.precheck){var s=n.precheck(this,i);if(void 0!==s)return s}return!(!this.hasResourceBundle(r,e)&&this.services.backendConnector.backend&&(!this.options.resources||this.options.partialBundledLanguages)&&(!i(r,e)||o&&!i(a,e)))}},{key:"loadNamespaces",value:function(e,t){var n=this,r=rg();return this.options.ns?("string"==typeof e&&(e=[e]),e.forEach((function(e){n.options.ns.indexOf(e)<0&&n.options.ns.push(e)})),this.loadResources((function(e){r.resolve(),t&&t(e)})),r):(t&&t(),Promise.resolve())}},{key:"loadLanguages",value:function(e,t){var n=rg();"string"==typeof e&&(e=[e]);var r=this.options.preload||[],o=e.filter((function(e){return r.indexOf(e)<0}));return o.length?(this.options.preload=r.concat(o),this.loadResources((function(e){n.resolve(),t&&t(e)})),n):(t&&t(),Promise.resolve())}},{key:"dir",value:function(e){if(e||(e=this.resolvedLanguage||(this.languages&&this.languages.length>0?this.languages[0]:this.language)),!e)return"rtl";var t=this.services&&this.services.languageUtils||new _g($g());return["ar","shu","sqr","ssh","xaa","yhd","yud","aao","abh","abv","acm","acq","acw","acx","acy","adf","ads","aeb","aec","afb","ajp","apc","apd","arb","arq","ars","ary","arz","auz","avl","ayh","ayl","ayn","ayp","bbz","pga","he","iw","ps","pbt","pbu","pst","prp","prd","ug","ur","ydd","yds","yih","ji","yi","hbo","men","xmn","fa","jpr","peo","pes","prs","dv","sam","ckb"].indexOf(t.getLanguagePartFromCode(e))>-1||e.toLowerCase().indexOf("-arab")>1?"rtl":"ltr"}},{key:"cloneInstance",value:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Vg,o=Hg(Hg(Hg({},this.options),t),{isClone:!0}),a=new n(o);return void 0===t.debug&&void 0===t.prefix||(a.logger=a.logger.clone(t)),["store","services","language"].forEach((function(t){a[t]=e[t]})),a.services=Hg({},this.services),a.services.utils={hasLoadedNamespace:a.hasLoadedNamespace.bind(a)},a.translator=new xg(a.services,a.options),a.translator.on("*",(function(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r0&&void 0!==arguments[0]?arguments[0]:{},arguments.length>1?arguments[1]:void 0)}));var Wg=Gg.createInstance();Wg.createInstance=Gg.createInstance,Wg.createInstance,Wg.dir,Wg.init,Wg.loadResources,Wg.reloadResources,Wg.use,Wg.changeLanguage,Wg.getFixedT;var Yg=Wg.t;function Kg(e){var t=e.isBot,n=e.messageStyle,o=e.botIcon,a=e.userIcon,i=e.isDefault;e.isGenerating;var s=e.displayThin;return r.createElement("div",{style:{background:t&&n.accentColor.startsWith("#fff")?"#ffffff33":t&&n.accentColor.startsWith("#000")?"#00000077":t&&i?"linear-gradient(to right, "+n.accentColor+","+n.accentColor+"77)":"",backgroundClip:"padding-box"},className:"\n ms-hidden ms-h-8\n ms-w-8\n ms-min-w-[32px]\n ms-flex-col\n ms-items-center\n ms-justify-center ms-overflow-hidden ms-rounded-lg ms-border ms-border-gray-500 ms-border-opacity-20 ".concat(s?"":"sm:ms-flex sm:ms-h-8 sm:ms-w-8 sm:ms-min-w-[32px]")},r.createElement("div",{className:"messageIconContainer ms-m-0 ms-flex ms-items-center ms-justify-center ms-p-0 ms-text-sm ".concat(s?"":"sm:ms-text-base")},t?"string"==typeof o?r.createElement("img",{alt:"Assistant icon",src:o,className:""}):o:"string"==typeof a?r.createElement("img",{alt:"Assistant icon",src:a}):a))}Wg.exists,Wg.setDefaultNamespace,Wg.hasLoadedNamespace,Wg.loadNamespaces,Wg.loadLanguages;var Qg,Xg,Zg=function(e){var t=e.message,n=e.message_id,o=e.messageStyle,a=e.sourcesStyle,i=e.isBot,s=e.sources,l=e.alert,c=e.alertMessage,u=e.messageSettings,p=void 0===u?xr:u,d=e.botIcon,f=e.userIcon,m=e.isGenerating,h=e.initialMessage,g=void 0!==h&&h,y=e.displayThin,b=void 0!==y&&y,v=e.onSourceClickedForTracking;return t=function(e){for(var t,n=/^```\s*.*[\r\n]([\s\S]*?)^```.*[\r\n]?/gm,r=[];null!==(t=n.exec(e));)r.push(t[0]);for(var o=e.split(/```[\w\s]*\n[\s\S]*?\n```/g),a=0;a0&&!0!==p.hideSources&&r.createElement("hr",{className:"ms-mt-6 ms-w-full ms-rounded-full ms-border-0 ms-bg-gray-400 ms-bg-opacity-25 ms-p-[0.5px]"})):r.createElement(r.Fragment,null),i&&void 0!==s&&s.length>0?r.createElement("div",null,r.createElement("div",{className:""}),!0===p.hideSources?r.createElement(r.Fragment,null):r.createElement(Ih,{sources:s,sourcesStyle:a,prettySources:p.prettySources,openInNewTab:p.openSourcesInNewTab,openInNewTabForOutsideSources:p.openInNewTabForOutsideSources,legacySourceDisplay:p.legacySourceDisplay,onSourceClickedForTracking:v})):r.createElement("div",null)))},Jg=function(e){return{display:e?"flex":"none"}},ey={"aria-busy":!0,role:"status"},ty=function(){return ty=Object.assign||function(e){for(var t,n=1,r=arguments.length;nf)&&(z=(q=q.replace(" ",":")).length),0r&&(r=(t=t.trim()).charCodeAt(0)),r){case 38:return t.replace(g,"$1"+e.trim());case 58:return e.trim()+t.replace(g,"$1"+e.trim());default:if(0<1*n&&0l.charCodeAt(8))break;case 115:i=i.replace(l,"-webkit-"+l)+";"+i;break;case 207:case 102:i=i.replace(l,"-webkit-"+(102r.charCodeAt(0)&&(r=r.trim()),r=[r],0 ({})}\n```\n\n',8:'ThemeProvider: Please make your "theme" prop an object.\n\n',9:"Missing document ``\n\n",10:"Cannot find a StyleSheet instance. Usually this happens if there are multiple copies of styled-components loaded at once. Check out this issue for how to troubleshoot and fix the common cases where this situation can happen: https://github.com/styled-components/styled-components/issues/1941#issuecomment-417862021\n\n",11:"_This error was replaced with a dev-time warning, it will be deleted for v4 final._ [createGlobalStyle] received children which will not be rendered. Please use the component without passing children elements.\n\n",12:"It seems you are interpolating a keyframe declaration (%s) into an untagged string. This was supported in styled-components v3, but is not longer supported in v4 as keyframes are now injected on-demand. Please wrap your string in the css\\`\\` helper which ensures the styles are injected correctly. See https://www.styled-components.com/docs/api#css\n\n",13:"%s is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.\n\n",14:'ThemeProvider: "theme" prop is required.\n\n',15:"A stylis plugin has been supplied that is not named. We need a name for each plugin to be able to prevent styling collisions between different stylis configurations within the same app. Before you pass your plugin to ``, please make sure each plugin is uniquely-named, e.g.\n\n```js\nObject.defineProperty(importedPlugin, 'name', { value: 'some-unique-name' });\n```\n\n",16:"Reached the limit of how many styled components may be created at group %s.\nYou may only create up to 1,073,741,824 components. If you're creating components dynamically,\nas for instance in your render method then you may be running into this limitation.\n\n",17:"CSSStyleSheet could not be found on HTMLStyleElement.\nHas styled-components' style tag been unmounted or altered by another script?\n"}:{};function qy(){for(var e=arguments.length<=0?void 0:arguments[0],t=[],n=1,r=arguments.length;n1?t-1:0),r=1;r0?" Args: "+n.join(", "):"")):new Error(qy.apply(void 0,[$y[e]].concat(n)).trim())}var Hy=function(){function e(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e}var t=e.prototype;return t.indexOfGroup=function(e){for(var t=0,n=0;n=this.groupSizes.length){for(var n=this.groupSizes,r=n.length,o=r;e>=o;)(o<<=1)<0&&Uy(16,""+e);this.groupSizes=new Uint32Array(o),this.groupSizes.set(n),this.length=o;for(var a=r;a=this.length||0===this.groupSizes[e])return t;for(var n=this.groupSizes[e],r=this.indexOfGroup(e),o=r+n,a=r;a1<<30)&&Uy(16,""+t),Vy.set(e,t),Gy.set(t,e),t},Ky=function(e){return Gy.get(e)},Qy=function(e,t){t>=Wy&&(Wy=t+1),Vy.set(e,t),Gy.set(t,e)},Xy="style["+My+'][data-styled-version="5.3.6"]',Zy=new RegExp("^"+My+'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)'),Jy=function(e,t,n){for(var r,o=n.split(","),a=0,i=o.length;a=0;n--){var r=t[n];if(r&&1===r.nodeType&&r.hasAttribute(My))return r}}(r),i=void 0!==a?a.nextSibling:null;o.setAttribute(My,"active"),o.setAttribute("data-styled-version","5.3.6");var s=n.nc;return s&&o.setAttribute("nonce",s),r.insertBefore(o,i),o},nb=function(){function e(e){var t=this.element=tb(e);t.appendChild(document.createTextNode("")),this.sheet=function(e){if(e.sheet)return e.sheet;for(var t=document.styleSheets,n=0,r=t.length;n=0){var n=document.createTextNode(t),r=this.nodes[e];return this.element.insertBefore(n,r||null),this.length++,!0}return!1},t.deleteRule=function(e){this.element.removeChild(this.nodes[e]),this.length--},t.getRule=function(e){return e0&&(c+=e+",")})),r+=""+s+l+'{content:"'+c+'"}/*!sc*/\n'}}}return r}(this)},e}(),lb=/(a)(d)/gi,cb=function(e){return String.fromCharCode(e+(e>25?39:97))};function ub(e){var t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=cb(t%52)+n;return(cb(t%52)+n).replace(lb,"$1-$2")}var pb=function(e,t){for(var n=t.length;n;)e=33*e^t.charCodeAt(--n);return e},db=function(e){return pb(5381,e)},fb=db("5.3.6"),mb=function(){function e(e,t,n){this.rules=e,this.staticRulesId="",this.isStatic="production"===Us.env.NODE_ENV&&(void 0===n||n.isStatic)&&function(e){for(var t=0;t>>0);if(!t.hasNameForId(r,i)){var s=n(a,"."+i,void 0,r);t.insertRules(r,i,s)}o.push(i),this.staticRulesId=i}else{for(var l=this.rules.length,c=pb(this.baseHash,n.hash),u="",p=0;p>>0);if(!t.hasNameForId(r,h)){var g=n(u,"."+h,void 0,r);t.insertRules(r,h,g)}o.push(h)}}return o.join(" ")},e}(),hb=/^\s*\/\/.*$/gm,gb=[":","[",".","#"],yb=r.createContext();yb.Consumer;var bb=r.createContext(),vb=(bb.Consumer,new sb),wb=function(e){var t,n,r,o,a=Ly,i=a.options,s=void 0===i?Ly:i,l=a.plugins,c=void 0===l?Ry:l,u=new sy(s),p=[],d=function(e){function t(t){if(t)try{e(t+"}")}catch(e){}}return function(n,r,o,a,i,s,l,c,u,p){switch(n){case 1:if(0===u&&64===r.charCodeAt(0))return e(r+";"),"";break;case 2:if(0===c)return r+"/*|*/";break;case 3:switch(c){case 102:case 112:return e(o[0]+r),"";default:return r+(0===p?"/*|*/":"")}case-2:r.split("/*|*/}").forEach(t)}}}((function(e){p.push(e)})),f=function(e,r,a){return 0===r&&-1!==gb.indexOf(a[n.length])||a.match(o)?e:"."+t};function m(e,a,i,s){void 0===s&&(s="&");var l=e.replace(hb,""),c=a&&i?i+" "+a+" { "+l+" }":l;return t=s,n=a,r=new RegExp("\\"+n+"\\b","g"),o=new RegExp("(\\"+n+"\\b){2,}"),u(i||!a?"":a,c)}return u.use([].concat(c,[function(e,t,o){2===e&&o.length&&o[0].lastIndexOf(n)>0&&(o[0]=o[0].replace(r,f))},d,function(e){if(-2===e){var t=p;return p=[],t}}])),m.hash=c.length?c.reduce((function(e,t){return t.name||Uy(15),pb(e,t.name)}),5381).toString():"",m}(),kb=function(){function e(e,t){var n=this;this.inject=function(e,t){void 0===t&&(t=wb);var r=n.name+t.hash;e.hasNameForId(n.id,r)||e.insertRules(n.id,r,t(n.rules,r,"@keyframes"))},this.toString=function(){return Uy(12,String(n.name))},this.name=e,this.id="sc-keyframes-"+e,this.rules=t}return e.prototype.getName=function(e){return void 0===e&&(e=wb),this.name+e.hash},e}(),xb=/([A-Z])/,Sb=/([A-Z])/g,_b=/^ms-/,Eb=function(e){return"-"+e.toLowerCase()};function Cb(e){return xb.test(e)?e.replace(Sb,Eb).replace(_b,"-ms-"):e}var Ab=function(e){return null==e||!1===e||""===e};function Ob(e,t,n,r){if(Array.isArray(e)){for(var o,a=[],i=0,s=e.length;i1?t-1:0),r=1;r?@[\\\]^`{|}~-]+/g,Lb=/(^-|-$)/g;function Ib(e){return e.replace(Rb,"-").replace(Lb,"")}var Fb=function(e){return ub(db(e)>>>0)};function Db(e){return"string"==typeof e&&("production"===Us.env.NODE_ENV||e.charAt(0)===e.charAt(0).toLowerCase())}var Mb=function(e){return"function"==typeof e||"object"==typeof e&&null!==e&&!Array.isArray(e)},zb=function(e){return"__proto__"!==e&&"constructor"!==e&&"prototype"!==e};function Bb(e,t,n){var r=e[n];Mb(t)&&Mb(r)?$b(r,t):e[n]=t}function $b(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r=0||(o[n]=e[n]);return o}(t,["componentId"]),a=r&&r+"-"+(Db(e)?e:Ib(Fy(e)));return Hb(e,Py({},o,{attrs:f,componentId:a}),n)},Object.defineProperty(h,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(t){this._foldedDefaultProps=o?$b({},e.defaultProps,t):t}}),"production"!==Us.env.NODE_ENV&&(function(e,t){if("production"!==Us.env.NODE_ENV){var n="The component "+e+(t?' with the id of "'+t+'"':"")+" has been created dynamically.\nYou may see this warning because you've called styled inside another component.\nTo resolve this only create new StyledComponents outside of any render method and function component.",o=pt.error;try{var a=!0;pt.error=function(e){if(jb.test(e))a=!1,Nb.delete(n);else{for(var t=arguments.length,r=new Array(t>1?t-1:0),i=1;i=200)){var a=t?' with the id of "'+t+'"':"";pt.warn("Over 200 classes were generated for component "+e+a+".\nConsider using the attrs method, together with a style object for frequently changed styles.\nExample:\n const Component = styled.div.attrs(props => ({\n style: {\n background: props.background,\n },\n }))`width: 100%;`\n\n "),r=!0,n={}}}}(p,d)),h.toString=function(){return"."+h.styledComponentId},a&&Ty(h,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0,withComponent:!0}),h}var Vb=function(e){return function e(t,n,r){if(void 0===r&&(r=Ly),!ry.isValidElementType(n))return Uy(1,String(n));var o=function(){return t(n,r,Pb.apply(void 0,arguments))};return o.withConfig=function(o){return e(t,n,Py({},r,{},o))},o.attrs=function(o){return e(t,n,Py({},r,{attrs:Array.prototype.concat(r.attrs,o).filter(Boolean)}))},o}(Hb,e)};function Gb(e){"production"!==Us.env.NODE_ENV&&"undefined"!=typeof navigator&&"ReactNative"===navigator.product&&pt.warn("`keyframes` cannot be used on ReactNative, only on the web. To do animation in ReactNative please use Animated.");for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r0&&void 0!==arguments[0]?arguments[0]:{};if(void 0!==t[e])return t[e];if(e&&e.indexOf(".")>0){for(var n=e.split("."),r=n.length,o=t[n[0]],a=1;null!=o&&aparseInt(m)))};return(0,r.useEffect)((function(){h(),p.current&&p.current.focus()}),[a]),r.createElement(r.Fragment,null,r.createElement("textarea",dt({ref:p,onInput:h,autoFocus:t,maxLength:n,onKeyDown:o,spellCheck:!1,value:a,onChange:i,placeholder:s,className:"ms-font-sans ms-relative ms-resize-none ms-text-base sm:ms-text-base ms-flex-grow ms-bg-transparent ".concat((null==l?void 0:l.darkMode)?"ms-text-white":"ms-text-black"," ms-global ms-h-fit !ms-p-0 ms-max-h-[200px] !ms-border-0 !ms-border-transparent ms-w-full focus:ms-ring-0 focus:ms-ring-transparent focus:ms-outline-none ms-ring-0 ms-ring-transparent ms-outline-none ").concat(c," ms-white-space-pre-wrap ms-word-wrap-break-word")},u)))};function uv(e){var t=e.handleClick,n=e.value,o=e.generating,a=e.loading,i=e.style,s=a||o||0===n.length,l=Rh().t;return r.createElement("button",{disabled:s,style:{backgroundColor:s?i.darkMode?"#9399A420":"#aaaaaa80":i.accentColor,color:"#ffffff"},onClick:t,className:" ms-z-10 ms-m-0 ms-flex ms-items-center ms-whitespace-nowrap ms-gap-1 ms-rounded-lg ms-p-0 ms-text-sm hover:ms-cursor-pointer sm:ms-text-base ".concat(s?"ms-py-[1px] ms-px-[7px]":"ms-py-[2px] ms-px-[8px]"," ms-transition-all disabled:ms-bg-opacity-10")},o||a?r.createElement(ny,{height:15,width:15,radius:10,color:"#ffffff",ariaLabel:"grid-loading","ms-visible":!0}):r.createElement(kf,null),r.createElement("div",{className:"ms-whitespace-nowrap "},l(o?"generating":a?"loading":"ask")))}function pv(e){var t=e.placeholder,n=void 0===t?"How to deploy my application?":t,o=e.loading,a=void 0!==o&&o,i=e.handleClick,s=e.onChange,l=e.value,c=e.onKeyDown,u=e.generating,p=void 0!==u&&u,d=e.overrideInputStyles,f=void 0===d?"":d,m=e.overrideInputContainerStyles,h=void 0===m?"":m,g=e.style,y=void 0===g?wr:g,b=e.isTextArea,v=void 0!==b&&b,w=r.useRef(null);return r.useEffect((function(){w.current&&w.current.focus()}),[]),r.createElement("div",{className:"ms-mt-2 ms-w-full ms-text-base sm:ms-mt-0 sm:ms-text-base"},r.createElement("div",{className:" ms-m-0 ms-flex ms-flex-row ms-items-center ms-justify-between ms-gap-2 ms-p-0 ".concat(y.darkMode?"ms-bg-opacity-5 ms-text-white ":" ms-text-gray-400"," ms-w-full ms-bg-gray-50 ms-p-2 ms-pl-4 ms-pr-2 ms-shadow ms-transition-all hover:ms-shadow-md ").concat(v?"ms-h-fit":"ms-h-10"," ms-outline-none ms-ring-0 ").concat(h)},r.createElement("div",{className:"ms-flex ms-w-full ms-min-w-0 ms-items-center ms-gap-1"},v?r.createElement(cv,{id:"userInput",name:"userInput",autoFocus:!0,maxLength:1300,onKeyDown:c,value:l,onChange:s,placeholder:n,customStyle:y,overrideInputStyles:f}):r.createElement("input",{ref:w,id:"userInput",name:"userInput",autoFocus:!0,maxLength:512,onKeyDown:c,value:l,onChange:s,placeholder:n,className:" font-sans ms-flex-grow ms-bg-transparent ms-text-base sm:ms-text-base ".concat(y.darkMode?"ms-text-white":"ms-text-black"," ms-global ms-w-full ms-truncate ms-outline-none ms-ring-0 ms-ring-transparent focus:ms-outline-none focus:ms-ring-0 focus:ms-ring-transparent ").concat(f," ")})),r.createElement(uv,{value:l,handleClick:i,loading:a,generating:p,style:y})))}function dv(e){var t=e.color,n=void 0===t?"#1FD085":t,o=Rh().t;return r.createElement("div",{className:"ms-flex ms-min-h-[100px] ms-w-full ms-flex-col ms-items-center ms-justify-center ms-gap-2 ms-border-b ms-border-gray-500 ms-border-opacity-20 ms-p-4 "},r.createElement(ny,{height:30,width:30,radius:5,color:n,ariaLabel:"grid-loading","ms-visible":!0}),r.createElement("p",{style:{margin:0},className:"ms-text-center ms-text-xs ms-opacity-60"},o("searchingDocs")))}var fv="main-module_ms-main-bot__QKkRf";function mv(e){var t=e.darkMode,n=e.questions,o=e.onClick;return r.createElement("div",{className:"ms-qs-sug ms-mb-0 ms-mt-2 sm:ms-mt-0 ms-flex ms-flex-wrap ms-items-center ms-justify-start ms-w-full ms-overflow-auto ms-text-overflow-ellipsis"},n.map((function(e,n){return r.createElement("div",{onClick:function(){return o(e)},className:"ms-p-2 ms-mr-2 ms-mb-2 ms-whitespace-nowrap ms-rounded-lg ms-animate-fade-in-up ms-text-xs sm:ms-text-sm ".concat(t?"ms-text-white ms-bg-white ms-bg-opacity-10 hover:ms-bg-opacity-25":"ms-text-gray-800 ms-bg-black ms-bg-opacity-5 hover:ms-bg-opacity-10"," hover:ms-cursor-pointer "),key:n},e)})))}function hv(e,t,n){try{Xi.capture(e,{data:n,status:t,body:n})}catch(e){}}Tr('.main-module_ms-main-bot__QKkRf::-webkit-scrollbar {\n width: 4px;\n height: 4px;\n /* Add height for horizontal scrollbar */\n}\n\n.main-module_ms-main-bot__QKkRf::-webkit-scrollbar-track {\n background-color: transparent;\n}\n\n.main-module_ms-main-bot__QKkRf::-webkit-scrollbar-thumb {\n background-color: #d1d5db80;\n border-radius: 4px;\n}\n\n/* Add styles for horizontal scrollbar */\n.main-module_ms-main-bot__QKkRf::-webkit-scrollbar-corner {\n background-color: transparent;\n}\n\n\n.main-module_ms-loading-box__Twckb::before {\n content: "";\n position: absolute;\n width: 150%;\n height: 150%;\n background-image: conic-gradient(transparent, transparent, transparent, #00ccff);\n animation: main-module_loadingbox__W2iCt 4s linear infinite;\n\n}\n\n.main-module_ms-rediebeddi__1CtWq {\n background-color: red !important;\n}\n\n.main-module_ms-loading-box__Twckb::after {\n content: "";\n position: absolute;\n width: 150%;\n height: 150%;\n background-image: conic-gradient(transparent, transparent, transparent, #d400d4);\n animation: main-module_loadingbox__W2iCt 4s linear infinite;\n animation-delay: -2s;\n}\n\n\n.main-module_ms-loading-box2__xhzvD::before {\n content: "";\n position: absolute;\n width: 105%;\n height: 100%;\n/* \n transform: translate(+10%,-10%); */\n /* background-color: red; */\n top: 0%; /* adjust as needed */\n left: -5%; \n background-image: conic-gradient(transparent, transparent, transparent, var(--accent-color));\n \n animation: main-module_loadingbox__W2iCt 3s linear infinite;\n\n}\n\n/* .ms-loading-box2::after {\n content: "";\n position: absolute;\n width: 150%;\n height: 150%;\n background-image: conic-gradient(transparent, transparent, transparent, #c3b6fc);\n animation: loadingbox 4s linear infinite;\n} */\n\n\n\n\n@keyframes main-module_loadingbox__W2iCt {\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n\n}');var gv=function(e,t){localStorage.setItem(e,JSON.stringify(t))},yv=function(e){var t=localStorage.getItem(e);return t?JSON.parse(t):null};function bv(e){return gf({tag:"svg",attr:{viewBox:"0 0 1024 1024"},child:[{tag:"path",attr:{d:"M878.3 392.1L631.9 145.7c-6.5-6.5-15-9.7-23.5-9.7s-17 3.2-23.5 9.7L423.8 306.9c-12.2-1.4-24.5-2-36.8-2-73.2 0-146.4 24.1-206.5 72.3-15.4 12.3-16.6 35.4-2.7 49.4l181.7 181.7-215.4 215.2a15.8 15.8 0 0 0-4.6 9.8l-3.4 37.2c-.9 9.4 6.6 17.4 15.9 17.4.5 0 1 0 1.5-.1l37.2-3.4c3.7-.3 7.2-2 9.8-4.6l215.4-215.4 181.7 181.7c6.5 6.5 15 9.7 23.5 9.7 9.7 0 19.3-4.2 25.9-12.4 56.3-70.3 79.7-158.3 70.2-243.4l161.1-161.1c12.9-12.8 12.9-33.8 0-46.8z"}}]})(e)}function vv(e){return gf({tag:"svg",attr:{viewBox:"0 0 1024 1024"},child:[{tag:"path",attr:{d:"M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"}}]})(e)}function wv(e){return gf({tag:"svg",attr:{viewBox:"0 0 1024 1024"},child:[{tag:"path",attr:{d:"M574 665.4a8.03 8.03 0 0 0-11.3 0L446.5 781.6c-53.8 53.8-144.6 59.5-204 0-59.5-59.5-53.8-150.2 0-204l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3l-39.8-39.8a8.03 8.03 0 0 0-11.3 0L191.4 526.5c-84.6 84.6-84.6 221.5 0 306s221.5 84.6 306 0l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3L574 665.4zm258.6-474c-84.6-84.6-221.5-84.6-306 0L410.3 307.6a8.03 8.03 0 0 0 0 11.3l39.7 39.7c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c53.8-53.8 144.6-59.5 204 0 59.5 59.5 53.8 150.2 0 204L665.3 562.6a8.03 8.03 0 0 0 0 11.3l39.8 39.8c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c84.5-84.6 84.5-221.5 0-306.1zM610.1 372.3a8.03 8.03 0 0 0-11.3 0L372.3 598.7a8.03 8.03 0 0 0 0 11.3l39.6 39.6c3.1 3.1 8.2 3.1 11.3 0l226.4-226.4c3.1-3.1 3.1-8.2 0-11.3l-39.5-39.6z"}}]})(e)}function kv(e){return gf({tag:"svg",attr:{viewBox:"0 0 1024 1024"},child:[{tag:"path",attr:{d:"M878.3 392.1L631.9 145.7c-6.5-6.5-15-9.7-23.5-9.7s-17 3.2-23.5 9.7L423.8 306.9c-12.2-1.4-24.5-2-36.8-2-73.2 0-146.4 24.1-206.5 72.3a33.23 33.23 0 0 0-2.7 49.4l181.7 181.7-215.4 215.2a15.8 15.8 0 0 0-4.6 9.8l-3.4 37.2c-.9 9.4 6.6 17.4 15.9 17.4.5 0 1 0 1.5-.1l37.2-3.4c3.7-.3 7.2-2 9.8-4.6l215.4-215.4 181.7 181.7c6.5 6.5 15 9.7 23.5 9.7 9.7 0 19.3-4.2 25.9-12.4 56.3-70.3 79.7-158.3 70.2-243.4l161.1-161.1c12.9-12.8 12.9-33.8 0-46.8zM666.2 549.3l-24.5 24.5 3.8 34.4a259.92 259.92 0 0 1-30.4 153.9L262 408.8c12.9-7.1 26.3-13.1 40.3-17.9 27.2-9.4 55.7-14.1 84.7-14.1 9.6 0 19.3.5 28.9 1.6l34.4 3.8 24.5-24.5L608.5 224 800 415.5 666.2 549.3z"}}]})(e)}var xv=function(e){var t=e.isPinned,n=e.setPinState;return r.createElement(r.Fragment,null,r.createElement("button",{onClick:n,className:" ms-flex ms-bg-transparent ms-w-fit ms-items-center ms-justify-center ms-px-1 ms-py-1 ms-rounded ms-shadow-lg ms-text-white ms-transition-colors ms-duration-200 hover:!ms-cursor-pointer\n ".concat("")},t?r.createElement(kv,{className:"!ms-fill-inherit ".concat(t?"ms-transform -ms-rotate-90":"ms-transform -ms-rotate-45"),size:16}):r.createElement(bv,{className:"ms-stroke-inherit !ms-fill-inherit ".concat(t?"ms-transform -ms-rotate-90":"ms-transform -ms-rotate-45"),size:16})))};function Sv(e){var t=e.darkMode;return r.createElement("div",{className:"ms-animate-pulse"},r.createElement("div",{className:"ms-grid ms-grid-cols-1 sm:ms-grid-cols-3 ms-gap-2 ms-pt-2 ms-rounded-lg ms-pb-2"},r.createElement("div",{className:"ms-h-8 ms-w-28 ms-rounded-lg ".concat(t?"ms-bg-gray-50 ms-opacity-10":"ms-bg-black ms-opacity-10")}),r.createElement("div",{className:"ms-h-8 ms-w-28 ms-rounded-lg ".concat(t?"ms-bg-gray-50 ms-opacity-10":"ms-bg-black ms-opacity-10")}),r.createElement("div",{className:"ms-h-8 ms-w-28 ms-rounded-lg ".concat(t?"ms-bg-gray-50 ms-opacity-10":"ms-bg-black ms-opacity-10")})))}function _v(e,t){return mt(this,void 0,void 0,(function(){var n,r;return ht(this,(function(o){switch(o.label){case 0:n=e.getReader(),o.label=1;case 1:return[4,n.read()];case 2:return(r=o.sent()).done?[3,3]:(t(r.value),[3,1]);case 3:return[2]}}))}))}function Ev(e){var t,n,r,o=!1;return function(a){void 0===t?(t=a,n=0,r=-1):t=function(e,t){var n=new Uint8Array(e.length+t.length);return n.set(e),n.set(t,e.length),n}(t,a);for(var i=t.length,s=0;n0){var n=_.decode(e.subarray(0,t)),r=t+(32===e[t+1]?2:1),o=_.decode(e.subarray(r));switch(n){case"data":S.data=S.data?S.data+"\n"+o:o;break;case"event":S.event=o;break;case"id":m(S.id=o);break;case"retry":var a=parseInt(o,10);isNaN(a)||k(S.retry=a)}}})))];case 4:return c.sent(),null==i||i(),y(),t(),[3,6];case 5:if(o=c.sent(),!d.signal.aborted)try{l=null!==(n=null==s?void 0:s(o))&&void 0!==n?n:h,window.clearTimeout(g),g=window.setTimeout(w,l)}catch(e){y(),p(e)}return[3,6];case 6:return[2]}var m,k,x,S,_}))}))}w()}))}function Tv(e){var t=e.headers.get("content-type");if(!(null==t?void 0:t.startsWith(Cv)))throw new Error("Expected content-type to be ".concat(Cv,", Actual: ").concat(t))}var Pv=function(e){var t=e.style,n=e.hintText,o=e.company,a=e.project,i=e.isMendableLoading,s=e.botIcon,l=e.userIcon,c=e.anon_key,u=e.suggestedQuestions,p=e.historyState,d=e.setHistory,f=e.messageSettings,m=void 0===f?xr:f,h=e.setResetHistory,g=e.hiddenField,y=void 0===g?null:g,b=e._shouldStream,v=void 0===b||b,w=e._inputQuesiton,k=void 0===w?"":w,x=e._autoAskQuestion,S=void 0!==x&&x,_=e.context,E=void 0===_?"":_,C=e.testing_id,A=e.footer,O=void 0===A?null:A,T=e._newInterface,P=void 0!==T&&T,j=e._resetComponent,N=void 0!==j&&j,R=e._setResetComponent,L=void 0===R?function(){}:R,I=e._isPinned,F=void 0!==I&&I,D=e._setIsPinned,M=void 0===D?void 0:D,z=e._closeComponent,B=void 0===z?void 0:z,$=e._persistConvState,q=void 0!==$&&$,U=e._setPersistConvState,H=void 0===U?function(){}:U,V=e.privacyDisclaimer,G=void 0===V?"":V,W=e.onMessageForTracking,Y=e.onSourceClickedForTracking;ft(e,["style","hintText","company","project","isMendableLoading","botIcon","userIcon","anon_key","suggestedQuestions","historyState","setHistory","messageSettings","setResetHistory","hiddenField","_shouldStream","_inputQuesiton","_autoAskQuestion","context","testing_id","footer","_newInterface","_resetComponent","_setResetComponent","_isPinned","_setIsPinned","_closeComponent","_persistConvState","_setPersistConvState","privacyDisclaimer","onMessageForTracking","onSourceClickedForTracking"]);var K=(0,r.useRef)(null),Q=(0,r.useRef)(null),X=(0,r.useState)(""),Z=X[0],J=X[1],ee=Rh().t,te=(0,r.useState)(!1),ne=te[0],re=te[1],oe=(0,r.useState)(k),ae=oe[0],ie=oe[1],se=(0,r.useState)(S),le=se[0],ce=se[1],ue=(0,r.useState)(!1),pe=ue[0],de=ue[1],fe=(0,r.useState)(null),me=fe[0],he=fe[1],ge=(0,r.useState)(0),ye=ge[0],be=ge[1],ve=function(){be(ye+1),J(""),h(),re(!1),ie(""),he(null),de(!1),gv(xe,null),H(!1),P&&L(!1)};(0,r.useEffect)((function(){N&&ve()}),[N]),(0,r.useEffect)((function(){Xi.init("phc_lO7NMACRK6bPw3AP2cczlztJLMtKDOU9NcVmgSQjdvM",{api_host:"https://app.posthog.com"})}),[]);var we="mendableBotChatHistory"+(null==o?void 0:o.name),ke="mendableBack"+(null==o?void 0:o.name),xe="mendableBotConversationId"+(null==o?void 0:o.name);(0,r.useEffect)((function(){C&&Xi.capture("testing_id",{testing_id:C})}),[C]),(0,r.useEffect)((function(){p.length>1&&(gv(we,p),gv(ke,!1))}),[ke,we,p]),(0,r.useEffect)((function(){""!==ae&&null!==me&&!ne&&!pe&&P&&le&&(_e(ae),ce(!1))}),[ne,me]),(0,r.useEffect)((function(){if(re(!0),null==m?void 0:m.persistMessagesBetweenSessions){var e=yv(xe);if(null!=e){var t=yv(we);if(t){if(re(!1),t.length>0&&(he(e),d(t)),t.length>0){for(var n=[],r=0;r=t.length)break;var a=t[r+1].message;n.push({prompt:o,response:a,sources:[]})}d(t)}return}}}else if(q){var i=yv(xe);if(null!=i)return he(i),void re(!1)}(function(e,t){return mt(this,void 0,void 0,(function(){var n,r;return ht(this,(function(o){switch(o.label){case 0:return n="".concat(Sr,"/newConversation"),r=JSON.stringify({anon_key:e,messages:t}),[4,fetch(n,{method:"POST",headers:{"Content-Type":"application/json"},body:r})];case 1:return[4,o.sent().json()];case 2:return[2,o.sent()]}}))}))})(c,[]).then((function(e){null!=e?(he(e),gv(xe,e),re(!1)):pt.error("conversation is null")})).catch((function(e){pt.log("error",e),re(!1)}))}),[c,ye]),(0,r.useEffect)((function(){var e,t,n;void 0!==(null===(e=Q.current)||void 0===e?void 0:e.scrollTop)&&void 0!==(null===(t=Q.current)||void 0===t?void 0:t.scrollHeight)&&void 0!==(null===(n=Q.current)||void 0===n?void 0:n.clientHeight)&&setTimeout((function(){var e,t,n,r=null===(e=Q.current)||void 0===e?void 0:e.scrollTop,o=null===(t=Q.current)||void 0===t?void 0:t.scrollHeight,a=null===(n=Q.current)||void 0===n?void 0:n.clientHeight;void 0!==r&&void 0!==o&&void 0!==a&&o-r-a<100&&Se()}),50)}),[Z]),(0,r.useEffect)((function(){Se()}),[p]);var Se=function(){!1!==(null==m?void 0:m.scrollToView)&&Q.current&&(Q.current.scrollTop=Q.current.scrollHeight)},_e=function(e){return mt(void 0,void 0,void 0,(function(){var t,n,r,a,i,s,l,u,f;return ht(this,(function(m){try{t=ae,void 0!==e&&(t=e),de(!0),ie(""),n=gt(gt([],p,!0),[{message:t,sources:[],code_snippet:"",isBot:!1,message_id:0}],!1),d(n),r=function(e){for(var t=[],n=1;n=e.length)break;var o=e[n+1].message;t.push({prompt:r,response:o,sources:[]})}return t.reverse()}(p),a=[],s=vr.None,l="",u=function(){return mt(void 0,void 0,void 0,(function(){var e,o,a,i,u,p,f,m,h,g,y;return ht(this,(function(b){switch(b.label){case 0:return[4,fetch(Sr+"/component/chat",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({question:t,history:r,component_version:_r,anon_key:c,conversation_id:null==me?void 0:me.conversation_id,shouldStream:!1})})];case 1:return[4,b.sent().json()];case 2:return(e=b.sent()).status>=400&&(pt.error("Something went wrong"),pt.error(e),hv("Error in the component (non streaming)",e.status,JSON.stringify({question:t,history:r,component_version:_r,anon_key:c,conversation_id:null==me?void 0:me.conversation_id}))),o=null!==(m=e.full_docs)&&void 0!==m&&m,a=null!==(h=e.no_docs)&&void 0!==h&&h,o?(s=vr.FullDocs,l=null!==(g=e.alert_message)&&void 0!==g?g:"",[2]):(a&&(s=vr.NoDocs,l=null!==(y=e.alert_message)&&void 0!==y?y:""),i=e.answer,u=e.message_id,p=e.sources,f=gt(gt([],n,!0),[{message:i,sources:p,code_snippet:"",isBot:!0,message_id:u,alert:alert,alertMessage:""}],!1),d(f),J(""),de(!1),re(!1),[2])}}))}))},f=function(){return mt(void 0,void 0,void 0,(function(){var e;return ht(this,(function(u){switch(u.label){case 0:return re(!0),e="",[4,Ov(Sr+"/component/chat",{method:"POST",headers:{Accept:"text/event-stream","Content-Type":"application/json"},body:JSON.stringify({question:""===E?t:"Context: "+E+"\n"+t,history:r,component_version:_r,anon_key:c,conversation_id:null==me?void 0:me.conversation_id}),openWhenHidden:!0,onopen:function(e){return e.ok&&200===e.status||e.status>=400&&e.status<500&&429!==e.status&&(pt.error("Client side error ",e),hv("Client side error (on open)",e.status,e)),e},onmessage:function(n){var o,u,p,d;if(429===n.status&&n.headers.get("Retry-After"))pt.error("Rate limit exceeded");else if(""!==n.data&&void 0!==n.data){var f;try{f=JSON.parse(n.data)}catch(e){return}if(void 0!==f){f.status>=400&&(pt.error("Something went wrong"),pt.error(f),hv("Error in the component (on message)",f.status,JSON.stringify({question:t,history:r,component_version:_r,anon_key:c,conversation_id:null==me?void 0:me.conversation_id})),s=vr.Error,l="Error: something went wrong with your request");var m=f.chunk,h=null!==(o=f.full_docs)&&void 0!==o&&o,g=null!==(u=f.no_docs)&&void 0!==u&&u;return h?(s=vr.FullDocs,void(l=null!==(p=f.alert_message)&&void 0!==p?p:"")):g?(s=vr.NoDocs,void(l=null!==(d=f.alert_message)&&void 0!==d?d:"")):void("<|source|>"!==m?"<|message_id|>"!==m?(e+=m,J((function(e){return e+m})),de(!1)):i=f.metadata:a=f.metadata)}}},onclose:function(){"undefined"!==e&&void 0!==e||(e="I'm sorry, something went wrong. OpenAI servers may be down. Check back later!"),d(gt(gt([],n,!0),[{message:e,sources:a,code_snippet:"response.code_snippet",isBot:!0,message_id:i,alert:s,alertMessage:l}],!1)),Xi.capture("message",{message:t,isBot:!1,company:null==o?void 0:o.name,conversation_id:null==me?void 0:me.conversation_id}),Xi.capture("message",{message:e,sources:a,code_snippet:"response.code_snippet",isBot:!0,company:null==o?void 0:o.name,conversation_id:null==me?void 0:me.conversation_id}),null!=W&&W(t,e),J(""),de(!1),re(!1)},onerror:function(e){throw pt.log("There was an error from server",e),s=vr.Error,l="Error: something went wrong with your request",de(!1),re(!1),d(gt(gt([],n,!0),[{message:"Something went wrong, try again later",sources:[],code_snippet:"response.code_snippet",isBot:!0,message_id:218,alert:s,alertMessage:l}],!1)),hv("Fatal error on the component (on error): "+String(e),500,JSON.stringify({question:t,history:r,component_version:_r,anon_key:c,conversation_id:null==me?void 0:me.conversation_id})),e}})];case 1:return u.sent(),[2]}}))}))},!0===v?f():u()}catch(e){return pt.log("Error initiating connection",e),re(!1),de(!1),[2]}return[2]}))}))};return r.createElement("div",{className:fv+" ms-global ms-relative ms-w-full ms-px-4 ms-py-2"},r.createElement("div",{style:{color:t.darkMode?"#ffffff":"#1a1a1a"},ref:Q,className:fv+" ms-global ms-z-[100] ms-h-full ms-max-h-[550px] ms-w-full ms-overflow-y-auto ms-rounded-t-md"},r.createElement("div",{className:"top-right-menu ms-absolute ms-right-3 ms-top-2 !ms-z-[10001] ms-flex ms-gap-1"},M&&r.createElement("div",{className:"ms-flex ms-gap-1"},r.createElement("div",{className:"pin-toggle-container ms-flex ms-items-center ms-self-end ms-whitespace-nowrap ms-rounded-lg ms-p-0.5 ms-text-xs ms-opacity-100 sm:ms-text-sm ".concat(t.darkMode?"ms-bg-white ms-bg-opacity-10 ms-text-white hover:ms-bg-opacity-25":"ms-bg-black ms-bg-opacity-5 ms-text-gray-800 hover:ms-bg-opacity-10"," hover:ms-cursor-pointer ")},r.createElement(xv,{isPinned:!F,setPinState:M}))),p.length>1&&!ne&&!pe&&!P&&r.createElement("button",{id:"ms-reset-button",className:" ms-flex ms-items-center ms-self-end ms-whitespace-nowrap ms-rounded-lg ms-px-2 ms-py-1 ms-text-xs ms-opacity-100 sm:ms-text-sm ".concat(t.darkMode?"ms-bg-white ms-bg-opacity-10 ms-text-white hover:ms-bg-opacity-25":"ms-bg-black ms-bg-opacity-5 ms-text-gray-800 hover:ms-bg-opacity-10"," hover:ms-cursor-pointer "),onClick:ve},r.createElement("svg",{className:"ms-mr-2",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",viewBox:"0 0 489.533 489.533",width:"12px",style:{fill:t.darkMode?"#fafafa":"#1a1a1a",opacity:.8}},r.createElement("g",null,r.createElement("path",{d:"M268.175,488.161c98.2-11,176.9-89.5,188.1-187.7c14.7-128.4-85.1-237.7-210.2-239.1v-57.6c0-3.2-4-4.9-6.7-2.9l-118.6,87.1c-2,1.5-2,4.4,0,5.9l118.6,87.1c2.7,2,6.7,0.2,6.7-2.9v-57.5c87.9,1.4,158.3,76.2,152.3,165.6c-5.1,76.9-67.8,139.3-144.7,144.2c-81.5,5.2-150.8-53-163.2-130c-2.3-14.3-14.8-24.7-29.2-24.7c-17.9,0-31.9,15.9-29.1,33.6C49.575,418.961,150.875,501.261,268.175,488.161z"}))),r.createElement("p",{style:{margin:0}},ee("reset"))),B&&r.createElement("button",{id:"ms-close-button",className:"ms-flex ms-items-center ms-self-end ms-whitespace-nowrap ms-rounded-lg ms-px-1.5 ms-py-1.5 ms-text-xs ms-opacity-100 sm:ms-text-sm ".concat(t.darkMode?"ms-bg-white ms-bg-opacity-10 ms-text-white hover:ms-bg-opacity-25":"ms-bg-black ms-bg-opacity-5 ms-text-gray-800 hover:ms-bg-opacity-10"," hover:ms-cursor-pointer "),onClick:function(){B(),H(!0)}},r.createElement(vv,{size:16}))),p.map((function(e,n){return r.createElement("div",{key:n,className:"".concat((e.isBot,"ms-bg-transparent")," ms-flex ms-h-full ms-flex-col ms-items-center ms-justify-center")},r.createElement(Zg,{message:e.message,isBot:e.isBot,sources:e.sources,messageStyle:t,sourcesStyle:t,message_id:e.message_id,alert:e.alert,alertMessage:e.alertMessage,botIcon:s,userIcon:l,isGenerating:!1,initialMessage:e.message===ee("welcomeMessage")||e.message===p[0].message,messageSettings:m,displayThin:F,onSourceClickedForTracking:Y}))})),""!==Z&&r.createElement("div",{className:'ms-bg-transparent" : "ms-bg-transparent ms-flex ms-h-full ms-flex-col ms-items-center ms-justify-center'},r.createElement(Zg,{message:Z,isBot:!0,sources:[],messageStyle:t,sourcesStyle:t,message_id:null,botIcon:s,userIcon:l,isGenerating:ne,initialMessage:Z===ee("welcomeMessage")||Z===p[0].message,messageSettings:m,displayThin:F,onSourceClickedForTracking:Y})),pe?r.createElement(dv,{color:t.accentColor}):r.createElement("div",null),r.createElement("div",{ref:K})),r.createElement("div",{className:"ms-global ms-z-[100] ms-flex ms-w-full ms-items-center ms-justify-center sm:ms-mt-4"},r.createElement("div",{className:"ms-global ms-relative ms-flex ms-w-full ms-flex-col ms-items-start ms-justify-start "},(null==u||null===me)&&p.length<=1?r.createElement(Sv,{darkMode:t.darkMode}):null!=u&&u.length>0&&p.length<=1?r.createElement(mv,{onClick:function(e){ie(e),_e(e)},darkMode:t.darkMode,questions:u}):r.createElement(r.Fragment,null),r.createElement(pv,{onChange:function(e){ie(e.target.value)},handleClick:function(){return _e()},value:ae,onKeyDown:function(e){"Enter"===e.key&&ae&&!e.shiftKey?(e.shiftKey||!ae||pe||ne||i||_e(),e.preventDefault()):"Enter"!==e.key||e.shiftKey||e.preventDefault()},placeholder:n,style:t,loading:i,generating:ne,overrideInputContainerStyles:"ms-rounded-xl",isTextArea:!0}))),r.createElement("div",{className:"ms-flex ms-flex-row ms-items-center ms-justify-between ms-gap-1"},o&&!o.is_white_label?r.createElement("p",{style:{color:t.darkMode?"#ffffff":"#000000"},className:"!ms-mt-2 !ms-mb-0 !ms-p-0 ms-text-xs ms-text-[10px] sm:ms-text-xs "},ee("poweredBy")," ",r.createElement("a",{onClick:function(){Xi.capture("mendable_link_clicked",{company:o.name})},style:{textDecorationColor:t.accentColor,color:t.accentColor},href:"https://mendable.ai",className:"ms-underline"},"Mendable")):r.createElement("div",{className:"ms-mt-2"}),""!==G&&r.createElement("p",{className:"!ms-mt-2 !ms-mb-0 !ms-p-0 ms-text-xs ms-text-[10px] sm:ms-text-xs ms-text-center ms-text-gray-500"},G),null==y||(null==o?void 0:o.is_white_label)?r.createElement(r.Fragment,null):r.createElement("div",{style:{color:t.darkMode?"#ffffff":"#000000"},className:"ms-mt-2 ms-mb-0 ms-p-0 ms-text-xs ms-text-[10px] ms-outline-none sm:ms-text-xs ",dangerouslySetInnerHTML:{__html:y}}),null===a||null===a.support_url||void 0===a.support_url||""===a.support_url||(null==O?void 0:O.bottomRightLink)?r.createElement(r.Fragment,null):r.createElement("a",{className:"ms-mt-2 ms-mb-0 ms-p-0 ms-text-xs ms-text-[10px] sm:ms-text-xs",style:{textDecorationColor:t.accentColor,color:t.accentColor},onClick:function(){var e;Xi.capture("support link clicked",{company_name:null!==(e=null==o?void 0:o.name)&&void 0!==e?e:"",project_id:a.id,company_id:a.id,support_url:a.support_url})},target:"_blank",href:a.support_url,rel:"noreferrer"},ee("contactSupport")),O&&O.bottomRightLink&&r.createElement("a",{className:"ms-mt-2 ms-mb-0 ms-p-0 ms-text-xs ms-text-[10px] sm:ms-text-xs",style:{textDecorationColor:t.accentColor,color:t.accentColor},target:"_blank",href:O.bottomRightLink.link,rel:"noreferrer"},O.bottomRightLink.label)))};function jv(e){var t=e.placeholder,n=void 0===t?"Find or ask a question...":t;e.loading,e.handleClick;var o=e.onChange,a=e.value,i=e.onKeyDown;e.generating;var s=e.overrideInputStyles,l=void 0===s?"":s;e.overrideInputContainerStyles;var c=e.style,u=void 0===c?wr:c,p=e.isTextArea,d=void 0!==p&&p,f=e.isThinHorizontally,m=void 0!==f&&f,h=e.spinLoading,g=void 0!==h&&h,y=r.useRef(null);return r.useEffect((function(){y.current&&y.current.focus()}),[]),Rh().t,r.createElement("div",{className:"ms-global ms-mt-2 ms-h-full ms-w-full ms-text-base sm:ms-mt-2 sm:ms-text-base"},r.createElement("div",{className:"ms-relative ms-flex ms-h-full ms-w-full ms-px-4 ms-py-1 ".concat(m?"ms-width-full ms-flex-col-reverse ms-items-end":"ms-flex-row ms-items-center")},r.createElement("div",{className:"ms-global ms-flex ms-w-full ms-min-w-0 ms-items-center ms-gap-1"},d?r.createElement(cv,{id:"userInput",name:"userInput",autoFocus:!0,maxLength:1300,onKeyDown:i,value:a,onChange:o,placeholder:n,customStyle:u,overrideInputStyles:l}):r.createElement("input",{ref:y,id:"userInput",name:"userInput",autoFocus:!0,maxLength:512,onKeyDown:i,value:a,onChange:o,placeholder:n,className:" font-sans ms-flex-grow ms-bg-transparent ms-text-base sm:ms-text-base ".concat(u.darkMode?"ms-text-white":"ms-text-black"," ms-w-full ms-truncate ms-outline-none ms-ring-0 ms-ring-transparent focus:ms-outline-none focus:ms-ring-0 focus:ms-ring-transparent ").concat(l," ")})),g&&r.createElement("div",{className:"ms-absolute ms-right-2 "},r.createElement("svg",{"aria-hidden":"true",className:"ms-ml-4 ms-mr-2 ms-h-4 ms-w-4 ms-animate-spin ms-fill-gray-500 ms-text-gray-200",viewBox:"0 0 100 101",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r.createElement("path",{d:"M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z",fill:"currentColor"}),r.createElement("path",{d:"M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z",fill:"currentFill"})))))}function Nv(e){var t=e.children,n=e.resetButton,o=e.topMessage,a=e.onBackClick,i=e.setIsPinnedButton,s=e.style;return Rh().t,r.createElement("div",{className:"ms-h-full ms-w-full "},r.createElement("div",{className:"ms-flex ms-w-full ms-items-center ms-justify-between ms-px-3 ms-pt-2"},r.createElement("button",{className:" ms-relative !ms-z-[10001] ms-flex ms-items-center ms-whitespace-nowrap ms-rounded-lg ms-px-2 ms-py-1 ms-text-xs ms-opacity-100 sm:ms-text-sm ".concat(s.darkMode?"ms-bg-white ms-bg-opacity-10 ms-text-white hover:ms-bg-opacity-25":"ms-bg-black ms-bg-opacity-5 ms-text-gray-800 hover:ms-bg-opacity-10"," hover:ms-cursor-pointer "),onClick:a},r.createElement(wf,{className:"ms-mr-1",style:{fill:s.darkMode?"#fafafa":"#1a1a1a",opacity:.8}}),r.createElement("p",{style:{margin:0}},"Back")),""!==o&&r.createElement("div",{className:"ms-hidden ms-items-center sm:ms-flex"},r.createElement(vf,{className:"ms-mr-1 ms-fill-yellow-500"}),r.createElement("p",{className:"".concat(s.darkMode?"ms-text-white":"ms-text-gray-800"," ms-m-0 ms-p-0 ms-text-sm")},o)),r.createElement("div",{className:"ms-flex ms-flex-row ms-gap-1"},i,n)),t)}function Rv(e){var t=e.isGenerating;return r.createElement("svg",{className:t?"ms-animate-pulse":"",stroke:"#fff",fill:"none",strokeWidth:"1.5",viewBox:"0 0 24 24","aria-hidden":"true",height:"20px",width:"20px",xmlns:"http://www.w3.org/2000/svg"},r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9.813 15.904L9 18.75l-.813-2.846a4.5 4.5 0 00-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 003.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 003.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 00-3.09 3.09zM18.259 8.715L18 9.75l-.259-1.035a3.375 3.375 0 00-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 002.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 002.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 00-2.456 2.456zM16.894 20.567L16.5 21.75l-.394-1.183a2.25 2.25 0 00-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 001.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 001.423 1.423l1.183.394-1.183.394a2.25 2.25 0 00-1.423 1.423z"}))}function Lv(e){var t=e.icon,n=e.messageStyle;e.isGenerating;var o=e.isFancy,a=void 0!==o&&o;return r.createElement("div",{style:{backgroundColor:n.darkMode?"#f5f5f525":"#ffffff",background:a&&n.accentColor.startsWith("#fff")?"#ffffff33":a&&n.accentColor.startsWith("#000")?"#00000077":a&&a?"linear-gradient(to right, "+n.accentColor+","+n.accentColor+"77)":"",backgroundClip:"padding-box"},className:"\n ms-h-8\n ms-w-8\n ms-min-w-[32px]\n ms-flex-col\n ms-items-center\n ms-justify-center ms-overflow-hidden ms-rounded-lg ms-border ms-border-gray-500 ms-border-opacity-20 ms-flex sm:ms-h-8 sm:ms-w-8 sm:ms-min-w-[32px]"},r.createElement("div",{className:"messageIconContainer ms-m-0 ms-flex ms-items-center ms-justify-center ms-p-0 ms-text-sm sm:ms-text-base"},t))}function Iv(e){return gf({tag:"svg",attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{d:"M19 2H6c-1.206 0-3 .799-3 3v14c0 2.201 1.794 3 3 3h15v-2H6.012C5.55 19.988 5 19.806 5 19s.55-.988 1.012-1H21V4c0-1.103-.897-2-2-2zm0 14H5V5c0-.806.55-.988 1-1h13v12z"}}]})(e)}function Fv(e){var t=e.item,n=e.index,o=e.style;e.company;var a=e.onClick,i=e.onMouseEnter,s=e.onMouseLeave,l=e.selected,c=e.openInNewTab,u=void 0!==c&&c,p=e.inputQuestion,d=e.openInNewTabForOutsideSources;return r.createElement("a",{onMouseEnter:i,onMouseLeave:s,key:n,href:t.link,onClick:a,className:"ms-w-full ms-no-underline",rel:"noreferrer",target:Lh(t.link,u,d||!1)?"_blank":"_self"},r.createElement("div",{className:"ms-mb-2 ms-flex ms-w-full ms-items-center ms-overflow-hidden ms-justify-start ms-rounded-lg ms-p-2 ms-transition-all ".concat(l?o.darkMode?"ms-bg-white ms-bg-opacity-5":"ms-bg-gray-800 ms-bg-opacity-5":"")},r.createElement("div",{className:"ms-mr-4"},r.createElement(Lv,{messageStyle:o,isGenerating:!1,icon:r.createElement(Iv,{className:o.darkMode?"ms-fill-white":"ms-fill-gray-800"}),isFancy:!1})),r.createElement("div",{className:" ms-flex ms-flex-col ms-items-start"},r.createElement("p",{className:"!ms-m-0 !ms-p-0 ms-text-sm ms-font-medium ".concat(o.darkMode?"ms-text-white":"ms-text-gray-800")},t.linkName&&""!==t.linkName?t.linkName:function(e){var t;try{t=new URL(e)}catch(t){return e}var n=t.pathname.replace(/^\/|\/$/g,"").split("/");if((n=n.filter((function(e){return e})).map((function(e){return decodeURIComponent(e.replace(/\+/g," "))}))).length>0&&n[n.length-1].includes(".")){var r=n[n.length-1];n[n.length-1]=r.split(".").slice(0,-1).join(".")}if(0===n.length)return t.hostname;var o=n.slice(-Math.min(2,n.length)).map((function(e){return e.replace(/([a-z])([A-Z])/g,"$1 $2").replace(/[-_+]/g," ").split(" ").map((function(e){return e.charAt(0).toUpperCase()+e.slice(1)})).join(" ")})).reverse().join(" - ");o=o.replace(/[^a-z0-9 -]/gi,"");try{if(o.match(/^\d+/g)){var a=o.split(" ");a[0].match(/\d+/g)&&(a.shift(),o=a.join(" "))}}catch(e){}return o.length>35&&(o=o.substring(0,35)+"..."),o}(t.link)),r.createElement("div",{className:"!ms-m-0 !ms-mt-1 ms-flex ms-items-center ms-p-0 ms-text-xs ms-font-medium ms-opacity-75 ".concat(o.darkMode?"ms-text-white":"ms-text-gray-800")},t.highlight?r.createElement(Dv,{item:t,query:p,style:o}):r.createElement(r.Fragment,null,r.createElement(wv,{className:"ms-mr-1 ms-inline-block"}),r.createElement("span",null,t.link))))))}var Dv=function(e){var t=e.item,n=e.style;return r.createElement("span",{style:{lineHeight:"1.2em",maxHeight:"2.4em",overflow:"hidden",display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical"},dangerouslySetInnerHTML:{__html:t.highlight.replace(//gi,''))}})};function Mv(e){var t=e.children,n=e.style,o=e.onClick,a=e.onMouseEnter,i=e.onMouseLeave,s=e.selected,l=void 0!==s&&s,c=e.disableHover,u=void 0!==c&&c,p=e.disableSpacing,d=void 0!==p&&p;return r.createElement("div",{onClick:o,onMouseEnter:a,onMouseLeave:i,className:"".concat(d?"":"ms-mb-2"," ms-flex ms-items-center ms-justify-start ms-rounded-lg ms-px-2 ms-transition-all hover:ms-cursor-pointer ").concat(u?"":n.darkMode?"hover:ms-bg-white hover:ms-bg-opacity-5":"hover:ms-bg-black hover:ms-bg-opacity-5"," ").concat(l?n.darkMode?"ms-bg-white ms-bg-opacity-5":"ms-bg-gray-800 ms-bg-opacity-5":"")},t)}var zv=function(e){var t=e.isMultilineInput,n=e.isOnlyAI,o=e.hideMendable,a=e.style;e.setMendableBotUI;var i=e.setSelectedIndex,s=e.onClick,l=e.selectedIndex,c=e.totalItems,u=e.askAIText,p=e.inputQuestion;return t?null:r.createElement("div",{tabIndex:0,style:{"--accent-color":a.accentColor},className:"ms-p-0.5 ms-overflow-hidden ms-rounded-lg ".concat(n&&"main-module_ms-loading-box2__xhzvD"," ms-relative")},r.createElement("div",{className:"ms-relative ms-z-[1000] ms-rounded-lg ".concat(a.darkMode?n?"ms-bg-[#1a1a1a]":"":n?"ms-bg-[#ffffff]":"")},!o&&r.createElement(Mv,{onClick:function(){s()},style:a,selected:l===c,onMouseEnter:function(){return i(c)},onMouseLeave:function(){return i(c)},disableSpacing:!0},r.createElement("div",{className:"ms-flex ms-flex-col ms-items-start ms-justify-start "},r.createElement("div",{className:"ms-flex ms-flex-row ms-items-center"},r.createElement("div",{className:""},r.createElement(Lv,{messageStyle:a,isGenerating:!1,icon:r.createElement(Rv,{isGenerating:!1}),isFancy:!0})),r.createElement("p",{style:{margin:0,padding:0},className:"!ms-my-4 !ms-ml-3 ms-text-base ms-font-normal"},function(e){return e.charAt(0).toUpperCase()+e.slice(1)}(u),!t&&r.createElement("span",{className:"ms-font-medium"},p.length>0?": "+p:"")))))))},Bv=function(e){var t=e.style,n=e.hintText,o=e.company,a=e.project,i=e.isMendableLoading;e.botIcon,e.userIcon;var s=e.askAIText,l=void 0===s?"Ask Mendable":s,c=e.anon_key,u=e.suggestedQuestions,p=e.historyState,d=e.setHistory,f=e.messageSettings;e.setResetHistory;var m=e.hiddenField,h=void 0===m?null:m,g=e._shouldStream,y=void 0===g||g,b=e.testing_id,v=e.isThinHorizontally,w=void 0!==v&&v,k=e._isPinned,x=void 0!==k&&k,S=e._setIsPinned,_=void 0===S?void 0:S,E=e._persistConvState,C=void 0!==E&&E,A=e._setPersistConvState,O=e.onMessageForTracking,T=e.onSourceClickedForTracking;e.onSwitchingSearchType;var P=ft(e,["style","hintText","company","project","isMendableLoading","botIcon","userIcon","askAIText","anon_key","suggestedQuestions","historyState","setHistory","messageSettings","setResetHistory","hiddenField","_shouldStream","testing_id","isThinHorizontally","_isPinned","_setIsPinned","_persistConvState","_setPersistConvState","onMessageForTracking","onSourceClickedForTracking","onSwitchingSearchType"]),j=(0,r.useRef)(null),N=Rh().t,R=(0,r.useState)(""),L=R[0],I=R[1],F=(0,r.useState)(!1),D=F[0];F[1],(0,r.useEffect)((function(){Xi.init("phc_lO7NMACRK6bPw3AP2cczlztJLMtKDOU9NcVmgSQjdvM",{api_host:"https://app.posthog.com"})}),[]),(0,r.useEffect)((function(){b&&Xi.capture("testing_id",{testing_id:b})}),[b]),null==o||o.name,(0,r.useEffect)((function(){}),[]);var M=(0,r.useState)(!1),z=M[0],B=M[1],$="mendableBack"+(null==o?void 0:o.name),q=(0,r.useState)(0),U=q[0],H=q[1],V=(0,r.useState)(!1);V[0];var G=V[1],W=(0,r.useState)(!1),Y=W[0],K=W[1],Q=(0,r.useState)(!1),X=Q[0],Z=Q[1],J=(0,r.useState)(!1);J[0];var ee=J[1],te=(0,r.useState)([]),ne=te[0],re=te[1],oe=(0,r.useState)(!1),ae=oe[0],ie=oe[1],se=(0,r.useState)(!1);se[0];var le=se[1],ce=(0,r.useState)(!1),ue=ce[0],pe=ce[1],de=(0,r.useState)(!1),fe=de[0],me=de[1],he=function(e,t,n,r){var o={keyword:e,index:t+1,company:null==r?void 0:r.name,sourceLink:n.link,source:n};Xi.capture("keyword_click_through",o)},ge=function(e,t){var n={inputQuestion:e,company:t};Xi.capture("switch_to_ai",n)},ye=function(e){return mt(void 0,void 0,void 0,(function(){var t;return ht(this,(function(n){switch(n.label){case 0:return null===o||null===a||""===e?[2]:(ie(!0),[4,Or(e,o.name,a.id.toString())]);case 1:return t=n.sent().map((function(e){var t;return{content:e.content,link:e.meta.source,highlight:null!==(t=e.highlight)&&void 0!==t?t:"",linkName:e.meta.sourceName}})),Xi.capture("classic search",{search_term:e,num_search_results:t.length,search_results:t}),0===t.length?(ee(!0),pe(!1)):ee(!1),re(t.slice(0,4)),le(!0),ie(!1),[2]}}))}))},be=ne.length;function ve(e){return e0?e-1:e}(e)})),G(!0),we.current&&U<2&&(we.current.scrollTop-=64),e.preventDefault(),e.stopPropagation();else if("ArrowDown"===e.code)H((function(e){return ve(e)})),G(!0),we.current&&U>2&&U!==be&&(we.current.scrollTop+=64),e.preventDefault(),e.stopPropagation();else if("Tab"===e.code)H((function(e){return ve(e)})),G(!0),e.preventDefault(),e.stopPropagation();else if("Enter"===e.code&&null!==U)if(U===be)ge(L,o),B(!0);else{var t=ne[U];t&&(he(L,U,t,o),Lh(t.link,(null==f?void 0:f.openSourcesInNewTab)||!1,(null==f?void 0:f.openInNewTabForOutsideSources)||!1)?window.open(t.link,"_blank"):window.location.href=t.link)}};return window.addEventListener("keydown",e),function(){window.removeEventListener("keydown",e)}}),[be,U,ne,L]),z?r.createElement(Nv,{onBackClick:function(){B(!1),I(""),re([]),ee(!1),K(!1),Z(!1),A(!0),gv($,{back:!0})},topMessage:p.length>10?"Consider resetting the lengthy conversation for better outcomes":"",resetButton:r.createElement(r.Fragment,null,p.length>1&&!D&&r.createElement("button",{id:"ms-reset-button",className:" ms-flex ms-items-center ms-self-end ms-whitespace-nowrap ms-rounded-lg ms-px-2 ms-py-1 ms-text-xs ms-opacity-100 sm:ms-text-sm ".concat(t.darkMode?"ms-bg-white ms-bg-opacity-10 ms-text-white hover:ms-bg-opacity-25":"ms-bg-black ms-bg-opacity-5 ms-text-gray-800 hover:ms-bg-opacity-10"," hover:ms-cursor-pointer "),onClick:function(){me(!0)}},r.createElement("svg",{className:"ms-mr-2",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",viewBox:"0 0 489.533 489.533",width:"12px",style:{fill:t.darkMode?"#fafafa":"#1a1a1a",opacity:.8}},r.createElement("g",null,r.createElement("path",{d:"M268.175,488.161c98.2-11,176.9-89.5,188.1-187.7c14.7-128.4-85.1-237.7-210.2-239.1v-57.6c0-3.2-4-4.9-6.7-2.9l-118.6,87.1c-2,1.5-2,4.4,0,5.9l118.6,87.1c2.7,2,6.7,0.2,6.7-2.9v-57.5c87.9,1.4,158.3,76.2,152.3,165.6c-5.1,76.9-67.8,139.3-144.7,144.2c-81.5,5.2-150.8-53-163.2-130c-2.3-14.3-14.8-24.7-29.2-24.7c-17.9,0-31.9,15.9-29.1,33.6C49.575,418.961,150.875,501.261,268.175,488.161z"}))),r.createElement("p",{style:{margin:0}},N("reset")))),setIsPinnedButton:r.createElement(r.Fragment,null,_&&r.createElement("div",{className:" ms-flex ms-items-center ms-self-end ms-whitespace-nowrap ms-rounded-lg ms-p-0.5 ms-text-xs ms-opacity-100 sm:ms-text-sm ".concat(t.darkMode?"ms-bg-white ms-bg-opacity-10 ms-text-white hover:ms-bg-opacity-25":"ms-bg-black ms-bg-opacity-5 ms-text-gray-800 hover:ms-bg-opacity-10"," hover:ms-cursor-pointer ")},r.createElement(xv,{isPinned:!x,setPinState:_}))),style:t},r.createElement(Pv,dt({hintText:n,style:t,historyState:p,setHistory:d,company:o,project:a,isMendableLoading:i,anon_key:c,setResetHistory:function(){d([{message:N("welcomeMessage"),sources:[],code_snippet:"",isBot:!0,message_id:0}])},suggestedQuestions:u,hiddenField:h,messageSettings:f,_shouldStream:y,_inputQuesiton:L,_newInterface:!0,_resetComponent:fe,_setResetComponent:me,_setIsPinned:void 0,_autoAskQuestion:L.length>0,_persistConvState:C,_setPersistConvState:A,onMessageForTracking:O,onSourceClickedForTracking:T},P))):r.createElement("div",{className:fv+" ms-relative ms-w-full ms-transition-all ",style:{}},r.createElement("div",{style:{color:t.darkMode?"#ffffff":"#030712"},ref:j,className:fv+" ms-z-[100] ms-h-full ms-max-h-[340px] ms-w-full ms-overflow-hidden ms-rounded-t-md ms-transition-all"},r.createElement(jv,{onChange:function(e){e.target.value.includes("\n")?K(!0):K(!1),I(e.target.value),0===e.target.value.length&&(re([]),ee(!1),Z(!1),K(!1),H(be)),e.target.value.split(" ").length>1?(H(be),pe(!1),Z(!0),ye(e.target.value)):(Z(!1),H(0),ye(e.target.value))},handleClick:function(){},value:L,onKeyDown:function(e){"Enter"===e.key&&L&&!e.shiftKey?(e.shiftKey||!L||D||i||(U===be?B(!0):1===U&&ye(L)),e.preventDefault()):"Enter"!==e.key||e.shiftKey||e.preventDefault()},placeholder:n,style:t,loading:i,generating:!1,overrideInputContainerStyles:"ms-rounded-md",isTextArea:!0,isThinHorizontally:w,spinLoading:ae&&0===ne.length}),r.createElement("div",{className:" ms-h-1 ms-w-full ms-border-b ms-border-gray-500 ms-border-opacity-20"}),r.createElement("div",{ref:we,className:"ms-max-h-[275px] ms-w-full ms-overflow-y-auto ms-p-4"},X&&r.createElement(zv,{isMultilineInput:Y,isOnlyAI:X,hideMendable:ue,style:t,setMendableBotUI:B,setSelectedIndex:H,selectedIndex:U,totalItems:be,askAIText:l,inputQuestion:L,onClick:function(){B(!0),ge(L,o)}}),L.length>0&&ne.map((function(e,n){var a;return r.createElement("div",{key:n,className:"ms-flex ms-items-center "},r.createElement(Fv,{index:n+1,key:n,style:t,item:e,company:null==o?void 0:o.name,inputQuestion:L,onClick:function(){he(L,n,e,o)},openInNewTab:null!==(a=null==f?void 0:f.openSourcesInNewTab)&&void 0!==a&&a,selected:U===n,openInNewTabForOutsideSources:null==f?void 0:f.openInNewTabForOutsideSources,onMouseEnter:function(){H(n)},onMouseLeave:function(){}}))})),!X&&r.createElement(zv,{isMultilineInput:Y,isOnlyAI:X,hideMendable:ue,style:t,setMendableBotUI:B,setSelectedIndex:H,selectedIndex:U,totalItems:be,askAIText:l,inputQuestion:L,onClick:function(){B(!0),ge(L,o)}}))),r.createElement("div",{className:"ms-mt-2 ms-flex ms-w-full ms-items-center ms-justify-center"},o&&!o.is_white_label?r.createElement("div",{className:"ms-mb-2 ms-w-fit ms-rounded-full ms-px-2 ms-py-1 ".concat(t.darkMode?"ms-bg-white ms-bg-opacity-10":"ms-bg-black ms-bg-opacity-5")},r.createElement("p",{onClick:function(){window.open("https://mendable.ai","_blank")},style:{color:t.darkMode?"#ffffff":"#000000"},className:"ms-m-0 ms-w-fit ms-whitespace-nowrap ms-p-0 ms-text-xs ms-text-[10px] ms-opacity-75 hover:ms-cursor-pointer sm:ms-text-xs"},N("poweredBy")," Mendable")):r.createElement(r.Fragment,null)))};function $v(e){var t=e.anon_key,n=e.style,o=void 0===n?wr:n;e.dialogCustomStyle;var a=e.welcomeMessage,i=void 0===a?"":a,s=e.openState,l=e.setOpenState,c=void 0===l?function(){}:l,u=e.showSimpleSearch,p=void 0!==u&&u,d=e._setIsPinned,f=void 0===d?void 0:d,m=e._isPinned,h=e.historyState,g=e.setHistory,y=ft(e,["anon_key","style","dialogCustomStyle","welcomeMessage","openState","setOpenState","showSimpleSearch","_setIsPinned","_isPinned","historyState","setHistory"]),b=(0,r.useState)(null),v=b[0],w=b[1],k=(0,r.useState)(null),x=k[0],S=k[1],_=(0,r.useState)(null),E=_[0],C=_[1],A=(0,r.useState)(!1),O=A[0],T=A[1],P=(0,r.useState)(s),j=P[0],N=P[1],R=(0,r.useState)(null),L=R[0],I=R[1],F=Rh(),D=F.t;F.i18n;var M=(0,r.useState)(null),z=M[0],B=M[1],$=(0,r.useState)(!1),q=$[0],U=$[1];(0,r.useEffect)((function(){}),[O]),(0,r.useEffect)((function(){N(s)}),[j,s]),(0,r.useEffect)((function(){T(!0),Er(t).then((function(e){if(void 0===e.company||void 0===e.project)return pt.error("company or project is null"),void I("company or project is null");w(e.company),S(e.project);try{C(e.questions||null)}catch(e){I("error getting suggested questions")}T(!1)})).catch((function(e){pt.log("error",e),I(D("initializeError")),T(!1)}));try{Cr().then((function(e){B(e.message)}))}catch(e){}}),[]);var H=function(e){"k"===e.key&&e.metaKey&&N((function(e){return!e}))};return(0,r.useEffect)((function(){return window.addEventListener("keydown",H),function(){window.removeEventListener("keydown",H)}}),[]),s?ut.createPortal(r.createElement("div",null,r.createElement(br,{appear:!0,show:j,as:r.Fragment},r.createElement("div",{className:"ms-fixed ms-right-4 ms-pl-8 ms-bottom-4 ms-h-fit ms-w-full ms-ml-4 sm:ms-w-[480px] ms-z-[100] ms-rounded-md"},r.createElement("div",{className:"ms-z-[100] ms-flex ms-h-fit ms-items-start ms-justify-center ms-p-4 ms-text-center"},r.createElement(br.Child,{as:r.Fragment,enter:"ms-ease-out ms-duration-300",enterFrom:"ms-opacity-0 ms-scale-95",enterTo:"ms-opacity-100 ms-scale-100",leave:"ms-ease-in ms-duration-200",leaveFrom:"ms-opacity-100 ms-scale-100",leaveTo:"ms-opacity-0 ms-scale-9a"},r.createElement("div",{className:"ms-relative ms-h-fit ms-z-[100] ms-w-full ms-transform ms-rounded-xl ms-text-left ms-align-middle ms-shadow-xl ms-transition-all sm:ms-max-w-[400px]"},r.createElement("div",{style:{background:o.backgroundColor?o.backgroundColor:o.darkMode?"#1a1a1a":"#ffffff"},className:"ms-flex ms-items-end ms-max-h-full ms-w-full ms-flex-col ms-rounded-xl ms-border ms-border-gray-500 ms-border-opacity-20 ms-p-2 ".concat("sm:ms-p-0")},null!==L?r.createElement("div",{style:{background:o.backgroundColor?o.backgroundColor:o.darkMode?"#1a1a1a":"#ffffff"},className:" ms-flex ms-h-full ms-max-h-full ms-w-full ms-flex-col ms-rounded-xl ms-p-2 ".concat("sm:ms-p-0")},r.createElement("p",{style:{margin:0},className:"ms-ml-4 ms-text-red-500"},L)):r.createElement(r.Fragment,null),p?r.createElement(Zi,{tabs:[{name:"\ud83e\udd16 Mendable",displayComponent:r.createElement(Bv,dt({style:o,company:v,project:x,historyState:h,setHistory:g,isMendableLoading:O,anon_key:t,setResetHistory:function(){g([{message:""===i?D("welcomeMessage"):i,sources:[],code_snippet:"",isBot:!0,message_id:0}])},suggestedQuestions:E,isThinHorizontally:!0,hiddenField:z},y))}],sourcesStyle:o}):r.createElement(Zi,{tabs:[{name:"\ud83e\udd16 Mendable",displayComponent:r.createElement(Pv,dt({style:o,historyState:h,setHistory:g,company:v,project:x,isMendableLoading:O,anon_key:t,setResetHistory:function(){g([{message:""===i?D("welcomeMessage"):i,sources:[],code_snippet:"",isBot:!0,message_id:0}])},suggestedQuestions:E,hiddenField:z,_isPinned:m,_setIsPinned:f,_persistConvState:q,_setPersistConvState:U},y,{_closeComponent:function(){c(!1),U(!0)}}))}],sourcesStyle:o})))))))),document.body):r.createElement(r.Fragment,null)}function qv(e){var t=e.anon_key,n=e.style,o=void 0===n?wr:n,a=e.dialogCustomStyle,i=e.welcomeMessage,s=void 0===i?"":i,l=e.openState,c=void 0!==l&&l,u=e.setOpenState,p=void 0===u?function(){}:u,d=e.showSimpleSearch,f=void 0!==d&&d,m=e.isPinnable,h=void 0!==m&&m;e.cmdShortcutKey;var g=e.onMessageForTracking,y=e.onSourceClickedForTracking;e.onSwitchingSearchType;var b=ft(e,["anon_key","style","dialogCustomStyle","welcomeMessage","openState","setOpenState","showSimpleSearch","isPinnable","cmdShortcutKey","onMessageForTracking","onSourceClickedForTracking","onSwitchingSearchType"]),v=(0,r.useState)(null),w=v[0],k=v[1],x=(0,r.useState)(null),S=x[0],_=x[1],E=(0,r.useState)(null),C=E[0],A=E[1],O=(0,r.useState)(!1),T=O[0],P=O[1],j=(0,r.useState)(!1),N=j[0],R=j[1],L=(0,r.useState)(null),I=L[0],F=L[1],D=Rh(),M=D.t,z=D.i18n,B=(0,r.useState)(!1),$=B[0],q=B[1],U=(0,r.useState)([{message:""===s?M("welcomeMessage"):s,sources:[],code_snippet:"",isBot:!0,message_id:0}]),H=U[0],V=U[1];(0,r.useEffect)((function(){H.length>1||V([{message:""===s?M("welcomeMessage"):s,sources:[],code_snippet:"",isBot:!0,message_id:0}])}),[z.language]);var G=(0,r.useState)(null),W=G[0],Y=G[1],K="mendableBotChatHistory"+(null==w?void 0:w.name);return(0,r.useEffect)((function(){}),[T]),(0,r.useEffect)((function(){P(!0),Er(t).then((function(e){try{if(!e.company||!e.project)return pt.error("company or project is null"),void F("company or project is null");k(e.company),_(e.project)}catch(e){pt.log("error",e),F("error getting company or project")}try{A(e.questions||[])}catch(e){A([]),F("error getting suggested questions")}P(!1)})).catch((function(e){pt.log("error",e),F(M("initializeError")),P(!1)}));try{Cr().then((function(e){Y(e.message)}))}catch(e){}}),[]),(0,r.useEffect)((function(){c&&!N&&H.length>1&&R(!0)}),[c]),(0,r.useEffect)((function(){pt.log("messageSettings",b.messageSettings)}),[]),$?r.createElement("div",null,r.createElement($v,dt({anon_key:t,style:o,openState:c,setOpenState:function(e){return p(e)},_setIsPinned:function(){return q(!1)},historyState:H,setHistory:V},b,{_isPinned:!0}))):r.createElement("div",null,r.createElement(br,{appear:!0,show:c,as:r.Fragment},r.createElement(nr,{as:"div",className:"ms-relative ms-z-[100]",onClose:function(){p(!1),R(!0)}},r.createElement(br.Child,{as:r.Fragment,enter:"ms-ease-out ms-duration-300",enterFrom:"ms-opacity-0",enterTo:"ms-opacity-100",leave:"ms-ease-in ms-duration-200",leaveFrom:"ms-opacity-100",leaveTo:"ms-opacity-0"},r.createElement("div",{className:"ms-fixed ms-inset-0 ms-bg-black ms-bg-opacity-50"})),r.createElement("div",{style:{marginTop:(null==a?void 0:a.dialogTopMargin)||0},className:"ms-fixed ms-inset-0 ms-z-[100] ms-overflow-auto sm:ms-overflow-hidden"},r.createElement("div",{className:"ms-z-[100] ms-flex ms-min-h-full ms-items-start ms-justify-center ms-p-4 ms-text-center"},r.createElement(br.Child,{as:r.Fragment,enter:"ms-ease-out ms-duration-300",enterFrom:"ms-opacity-0 ms-scale-95",enterTo:"ms-opacity-100 ms-scale-100",leave:"ms-ease-in ms-duration-200",leaveFrom:"ms-opacity-100 ms-scale-100",leaveTo:"ms-opacity-0 ms-scale-95"},r.createElement(nr.Panel,{className:"ms-z-[100] ms-mt-20 ms-h-[95%] ms-w-full ms-transform ms-overflow-auto ms-rounded-xl ms-text-left ms-align-middle ms-shadow-xl ms-transition-all sm:ms-max-w-[800px] sm:ms-overflow-hidden"},r.createElement("div",{style:{background:o.backgroundColor?o.backgroundColor:o.darkMode?"#1a1a1a":"#ffffff"},className:"ms-relative ms-flex ms-h-full ms-max-h-full ms-w-full ms-flex-col ms-items-end ms-rounded-xl ms-border ms-border-gray-500 ms-border-opacity-20 ".concat("sm:ms-p-0")},null!==I?r.createElement("div",{style:{background:o.backgroundColor?o.backgroundColor:o.darkMode?"#1a1a1a":"#ffffff"},className:" ms-flex ms-h-full ms-max-h-full ms-w-full ms-flex-col ms-rounded-xl ms-p-2 ".concat(f?"sm:ms-p-4":"sm:ms-p-0")},r.createElement("p",{style:{margin:0,padding:10},className:"ms-ml-4 ms-text-red-500"},I)):r.createElement(r.Fragment,null),f?r.createElement(Zi,{tabs:[{name:"\ud83e\udd16 Mendable",displayComponent:r.createElement(Bv,dt({style:o,company:w,project:S,historyState:H,setHistory:V,isMendableLoading:T,messageSettings:b.messageSettings,anon_key:t,setResetHistory:function(){V([{message:""===s?M("welcomeMessage"):s,sources:[],code_snippet:"",isBot:!0,message_id:0}]),gv(K,[{message:""===s?M("welcomeMessage"):s,sources:[],code_snippet:"",isBot:!0,message_id:0}])},suggestedQuestions:C,hiddenField:W,_setIsPinned:h?q:void 0,_isPinned:$,_persistConvState:N,_setPersistConvState:R,onMessageForTracking:g,onSourceClickedForTracking:y},b))}],sourcesStyle:o}):r.createElement(Zi,{tabs:[{name:"\ud83e\udd16 Mendable",displayComponent:r.createElement(Pv,dt({style:o,historyState:H,setHistory:V,company:w,project:S,isMendableLoading:T,anon_key:t,setResetHistory:function(){V([{message:""===s?M("welcomeMessage"):s,sources:[],code_snippet:"",isBot:!0,message_id:0}]),gv(K,[{message:""===s?M("welcomeMessage"):s,sources:[],code_snippet:"",isBot:!0,message_id:0}])},suggestedQuestions:C,hiddenField:W,_setIsPinned:h?q:void 0,_isPinned:$,_persistConvState:N,_setPersistConvState:R,onMessageForTracking:g,onSourceClickedForTracking:y},b))}],sourcesStyle:o})))))))))}var Uv={},Hv={get exports(){return Uv},set exports(e){Uv=e}};!function(e){!function(){var t={}.hasOwnProperty;function n(){for(var e=[],r=0;r4&&void 0!==arguments[4]?arguments[4]:{path:"/",sameSite:"strict"};n&&(o.expires=new Date,o.expires.setTime(o.expires.getTime()+60*n*1e3)),r&&(o.domain=r),document.cookie=function(e,t,n){var r=n||{};r.path=r.path||"/";var o=encodeURIComponent(t),a="".concat(e,"=").concat(o);if(r.maxAge>0){var i=r.maxAge-0;if(Number.isNaN(i))throw new Error("maxAge should be a Number");a+="; Max-Age=".concat(Math.floor(i))}if(r.domain){if(!Zv.test(r.domain))throw new TypeError("option domain is invalid");a+="; Domain=".concat(r.domain)}if(r.path){if(!Zv.test(r.path))throw new TypeError("option path is invalid");a+="; Path=".concat(r.path)}if(r.expires){if("function"!=typeof r.expires.toUTCString)throw new TypeError("option expires is invalid");a+="; Expires=".concat(r.expires.toUTCString())}if(r.httpOnly&&(a+="; HttpOnly"),r.secure&&(a+="; Secure"),r.sameSite)switch("string"==typeof r.sameSite?r.sameSite.toLowerCase():r.sameSite){case!0:a+="; SameSite=Strict";break;case"lax":a+="; SameSite=Lax";break;case"strict":a+="; SameSite=Strict";break;case"none":a+="; SameSite=None";break;default:throw new TypeError("option sameSite is invalid")}return a}(e,encodeURIComponent(t),o)},ew={name:"cookie",lookup:function(e){var t;if(e.lookupCookie&&"undefined"!=typeof document){var n=function(e){for(var t="".concat(e,"="),n=document.cookie.split(";"),r=0;r-1&&(n=window.location.hash.substring(window.location.hash.indexOf("?")));for(var r=n.substring(1).split("&"),o=0;o0&&r[o].substring(0,a)===e.lookupQuerystring&&(t=r[o].substring(a+1))}}return t}},nw=null,rw=function(){if(null!==nw)return nw;try{nw="undefined"!==window&&null!==window.localStorage;var e="i18next.translate.boo";window.localStorage.setItem(e,"foo"),window.localStorage.removeItem(e)}catch(e){nw=!1}return nw},ow={name:"localStorage",lookup:function(e){var t;if(e.lookupLocalStorage&&rw()){var n=window.localStorage.getItem(e.lookupLocalStorage);n&&(t=n)}return t},cacheUserLanguage:function(e,t){t.lookupLocalStorage&&rw()&&window.localStorage.setItem(t.lookupLocalStorage,e)}},aw=null,iw=function(){if(null!==aw)return aw;try{aw="undefined"!==window&&null!==window.sessionStorage;var e="i18next.translate.boo";window.sessionStorage.setItem(e,"foo"),window.sessionStorage.removeItem(e)}catch(e){aw=!1}return aw},sw={name:"sessionStorage",lookup:function(e){var t;if(e.lookupSessionStorage&&iw()){var n=window.sessionStorage.getItem(e.lookupSessionStorage);n&&(t=n)}return t},cacheUserLanguage:function(e,t){t.lookupSessionStorage&&iw()&&window.sessionStorage.setItem(t.lookupSessionStorage,e)}},lw={name:"navigator",lookup:function(e){var t=[];if("undefined"!=typeof navigator){if(navigator.languages)for(var n=0;n0?t:void 0}},cw={name:"htmlTag",lookup:function(e){var t,n=e.htmlTag||("undefined"!=typeof document?document.documentElement:null);return n&&"function"==typeof n.getAttribute&&(t=n.getAttribute("lang")),t}},uw={name:"path",lookup:function(e){var t;if("undefined"!=typeof window){var n=window.location.pathname.match(/\/([a-zA-Z-]*)/g);if(n instanceof Array)if("number"==typeof e.lookupFromPathIndex){if("string"!=typeof n[e.lookupFromPathIndex])return;t=n[e.lookupFromPathIndex].replace("/","")}else t=n[0].replace("/","")}return t}},pw={name:"subdomain",lookup:function(e){var t="number"==typeof e.lookupFromSubdomainIndex?e.lookupFromSubdomainIndex+1:1,n="undefined"!=typeof window&&window.location&&window.location.hostname&&window.location.hostname.match(/^(\w{2,5})\.(([a-z0-9-]{1,63}\.[a-z]{2,6})|localhost)/i);if(n)return n[t]}},dw=function(){function e(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.type="languageDetector",this.detectors={},this.init(t,n)}var t,n;return t=e,n=[{key:"init",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};this.services=e,this.options=function(e){return Qv.call(Xv.call(arguments,1),(function(t){if(t)for(var n in t)void 0===e[n]&&(e[n]=t[n])})),e}(t,this.options||{},{order:["querystring","cookie","localStorage","sessionStorage","navigator","htmlTag"],lookupQuerystring:"lng",lookupCookie:"i18next",lookupLocalStorage:"i18nextLng",lookupSessionStorage:"i18nextLng",caches:["localStorage"],excludeCacheFor:["cimode"]}),this.options.lookupFromUrlIndex&&(this.options.lookupFromPathIndex=this.options.lookupFromUrlIndex),this.i18nOptions=n,this.addDetector(ew),this.addDetector(tw),this.addDetector(ow),this.addDetector(sw),this.addDetector(lw),this.addDetector(cw),this.addDetector(uw),this.addDetector(pw)}},{key:"addDetector",value:function(e){this.detectors[e.name]=e}},{key:"detect",value:function(e){var t=this;e||(e=this.options.order);var n=[];return e.forEach((function(e){if(t.detectors[e]){var r=t.detectors[e].lookup(t.options);r&&"string"==typeof r&&(r=[r]),r&&(n=n.concat(r))}})),this.services.languageUtils.getBestMatchFromCodes?n:n.length>0?n[0]:null}},{key:"cacheUserLanguage",value:function(e,t){var n=this;t||(t=this.options.caches),t&&(this.options.excludeCacheFor&&this.options.excludeCacheFor.indexOf(e)>-1||t.forEach((function(t){n.detectors[t]&&n.detectors[t].cacheUserLanguage(e,n.options)})))}}],n&&Yv(t.prototype,n),Object.defineProperty(t,"prototype",{writable:!1}),e}();dw.type="languageDetector",Wg.use(dw).use(Ch).init({fallbackLng:"en",debug:!1,resources:{en:{translation:{placeholderSearch:"Search...",dialogPlaceholderSearch:"How to deploy my application?",dialogPlaceholder:"How to deploy my application?",poweredBy:"Powered by",reset:"Reset",contactSupport:"Contact support",welcomeMessage:"Hi, how can I help you?",loading:"Loading",generating:"Generating",ask:"Ask",verifiedSources:"Verified Sources",helpfulResponse:"Was this response helpful?",yes:"Yes",no:"No",search:"Search",initializeError:"Connection Error. Try back in a few minutes.",assistant:"Assistant",you:"You",searchingDocs:"Searching documentation. This may take a second!","Welcome to React":"Welcome to React and react-i18next"}},es:{translation:{placeholderSearch:"Buscar...",dialogPlaceholderSearch:"\xbfC\xf3mo implementar mi aplicaci\xf3n?",dialogPlaceholder:"\xbfC\xf3mo implementar mi aplicaci\xf3n?",poweredBy:"Impulsado por",reset:"Restablecer",contactSupport:"Contactar soporte",welcomeMessage:"Hola, \xbfc\xf3mo puedo ayudarte?",loading:"Cargando",generating:"Generando",ask:"Preguntar",verifiedSources:"Fuentes Verificadas",helpfulResponse:"\xbfFue \xfatil esta respuesta?",yes:"S\xed",no:"No",search:"Buscar",initializeError:"Error de conexi\xf3n. Intente de nuevo en unos minutos.",assistant:"Asistente",you:"T\xfa",searchingDocs:"Buscando en la documentaci\xf3n. \xa1Esto puede tardar un segundo!","Welcome to React":"Bienvenido a React y react-i18next"}},pt:{translation:{placeholderSearch:"Pesquisar...",dialogPlaceholderSearch:"Como implementar a minha aplica\xe7\xe3o?",dialogPlaceholder:"Como implementar a minha aplica\xe7\xe3o?",poweredBy:"Impulsionado por",reset:"Resetar",contactSupport:"Contatar suporte",welcomeMessage:"Oi, como posso ajudar voc\xea?",loading:"Carregando",generating:"Gerando",ask:"Perguntar",verifiedSources:"Fontes Verificadas",helpfulResponse:"Esta resposta foi \xfatil?",yes:"Sim",no:"N\xe3o",search:"Pesquisar",initializeError:"Erro de conex\xe3o. Tente novamente em alguns minutos.",assistant:"Assistente",you:"Voc\xea",searchingDocs:"Pesquisando documenta\xe7\xe3o. Isso pode levar um segundo!","Welcome to React":"Bem-vindo ao React e react-i18next"}},fr:{translation:{placeholderSearch:"Rechercher...",dialogPlaceholderSearch:"Comment d\xe9ployer mon application?",dialogPlaceholder:"Comment d\xe9ployer mon application?",poweredBy:"Aliment\xe9 par",reset:"R\xe9initialiser",contactSupport:"Contacter le support",welcomeMessage:"Salut, comment puis-je vous aider?",loading:"Chargement",generating:"G\xe9n\xe9ration",ask:"Demander",verifiedSources:"Sources V\xe9rifi\xe9es",helpfulResponse:"Cette r\xe9ponse a-t-elle \xe9t\xe9 utile?",yes:"Oui",no:"Non",search:"Rechercher",initializeError:"Erreur de connexion. Essayez de nouveau dans quelques minutes.",assistant:"Assistant",you:"Vous",searchingDocs:"Recherche dans la documentation. Cela peut prendre une seconde!","Welcome to React":"Bienvenue sur React et react-i18next"}},nl:{translation:{placeholderSearch:"Zoeken...",dialogPlaceholderSearch:"Hoe implementeer ik mijn applicatie?",dialogPlaceholder:"Hoe implementeer ik mijn applicatie?",poweredBy:"Mogelijk gemaakt door",reset:"Resetten",contactSupport:"Contacteer support",welcomeMessage:"Hallo, hoe kan ik u helpen?",loading:"Bezig met laden",generating:"Genereren",ask:"Stel vraag",verifiedSources:"Geverifieerde Bronnen",helpfulResponse:"Was dit antwoord nuttig?",yes:"Ja",no:"Nee",search:"Zoeken",initializeError:"Verbindingsfout. Probeer het over een paar minuten opnieuw.",assistant:"Assistent",you:"Jij",searchingDocs:"Documentatie aan het zoeken. Dit kan even duren!","Welcome to React":"Welkom bij React en react-i18next"}},de:{translation:{placeholderSearch:"Suchen...",dialogPlaceholderSearch:"Wie kann ich meine Anwendung implementieren?",dialogPlaceholder:"Wie kann ich meine Anwendung implementieren?",poweredBy:"Unterst\xfctzt von",reset:"Zur\xfccksetzen",contactSupport:"Kundenservice kontaktieren",welcomeMessage:"Hallo, wie kann ich Ihnen helfen?",loading:"Laden",generating:"Generieren",ask:"Fragen",verifiedSources:"Verifizierte Quellen",helpfulResponse:"War diese Antwort hilfreich?",yes:"Ja",no:"Nein",search:"Suchen",initializeError:"Verbindungsfehler. Versuchen Sie es in einigen Minuten erneut.",assistant:"Assistent",you:"Du",searchingDocs:"Suche in der Dokumentation. Dies kann einen Moment dauern!","Welcome to React":"Willkommen bei React und react-i18next"}},ja:{translation:{placeholderSearch:"\u691c\u7d22...",dialogPlaceholderSearch:"\u79c1\u306e\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u3069\u306e\u3088\u3046\u306b\u30c7\u30d7\u30ed\u30a4\u3057\u307e\u3059\u304b\uff1f",dialogPlaceholder:"\u79c1\u306e\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u3069\u306e\u3088\u3046\u306b\u30c7\u30d7\u30ed\u30a4\u3057\u307e\u3059\u304b\uff1f",poweredBy:"\u63d0\u4f9b",reset:"\u30ea\u30bb\u30c3\u30c8",contactSupport:"\u30b5\u30dd\u30fc\u30c8\u306b\u9023\u7d61",welcomeMessage:"\u3053\u3093\u306b\u3061\u306f\u3001\u4f55\u304b\u304a\u624b\u4f1d\u3044\u3067\u304d\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u304b\uff1f",loading:"\u8aad\u307f\u8fbc\u307f\u4e2d",generating:"\u751f\u6210\u4e2d",ask:"\u5c0b\u306d\u308b",verifiedSources:"\u78ba\u8a8d\u6e08\u307f\u306e\u60c5\u5831\u6e90",helpfulResponse:"\u3053\u306e\u30ec\u30b9\u30dd\u30f3\u30b9\u306f\u5f79\u306b\u7acb\u3061\u307e\u3057\u305f\u304b\uff1f",yes:"\u306f\u3044",no:"\u3044\u3044\u3048",search:"\u691c\u7d22",initializeError:"\u63a5\u7d9a\u30a8\u30e9\u30fc\u3002\u6570\u5206\u5f8c\u306b\u518d\u8a66\u884c\u3057\u3066\u304f\u3060\u3055\u3044\u3002",assistant:"\u30a2\u30b7\u30b9\u30bf\u30f3\u30c8",you:"\u3042\u306a\u305f",searchingDocs:"\u30c9\u30ad\u30e5\u30e1\u30f3\u30c6\u30fc\u30b7\u30e7\u30f3\u3092\u691c\u7d22\u4e2d\u3002\u5c11\u3005\u304a\u5f85\u3061\u304f\u3060\u3055\u3044\uff01","Welcome to React":"React\u3068react-i18next\u3078\u3088\u3046\u3053\u305d"}},it:{translation:{placeholderSearch:"Cerca...",dialogPlaceholderSearch:"Come posso implementare la mia applicazione?",dialogPlaceholder:"Come posso implementare la mia applicazione?",poweredBy:"Powered by",reset:"Reset",contactSupport:"Contatta il supporto",welcomeMessage:"Ciao, come posso aiutarti?",loading:"Caricamento",generating:"Generazione",ask:"Chiedi",verifiedSources:"Fonti Verificate",helpfulResponse:"Questa risposta \xe8 stata utile?",yes:"S\xec",no:"No",search:"Cerca",initializeError:"Errore di connessione. Riprova tra qualche minuto.",assistant:"Assistente",you:"Tu",searchingDocs:"Ricerca documentazione. Potrebbe richiedere un secondo!","Welcome to React":"Benvenuto in React e react-i18next"}}},detection:{order:["querystring","cookie","sessionStorage","localStorage","navigator","htmlTag","path","subdomain"],caches:[""]},interpolation:{escapeValue:!1}});var fw=function(e){return(0,r.useEffect)((function(){""!==e&&Wg.changeLanguage(e)}),[e]),Wg};var mw=function(e){var t=e.className,n=void 0===t?"ms-w-12 ms-h-12":t,o=e.logoColor,a=void 0===o?"white":o,i=ft(e,["className","logoColor"]);return r.createElement("svg",dt({"aria-label":"Logo",viewBox:"0 0 546 546",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:n},i),r.createElement("defs",null,r.createElement("clipPath",{id:"clip0_3620_357"},r.createElement("rect",{width:"546",height:"546",fill:"#fff"}))),r.createElement("g",{clipPath:"url(#clip0_3620_357)"},r.createElement("path",{d:"M264.987 200.961C264.987 160.363 297.811 127.564 338.44 127.564C379.068 127.564 411.892 160.409 411.892 200.961",stroke:a,strokeWidth:"44.0648",strokeMiterlimit:"10",strokeLinecap:"round"}),r.createElement("path",{d:"M412.03 408.171L412.03 200.961",stroke:a,strokeWidth:"44.0648",strokeMiterlimit:"10",strokeLinecap:"round"}),r.createElement("path",{d:"M264.935 409.074L264.987 200.961",stroke:a,strokeWidth:"44.0648",strokeMiterlimit:"10",strokeLinecap:"round"}),r.createElement("path",{d:"M118.137 200.96C118.37 160.363 151.382 127.752 192.01 127.985C232.638 128.218 265.273 161.206 265.04 201.803",stroke:a,strokeWidth:"44.0648",strokeMiterlimit:"10",strokeLinecap:"round"}),r.createElement("path",{d:"M118.169 195.409L116.949 408.12",stroke:a,strokeWidth:"44.0648",strokeMiterlimit:"10",strokeLinecap:"round"}),r.createElement("path",{d:"M339 198L338 377",stroke:a,strokeWidth:"42",strokeMiterlimit:"10",strokeLinecap:"round"}),r.createElement("path",{d:"M192 197L191 377",stroke:a,strokeWidth:"42",strokeMiterlimit:"10",strokeLinecap:"round"})))};function hw(e){var t=e.floatingButtonStyle,n=void 0===t?kr:t,o=e.icon,a=e.dialogPlaceholder,i=void 0===a?Vv:a,s=e.positionOverwriteClassname,l=void 0===s?"":s,c=e.language,u=void 0===c?"":c,p=e.welcomeMessage,d=void 0===p?"":p,f=e.cmdShortcutKey,m=void 0===f?"k":f,h=e.customText,g=void 0===h?"":h,y=e.showPopup,b=void 0===y||y,v=e.popupText,w=void 0===v?"":v,k=e.dismissPopupAfter,x=void 0===k?10:k,S=ft(e,["floatingButtonStyle","icon","dialogPlaceholder","positionOverwriteClassname","language","welcomeMessage","cmdShortcutKey","customText","showPopup","popupText","dismissPopupAfter"]),_=r.useState(!1),E=_[0],C=_[1],A=Rh();A.i18n;var O=A.t;fw(u);var T=function(e){e.key===m&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),C((function(e){return!e})))};(0,r.useEffect)((function(){return window.addEventListener("keydown",T),function(){window.removeEventListener("keydown",T)}}),[]);var P=(0,r.useState)(!1),j=P[0],N=P[1],R=(0,r.useState)(b),L=R[0],I=R[1],F=(0,r.useState)(!1),D=F[0],M=F[1],z="undefined"!=typeof window;return(0,r.useEffect)((function(){z&&(N(window.navigator.platform.toUpperCase().indexOf("MAC")>=0),b||I(window.innerWidth<700))}),[]),(0,r.useEffect)((function(){L&&-1!==x&&setTimeout((function(){M(!0)}),1e3*x)}),[L]),L?r.createElement(r.Fragment,null,r.createElement("div",{className:"ms-fixed ms-bottom-4 ms-right-8 ms-z-[100] ms-flex ms-flex-col ms-items-end hover:ms-cursor-pointer"},!D&&r.createElement("div",{className:"ms-relative ms-mb-4 "},r.createElement("div",{style:{backgroundColor:n.backgroundColor},className:"ms-absolute -ms-bottom-1 ms-right-6 -ms-z-10 ms-h-4 ms-w-4 ms-rotate-45"}),r.createElement("div",{style:{backgroundColor:n.backgroundColor},className:"ms-z-10 ms-flex ms-items-center ms-justify-center ms-rounded-lg ms-px-3 ms-py-2 "},r.createElement("p",{style:{color:n.color,margin:0},className:"ms-text-sm"},""!==w?w:""===d?O("welcomeMessage"):d))),r.createElement("div",{style:{backgroundColor:n.backgroundColor},onClick:function(){C((function(e){return!e})),M(!0)},className:"ms-flex ms-h-16 ms-w-16 ms-flex-col ms-items-center ms-justify-center ms-self-end ms-rounded-full ms-p-2 ms-transition"},r.createElement("div",{className:"".concat(E?"":"ms-rotate-0 "," ms-flex ms-h-full ms-w-full ms-transform ms-cursor-pointer ms-items-center ms-justify-center ms-rounded-full ms-transition-all ms-delay-75 ms-duration-100 ms-ease-in-out")},"string"==typeof o?r.createElement("img",{src:o,alt:"Floating button icon",className:"ms-h-12 ms-w-12 ms-rounded-md"}):null!=o?o:r.createElement(mw,{logoColor:n.color}))),r.createElement(qv,dt({hintText:i===Vv?O("dialogPlaceholder"):i,openState:E,setOpenState:function(e){return C(e)}},S)))):r.createElement(r.Fragment,null,r.createElement("div",{style:{backgroundColor:n.backgroundColor},onClick:function(){return C((function(e){return!e}))},className:"".concat(E?"-ms-rotate-90":"ms-rotate-0"," ").concat(""!==l?l+" ms-h-fit ms-w-fit":"ms-fixed ms-bottom-4 ms-right-8"," ms-z-[100] ms-flex ms-flex-col ms-items-center ms-justify-center ms-rounded-md ms-p-2 ms-transition")},r.createElement("div",{className:"".concat(E?"ms-mb-2 ms-rotate-90 ms-bg-opacity-10":"ms-rotate-0 "," ms-flex ms-h-full ms-w-full ms-transform ms-cursor-pointer ms-items-center ms-justify-center ms-rounded-full ms-transition-all ms-delay-75 ms-duration-100 ms-ease-in-out")},"string"==typeof o?r.createElement("img",{src:o,alt:"Floating button icon",className:"ms-h-12 ms-w-12 ms-rounded-md"}):null!=o?o:r.createElement(mw,{logoColor:n.color})),r.createElement("div",{style:{color:n.color},className:"ms-rounded-md ms-bg-white ms-bg-opacity-10 ms-p-1 ms-text-base ".concat(0===g.length&&j?"ms-text-base":g.length<9?"ms-text-sm":"ms-text-xs"," ms-transition-all ms-delay-75 ").concat(E?"".concat(""!==g?"ms-mt-4":"ms-mt-2"," ms-mb-4 ms-rotate-90 ms-scale-105 ms-bg-opacity-10"):"ms-mt-2 ms-scale-100")},""===g?j?"\u2318 + "+m.toUpperCase():"CTRL + "+m.toUpperCase():g)),r.createElement(qv,dt({hintText:i===Vv?O("dialogPlaceholder"):i,openState:E,setOpenState:function(e){return C(e)},welcomeMessage:d,cmdShortcutKey:m},S)))}function gw(e){const t=r.createElement("img",{src:"/img/chain.png",style:{width:"40px"}},null),n=r.createElement("div",{style:{color:"#000000",fontSize:"22px",width:"48px",height:"48px",margin:"0px",padding:"0px",display:"flex",alignItems:"center",justifyContent:"center",textAlign:"center"}},[t]),{siteConfig:{customFields:o}}=(0,ce.A)(),a=r.createElement(hw,{floatingButtonStyle:{color:"#000000",backgroundColor:"#f6f6f6"},anon_key:"b7f52734-297c-41dc-8737-edbd13196394",showSimpleSearch:!0,icon:n});return(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(ct,{}),a]})}const yw=(0,N.fM)([z.a,x.o,j.Tv,Se.VQ,s.Jx,function(e){let{children:t}=e;return(0,p.jsx)(R.y_,{children:(0,p.jsx)(P.e,{children:(0,p.jsx)(I,{children:t})})})}]);function bw(e){let{children:t}=e;return(0,p.jsx)(yw,{children:t})}var vw=n(1107);function ww(e){let{error:t,tryAgain:n}=e;return(0,p.jsx)("main",{className:"container margin-vert--xl",children:(0,p.jsx)("div",{className:"row",children:(0,p.jsxs)("div",{className:"col col--6 col--offset-3",children:[(0,p.jsx)(vw.A,{as:"h1",className:"hero__title",children:(0,p.jsx)(c.A,{id:"theme.ErrorPageContent.title",description:"The title of the fallback page when the page crashed",children:"This page crashed."})}),(0,p.jsx)("div",{className:"margin-vert--lg",children:(0,p.jsx)(De,{onClick:n,className:"button button--primary shadow--lw"})}),(0,p.jsx)("hr",{}),(0,p.jsx)("div",{className:"margin-vert--md",children:(0,p.jsx)(Me,{error:t})})]})})})}const kw={mainWrapper:"mainWrapper_z2l0"};function xw(e){const{children:t,noFooter:n,wrapperClassName:r,title:o,description:l}=e;return(0,b.J)(),(0,p.jsxs)(bw,{children:[(0,p.jsx)(s.be,{title:o,description:l}),(0,p.jsx)(w,{}),(0,p.jsx)(T,{}),(0,p.jsx)(We,{}),(0,p.jsx)("div",{id:d,className:(0,a.A)(y.G.wrapper.main,kw.mainWrapper,r),children:(0,p.jsx)(i.A,{fallback:e=>(0,p.jsx)(ww,{...e}),children:t})}),!n&&(0,p.jsx)(gw,{})]})}},3465:(e,t,n)=>{"use strict";n.d(t,{A:()=>u});n(6540);var r=n(8774),o=n(6025),a=n(4586),i=n(6342),s=n(1122),l=n(4848);function c(e){let{logo:t,alt:n,imageClassName:r}=e;const a={light:(0,o.Ay)(t.src),dark:(0,o.Ay)(t.srcDark||t.src)},i=(0,l.jsx)(s.A,{className:t.className,sources:a,height:t.height,width:t.width,alt:n,style:t.style});return r?(0,l.jsx)("div",{className:r,children:i}):i}function u(e){const{siteConfig:{title:t}}=(0,a.A)(),{navbar:{title:n,logo:s}}=(0,i.p)(),{imageClassName:u,titleClassName:p,...d}=e,f=(0,o.Ay)(s?.href||"/"),m=n?"":t,h=s?.alt??m;return(0,l.jsxs)(r.A,{to:f,...d,...s?.target&&{target:s.target},children:[s&&(0,l.jsx)(c,{logo:s,alt:h,imageClassName:u}),null!=n&&(0,l.jsx)("b",{className:p,children:n})]})}},1463:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});n(6540);var r=n(5260),o=n(4848);function a(e){let{locale:t,version:n,tag:a}=e;const i=t;return(0,o.jsxs)(r.A,{children:[t&&(0,o.jsx)("meta",{name:"docusaurus_locale",content:t}),n&&(0,o.jsx)("meta",{name:"docusaurus_version",content:n}),a&&(0,o.jsx)("meta",{name:"docusaurus_tag",content:a}),i&&(0,o.jsx)("meta",{name:"docsearch:language",content:i}),n&&(0,o.jsx)("meta",{name:"docsearch:version",content:n}),a&&(0,o.jsx)("meta",{name:"docsearch:docusaurus_tag",content:a})]})}},1122:(e,t,n)=>{"use strict";n.d(t,{A:()=>u});var r=n(6540),o=n(5066),a=n(2303),i=n(5293);const s={themedComponent:"themedComponent_mlkZ","themedComponent--light":"themedComponent--light_NVdE","themedComponent--dark":"themedComponent--dark_xIcU"};var l=n(4848);function c(e){let{className:t,children:n}=e;const c=(0,a.A)(),{colorMode:u}=(0,i.G)();return(0,l.jsx)(l.Fragment,{children:(c?"dark"===u?["dark"]:["light"]:["light","dark"]).map((e=>{const a=n({theme:e,className:(0,o.A)(t,s.themedComponent,s[`themedComponent--${e}`])});return(0,l.jsx)(r.Fragment,{children:a},e)}))})}function u(e){const{sources:t,className:n,alt:r,...o}=e;return(0,l.jsx)(c,{className:n,children:e=>{let{theme:n,className:a}=e;return(0,l.jsx)("img",{src:t[n],alt:r,className:a,...o})}})}},1422:(e,t,n)=>{"use strict";n.d(t,{N:()=>y,u:()=>c});var r=n(6540),o=n(8193),a=n(205),i=n(3109),s=n(4848);const l="ease-in-out";function c(e){let{initialState:t}=e;const[n,o]=(0,r.useState)(t??!1),a=(0,r.useCallback)((()=>{o((e=>!e))}),[]);return{collapsed:n,setCollapsed:o,toggleCollapsed:a}}const u={display:"none",overflow:"hidden",height:"0px"},p={display:"block",overflow:"visible",height:"auto"};function d(e,t){const n=t?u:p;e.style.display=n.display,e.style.overflow=n.overflow,e.style.height=n.height}function f(e){let{collapsibleRef:t,collapsed:n,animation:o}=e;const a=(0,r.useRef)(!1);(0,r.useEffect)((()=>{const e=t.current;function r(){const t=e.scrollHeight,n=o?.duration??function(e){if((0,i.O)())return 1;const t=e/36;return Math.round(10*(4+15*t**.25+t/5))}(t);return{transition:`height ${n}ms ${o?.easing??l}`,height:`${t}px`}}function s(){const t=r();e.style.transition=t.transition,e.style.height=t.height}if(!a.current)return d(e,n),void(a.current=!0);return e.style.willChange="height",function(){const t=requestAnimationFrame((()=>{n?(s(),requestAnimationFrame((()=>{e.style.height=u.height,e.style.overflow=u.overflow}))):(e.style.display="block",requestAnimationFrame((()=>{s()})))}));return()=>cancelAnimationFrame(t)}()}),[t,n,o])}function m(e){if(!o.A.canUseDOM)return e?u:p}function h(e){let{as:t="div",collapsed:n,children:o,animation:a,onCollapseTransitionEnd:i,className:l,disableSSRStyle:c}=e;const u=(0,r.useRef)(null);return f({collapsibleRef:u,collapsed:n,animation:a}),(0,s.jsx)(t,{ref:u,style:c?void 0:m(n),onTransitionEnd:e=>{"height"===e.propertyName&&(d(u.current,n),i?.(n))},className:l,children:o})}function g(e){let{collapsed:t,...n}=e;const[o,i]=(0,r.useState)(!t),[l,c]=(0,r.useState)(t);return(0,a.A)((()=>{t||i(!0)}),[t]),(0,a.A)((()=>{o&&c(t)}),[o,t]),o?(0,s.jsx)(h,{...n,collapsed:l}):null}function y(e){let{lazy:t,...n}=e;const r=t?g:h;return(0,s.jsx)(r,{...n})}},5041:(e,t,n)=>{"use strict";n.d(t,{M:()=>h,o:()=>m});var r=n(6540),o=n(2303),a=n(679),i=n(9532),s=n(6342),l=n(4848);const c=(0,a.Wf)("docusaurus.announcement.dismiss"),u=(0,a.Wf)("docusaurus.announcement.id"),p=()=>"true"===c.get(),d=e=>c.set(String(e)),f=r.createContext(null);function m(e){let{children:t}=e;const n=function(){const{announcementBar:e}=(0,s.p)(),t=(0,o.A)(),[n,a]=(0,r.useState)((()=>!!t&&p()));(0,r.useEffect)((()=>{a(p())}),[]);const i=(0,r.useCallback)((()=>{d(!0),a(!0)}),[]);return(0,r.useEffect)((()=>{if(!e)return;const{id:t}=e;let n=u.get();"annoucement-bar"===n&&(n="announcement-bar");const r=t!==n;u.set(t),r&&d(!1),!r&&p()||a(!1)}),[e]),(0,r.useMemo)((()=>({isActive:!!e&&!n,close:i})),[e,n,i])}();return(0,l.jsx)(f.Provider,{value:n,children:t})}function h(){const e=(0,r.useContext)(f);if(!e)throw new i.dV("AnnouncementBarProvider");return e}},5293:(e,t,n)=>{"use strict";n.d(t,{G:()=>y,a:()=>g});var r=n(6540),o=n(8193),a=n(9532),i=n(679),s=n(6342),l=n(4848);const c=r.createContext(void 0),u="theme",p=(0,i.Wf)(u),d={light:"light",dark:"dark"},f=e=>e===d.dark?d.dark:d.light,m=e=>o.A.canUseDOM?f(document.documentElement.getAttribute("data-theme")):f(e),h=e=>{p.set(f(e))};function g(e){let{children:t}=e;const n=function(){const{colorMode:{defaultMode:e,disableSwitch:t,respectPrefersColorScheme:n}}=(0,s.p)(),[o,a]=(0,r.useState)(m(e));(0,r.useEffect)((()=>{t&&p.del()}),[t]);const i=(0,r.useCallback)((function(t,r){void 0===r&&(r={});const{persist:o=!0}=r;t?(a(t),o&&h(t)):(a(n?window.matchMedia("(prefers-color-scheme: dark)").matches?d.dark:d.light:e),p.del())}),[n,e]);(0,r.useEffect)((()=>{document.documentElement.setAttribute("data-theme",f(o))}),[o]),(0,r.useEffect)((()=>{if(t)return;const e=e=>{if(e.key!==u)return;const t=p.get();null!==t&&i(f(t))};return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)}),[t,i]);const l=(0,r.useRef)(!1);return(0,r.useEffect)((()=>{if(t&&!n)return;const e=window.matchMedia("(prefers-color-scheme: dark)"),r=()=>{window.matchMedia("print").matches||l.current?l.current=window.matchMedia("print").matches:i(null)};return e.addListener(r),()=>e.removeListener(r)}),[i,t,n]),(0,r.useMemo)((()=>({colorMode:o,setColorMode:i,get isDarkTheme(){return o===d.dark},setLightTheme(){i(d.light)},setDarkTheme(){i(d.dark)}})),[o,i])}();return(0,l.jsx)(c.Provider,{value:n,children:t})}function y(){const e=(0,r.useContext)(c);if(null==e)throw new a.dV("ColorModeProvider","Please see https://docusaurus.io/docs/api/themes/configuration#use-color-mode.");return e}},5597:(e,t,n)=>{"use strict";n.d(t,{VQ:()=>y,g1:()=>v});var r=n(6540),o=n(4070),a=n(7065),i=n(6342),s=n(1754),l=n(9532),c=n(679),u=n(4848);const p=e=>`docs-preferred-version-${e}`,d={save:(e,t,n)=>{(0,c.Wf)(p(e),{persistence:t}).set(n)},read:(e,t)=>(0,c.Wf)(p(e),{persistence:t}).get(),clear:(e,t)=>{(0,c.Wf)(p(e),{persistence:t}).del()}},f=e=>Object.fromEntries(e.map((e=>[e,{preferredVersionName:null}])));const m=r.createContext(null);function h(){const e=(0,o.Gy)(),t=(0,i.p)().docs.versionPersistence,n=(0,r.useMemo)((()=>Object.keys(e)),[e]),[a,s]=(0,r.useState)((()=>f(n)));(0,r.useEffect)((()=>{s(function(e){let{pluginIds:t,versionPersistence:n,allDocsData:r}=e;function o(e){const t=d.read(e,n);return r[e].versions.some((e=>e.name===t))?{preferredVersionName:t}:(d.clear(e,n),{preferredVersionName:null})}return Object.fromEntries(t.map((e=>[e,o(e)])))}({allDocsData:e,versionPersistence:t,pluginIds:n}))}),[e,t,n]);return[a,(0,r.useMemo)((()=>({savePreferredVersion:function(e,n){d.save(e,t,n),s((t=>({...t,[e]:{preferredVersionName:n}})))}})),[t])]}function g(e){let{children:t}=e;const n=h();return(0,u.jsx)(m.Provider,{value:n,children:t})}function y(e){let{children:t}=e;return s.C5?(0,u.jsx)(g,{children:t}):(0,u.jsx)(u.Fragment,{children:t})}function b(){const e=(0,r.useContext)(m);if(!e)throw new l.dV("DocsPreferredVersionContextProvider");return e}function v(e){void 0===e&&(e=a.W);const t=(0,o.ht)(e),[n,i]=b(),{preferredVersionName:s}=n[e];return{preferredVersion:t.versions.find((e=>e.name===s))??null,savePreferredVersionName:(0,r.useCallback)((t=>{i.savePreferredVersion(e,t)}),[i,e])}}},6588:(e,t,n)=>{"use strict";n.d(t,{V:()=>l,t:()=>c});var r=n(6540),o=n(9532),a=n(4848);const i=Symbol("EmptyContext"),s=r.createContext(i);function l(e){let{children:t,name:n,items:o}=e;const i=(0,r.useMemo)((()=>n&&o?{name:n,items:o}:null),[n,o]);return(0,a.jsx)(s.Provider,{value:i,children:t})}function c(){const e=(0,r.useContext)(s);if(e===i)throw new o.dV("DocsSidebarProvider");return e}},2252:(e,t,n)=>{"use strict";n.d(t,{n:()=>s,r:()=>l});var r=n(6540),o=n(9532),a=n(4848);const i=r.createContext(null);function s(e){let{children:t,version:n}=e;return(0,a.jsx)(i.Provider,{value:n,children:t})}function l(){const e=(0,r.useContext)(i);if(null===e)throw new o.dV("DocsVersionProvider");return e}},9876:(e,t,n)=>{"use strict";n.d(t,{e:()=>f,M:()=>m});var r=n(6540),o=n(5600),a=n(4581),i=n(6347),s=n(9532);function l(e){!function(e){const t=(0,i.W6)(),n=(0,s._q)(e);(0,r.useEffect)((()=>t.block(((e,t)=>n(e,t)))),[t,n])}(((t,n)=>{if("POP"===n)return e(t,n)}))}var c=n(6342),u=n(4848);const p=r.createContext(void 0);function d(){const e=function(){const e=(0,o.YL)(),{items:t}=(0,c.p)().navbar;return 0===t.length&&!e.component}(),t=(0,a.l)(),n=!e&&"mobile"===t,[i,s]=(0,r.useState)(!1);l((()=>{if(i)return s(!1),!1}));const u=(0,r.useCallback)((()=>{s((e=>!e))}),[]);return(0,r.useEffect)((()=>{"desktop"===t&&s(!1)}),[t]),(0,r.useMemo)((()=>({disabled:e,shouldRender:n,toggle:u,shown:i})),[e,n,u,i])}function f(e){let{children:t}=e;const n=d();return(0,u.jsx)(p.Provider,{value:n,children:t})}function m(){const e=r.useContext(p);if(void 0===e)throw new s.dV("NavbarMobileSidebarProvider");return e}},5600:(e,t,n)=>{"use strict";n.d(t,{GX:()=>c,YL:()=>l,y_:()=>s});var r=n(6540),o=n(9532),a=n(4848);const i=r.createContext(null);function s(e){let{children:t}=e;const n=(0,r.useState)({component:null,props:null});return(0,a.jsx)(i.Provider,{value:n,children:t})}function l(){const e=(0,r.useContext)(i);if(!e)throw new o.dV("NavbarSecondaryMenuContentProvider");return e[0]}function c(e){let{component:t,props:n}=e;const a=(0,r.useContext)(i);if(!a)throw new o.dV("NavbarSecondaryMenuContentProvider");const[,s]=a,l=(0,o.Be)(n);return(0,r.useEffect)((()=>{s({component:t,props:l})}),[s,t,l]),(0,r.useEffect)((()=>()=>s({component:null,props:null})),[s]),null}},4090:(e,t,n)=>{"use strict";n.d(t,{w:()=>o,J:()=>a});var r=n(6540);const o="navigation-with-keyboard";function a(){(0,r.useEffect)((()=>{function e(e){"keydown"===e.type&&"Tab"===e.key&&document.body.classList.add(o),"mousedown"===e.type&&document.body.classList.remove(o)}return document.addEventListener("keydown",e),document.addEventListener("mousedown",e),()=>{document.body.classList.remove(o),document.removeEventListener("keydown",e),document.removeEventListener("mousedown",e)}}),[])}},4581:(e,t,n)=>{"use strict";n.d(t,{l:()=>s});var r=n(6540),o=n(8193);const a={desktop:"desktop",mobile:"mobile",ssr:"ssr"},i=996;function s(e){let{desktopBreakpoint:t=i}=void 0===e?{}:e;const[n,s]=(0,r.useState)((()=>"ssr"));return(0,r.useEffect)((()=>{function e(){s(function(e){if(!o.A.canUseDOM)throw new Error("getWindowSize() should only be called after React hydration");return window.innerWidth>e?a.desktop:a.mobile}(t))}return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[t]),n}},7559:(e,t,n)=>{"use strict";n.d(t,{G:()=>r});const r={page:{blogListPage:"blog-list-page",blogPostPage:"blog-post-page",blogTagsListPage:"blog-tags-list-page",blogTagPostListPage:"blog-tags-post-list-page",docsDocPage:"docs-doc-page",docsTagsListPage:"docs-tags-list-page",docsTagDocListPage:"docs-tags-doc-list-page",mdxPage:"mdx-page"},wrapper:{main:"main-wrapper",blogPages:"blog-wrapper",docsPages:"docs-wrapper",mdxPages:"mdx-wrapper"},common:{editThisPage:"theme-edit-this-page",lastUpdated:"theme-last-updated",backToTopButton:"theme-back-to-top-button",codeBlock:"theme-code-block",admonition:"theme-admonition",unlistedBanner:"theme-unlisted-banner",admonitionType:e=>`theme-admonition-${e}`},layout:{},docs:{docVersionBanner:"theme-doc-version-banner",docVersionBadge:"theme-doc-version-badge",docBreadcrumbs:"theme-doc-breadcrumbs",docMarkdown:"theme-doc-markdown",docTocMobile:"theme-doc-toc-mobile",docTocDesktop:"theme-doc-toc-desktop",docFooter:"theme-doc-footer",docFooterTagsRow:"theme-doc-footer-tags-row",docFooterEditMetaRow:"theme-doc-footer-edit-meta-row",docSidebarContainer:"theme-doc-sidebar-container",docSidebarMenu:"theme-doc-sidebar-menu",docSidebarItemCategory:"theme-doc-sidebar-item-category",docSidebarItemLink:"theme-doc-sidebar-item-link",docSidebarItemCategoryLevel:e=>`theme-doc-sidebar-item-category-level-${e}`,docSidebarItemLinkLevel:e=>`theme-doc-sidebar-item-link-level-${e}`},blog:{blogFooterTagsRow:"theme-blog-footer-tags-row",blogFooterEditMetaRow:"theme-blog-footer-edit-meta-row"},pages:{pageFooterEditMetaRow:"theme-pages-footer-edit-meta-row"}}},3109:(e,t,n)=>{"use strict";function r(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}n.d(t,{O:()=>r})},1754:(e,t,n)=>{"use strict";n.d(t,{Nr:()=>f,w8:()=>g,C5:()=>d,B5:()=>_,Vd:()=>k,QB:()=>S,fW:()=>x,OF:()=>w,Y:()=>b});var r=n(6540),o=n(6347),a=n(2831),i=n(4070),s=n(5597),l=n(2252),c=n(6588);function u(e){return Array.from(new Set(e))}var p=n(9169);const d=!!i.Gy;function f(e){return"link"!==e.type||e.unlisted?"category"===e.type?function(e){if(e.href&&!e.linkUnlisted)return e.href;for(const t of e.items){const e=f(t);if(e)return e}}(e):void 0:e.href}const m=(e,t)=>void 0!==e&&(0,p.ys)(e,t),h=(e,t)=>e.some((e=>g(e,t)));function g(e,t){return"link"===e.type?m(e.href,t):"category"===e.type&&(m(e.href,t)||h(e.items,t))}function y(e,t){switch(e.type){case"category":return g(e,t)||e.items.some((e=>y(e,t)));case"link":return!e.unlisted||g(e,t);default:return!0}}function b(e,t){return(0,r.useMemo)((()=>e.filter((e=>y(e,t)))),[e,t])}function v(e){let{sidebarItems:t,pathname:n,onlyCategories:r=!1}=e;const o=[];return function e(t){for(const a of t)if("category"===a.type&&((0,p.ys)(a.href,n)||e(a.items))||"link"===a.type&&(0,p.ys)(a.href,n)){return r&&"category"!==a.type||o.unshift(a),!0}return!1}(t),o}function w(){const e=(0,c.t)(),{pathname:t}=(0,o.zy)(),n=(0,i.vT)()?.pluginData.breadcrumbs;return!1!==n&&e?v({sidebarItems:e.items,pathname:t}):null}function k(e){const{activeVersion:t}=(0,i.zK)(e),{preferredVersion:n}=(0,s.g1)(e),o=(0,i.r7)(e);return(0,r.useMemo)((()=>u([t,n,o].filter(Boolean))),[t,n,o])}function x(e,t){const n=k(t);return(0,r.useMemo)((()=>{const t=n.flatMap((e=>e.sidebars?Object.entries(e.sidebars):[])),r=t.find((t=>t[0]===e));if(!r)throw new Error(`Can't find any sidebar with id "${e}" in version${n.length>1?"s":""} ${n.map((e=>e.name)).join(", ")}".\nAvailable sidebar ids are:\n- ${t.map((e=>e[0])).join("\n- ")}`);return r[1]}),[e,n])}function S(e,t){const n=k(t);return(0,r.useMemo)((()=>{const t=n.flatMap((e=>e.docs)),r=t.find((t=>t.id===e));if(!r){if(n.flatMap((e=>e.draftIds)).includes(e))return null;throw new Error(`Couldn't find any doc with id "${e}" in version${n.length>1?"s":""} "${n.map((e=>e.name)).join(", ")}".\nAvailable doc ids are:\n- ${u(t.map((e=>e.id))).join("\n- ")}`)}return r}),[e,n])}function _(e){let{route:t}=e;const n=(0,o.zy)(),r=(0,l.r)(),i=t.routes,s=i.find((e=>(0,o.B6)(n.pathname,e)));if(!s)return null;const c=s.sidebar,u=c?r.docsSidebars[c]:void 0;return{docElement:(0,a.v)(i),sidebarName:c,sidebarItems:u}}},1003:(e,t,n)=>{"use strict";n.d(t,{e3:()=>f,be:()=>p,Jx:()=>m});var r=n(6540),o=n(5066),a=n(5260),i=n(3102);function s(){const e=r.useContext(i.o);if(!e)throw new Error("Unexpected: no Docusaurus route context found");return e}var l=n(6025),c=n(4586);var u=n(4848);function p(e){let{title:t,description:n,keywords:r,image:o,children:i}=e;const s=function(e){const{siteConfig:t}=(0,c.A)(),{title:n,titleDelimiter:r}=t;return e?.trim().length?`${e.trim()} ${r} ${n}`:n}(t),{withBaseUrl:p}=(0,l.hH)(),d=o?p(o,{absolute:!0}):void 0;return(0,u.jsxs)(a.A,{children:[t&&(0,u.jsx)("title",{children:s}),t&&(0,u.jsx)("meta",{property:"og:title",content:s}),n&&(0,u.jsx)("meta",{name:"description",content:n}),n&&(0,u.jsx)("meta",{property:"og:description",content:n}),r&&(0,u.jsx)("meta",{name:"keywords",content:Array.isArray(r)?r.join(","):r}),d&&(0,u.jsx)("meta",{property:"og:image",content:d}),d&&(0,u.jsx)("meta",{name:"twitter:image",content:d}),i]})}const d=r.createContext(void 0);function f(e){let{className:t,children:n}=e;const i=r.useContext(d),s=(0,o.A)(i,t);return(0,u.jsxs)(d.Provider,{value:s,children:[(0,u.jsx)(a.A,{children:(0,u.jsx)("html",{className:s})}),n]})}function m(e){let{children:t}=e;const n=s(),r=`plugin-${n.plugin.name.replace(/docusaurus-(?:plugin|theme)-(?:content-)?/gi,"")}`;const a=`plugin-id-${n.plugin.id}`;return(0,u.jsx)(f,{className:(0,o.A)(r,a),children:t})}},9532:(e,t,n)=>{"use strict";n.d(t,{Be:()=>c,ZC:()=>s,_q:()=>i,dV:()=>l,fM:()=>u});var r=n(6540),o=n(205),a=n(4848);function i(e){const t=(0,r.useRef)(e);return(0,o.A)((()=>{t.current=e}),[e]),(0,r.useCallback)((function(){return t.current(...arguments)}),[])}function s(e){const t=(0,r.useRef)();return(0,o.A)((()=>{t.current=e})),t.current}class l extends Error{constructor(e,t){super(),this.name="ReactContextError",this.message=`Hook ${this.stack?.split("\n")[1]?.match(/at (?:\w+\.)?(?\w+)/)?.groups.name??""} is called outside the <${e}>. ${t??""}`}}function c(e){const t=Object.entries(e);return t.sort(((e,t)=>e[0].localeCompare(t[0]))),(0,r.useMemo)((()=>e),t.flat())}function u(e){return t=>{let{children:n}=t;return(0,a.jsx)(a.Fragment,{children:e.reduceRight(((e,t)=>(0,a.jsx)(t,{children:e})),n)})}}},9169:(e,t,n)=>{"use strict";n.d(t,{Dt:()=>s,ys:()=>i});var r=n(6540),o=n(8328),a=n(4586);function i(e,t){const n=e=>(!e||e.endsWith("/")?e:`${e}/`)?.toLowerCase();return n(e)===n(t)}function s(){const{baseUrl:e}=(0,a.A)().siteConfig;return(0,r.useMemo)((()=>function(e){let{baseUrl:t,routes:n}=e;function r(e){return e.path===t&&!0===e.exact}function o(e){return e.path===t&&!e.exact}return function e(t){if(0===t.length)return;return t.find(r)||e(t.filter(o).flatMap((e=>e.routes??[])))}(n)}({routes:o.A,baseUrl:e})),[e])}},3104:(e,t,n)=>{"use strict";n.d(t,{Mq:()=>d,Tv:()=>c,gk:()=>f});var r=n(6540),o=n(8193),a=n(2303),i=(n(205),n(9532)),s=n(4848);const l=r.createContext(void 0);function c(e){let{children:t}=e;const n=function(){const e=(0,r.useRef)(!0);return(0,r.useMemo)((()=>({scrollEventsEnabledRef:e,enableScrollEvents:()=>{e.current=!0},disableScrollEvents:()=>{e.current=!1}})),[])}();return(0,s.jsx)(l.Provider,{value:n,children:t})}function u(){const e=(0,r.useContext)(l);if(null==e)throw new i.dV("ScrollControllerProvider");return e}const p=()=>o.A.canUseDOM?{scrollX:window.pageXOffset,scrollY:window.pageYOffset}:null;function d(e,t){void 0===t&&(t=[]);const{scrollEventsEnabledRef:n}=u(),o=(0,r.useRef)(p()),a=(0,i._q)(e);(0,r.useEffect)((()=>{const e=()=>{if(!n.current)return;const e=p();a(e,o.current),o.current=e},t={passive:!0};return e(),window.addEventListener("scroll",e,t),()=>window.removeEventListener("scroll",e,t)}),[a,n,...t])}function f(){const e=(0,r.useRef)(null),t=(0,a.A)()&&"smooth"===getComputedStyle(document.documentElement).scrollBehavior;return{startScroll:n=>{e.current=t?function(e){return window.scrollTo({top:e,behavior:"smooth"}),()=>{}}(n):function(e){let t=null;const n=document.documentElement.scrollTop>e;return function r(){const o=document.documentElement.scrollTop;(n&&o>e||!n&&ot&&cancelAnimationFrame(t)}(n)},cancelScroll:()=>e.current?.()}}},2967:(e,t,n)=>{"use strict";n.d(t,{Cy:()=>r,tU:()=>o});n(4586);const r="default";function o(e,t){return`docs-${e}-${t}`}},679:(e,t,n)=>{"use strict";n.d(t,{Wf:()=>u});n(6540);const r=JSON.parse('{"N":"localStorage","M":""}');var o=n(6763);const a=r.N;function i(e){let{key:t,oldValue:n,newValue:r,storage:o}=e;if(n===r)return;const a=document.createEvent("StorageEvent");a.initStorageEvent("storage",!1,!1,t,n,r,window.location.href,o),window.dispatchEvent(a)}function s(e){if(void 0===e&&(e=a),"undefined"==typeof window)throw new Error("Browser storage is not available on Node.js/Docusaurus SSR process.");if("none"===e)return null;try{return window[e]}catch(n){return t=n,l||(o.warn("Docusaurus browser storage is not available.\nPossible reasons: running Docusaurus in an iframe, in an incognito browser session, or using too strict browser privacy settings.",t),l=!0),null}var t}let l=!1;const c={get:()=>null,set:()=>{},del:()=>{},listen:()=>()=>{}};function u(e,t){const n=`${e}${r.M}`;if("undefined"==typeof window)return function(e){function t(){throw new Error(`Illegal storage API usage for storage key "${e}".\nDocusaurus storage APIs are not supposed to be called on the server-rendering process.\nPlease only call storage APIs in effects and event handlers.`)}return{get:t,set:t,del:t,listen:t}}(n);const a=s(t?.persistence);return null===a?c:{get:()=>{try{return a.getItem(n)}catch(e){return o.error(`Docusaurus storage error, can't get key=${n}`,e),null}},set:e=>{try{const t=a.getItem(n);a.setItem(n,e),i({key:n,oldValue:t,newValue:e,storage:a})}catch(t){o.error(`Docusaurus storage error, can't set ${n}=${e}`,t)}},del:()=>{try{const e=a.getItem(n);a.removeItem(n),i({key:n,oldValue:e,newValue:null,storage:a})}catch(e){o.error(`Docusaurus storage error, can't delete key=${n}`,e)}},listen:e=>{try{const t=t=>{t.storageArea===a&&t.key===n&&e(t)};return window.addEventListener("storage",t),()=>window.removeEventListener("storage",t)}catch(t){return o.error(`Docusaurus storage error, can't listen for changes of key=${n}`,t),()=>{}}}}}},2131:(e,t,n)=>{"use strict";n.d(t,{o:()=>i});var r=n(4586),o=n(6347),a=n(440);function i(){const{siteConfig:{baseUrl:e,url:t,trailingSlash:n},i18n:{defaultLocale:i,currentLocale:s}}=(0,r.A)(),{pathname:l}=(0,o.zy)(),c=(0,a.applyTrailingSlash)(l,{trailingSlash:n,baseUrl:e}),u=s===i?e:e.replace(`/${s}/`,"/"),p=c.replace(e,"");return{createUrl:function(e){let{locale:n,fullyQualified:r}=e;return`${r?t:""}${function(e){return e===i?`${u}`:`${u}${e}/`}(n)}${p}`}}}},5062:(e,t,n)=>{"use strict";n.d(t,{$:()=>i});var r=n(6540),o=n(6347),a=n(9532);function i(e){const t=(0,o.zy)(),n=(0,a.ZC)(t),i=(0,a._q)(e);(0,r.useEffect)((()=>{n&&t!==n&&i({location:t,previousLocation:n})}),[i,t,n])}},6342:(e,t,n)=>{"use strict";n.d(t,{p:()=>o});var r=n(4586);function o(){return(0,r.A)().siteConfig.themeConfig}},2983:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.removeTrailingSlash=t.addLeadingSlash=t.addTrailingSlash=void 0;const r=n(2566);function o(e){return e.endsWith("/")?e:`${e}/`}function a(e){return(0,r.removeSuffix)(e,"/")}t.addTrailingSlash=o,t.default=function(e,t){const{trailingSlash:n,baseUrl:r}=t;if(e.startsWith("#"))return e;if(void 0===n)return e;const[i]=e.split(/[#?]/),s="/"===i||i===r?i:(l=i,n?o(l):a(l));var l;return e.replace(i,s)},t.addLeadingSlash=function(e){return(0,r.addPrefix)(e,"/")},t.removeTrailingSlash=a},253:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getErrorCausalChain=void 0,t.getErrorCausalChain=function e(t){return t.cause?[t,...e(t.cause)]:[t]}},440:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.getErrorCausalChain=t.removePrefix=t.addSuffix=t.removeSuffix=t.addPrefix=t.removeTrailingSlash=t.addLeadingSlash=t.addTrailingSlash=t.applyTrailingSlash=t.blogPostContainerID=void 0,t.blogPostContainerID="__blog-post-container";var o=n(2983);Object.defineProperty(t,"applyTrailingSlash",{enumerable:!0,get:function(){return r(o).default}}),Object.defineProperty(t,"addTrailingSlash",{enumerable:!0,get:function(){return o.addTrailingSlash}}),Object.defineProperty(t,"addLeadingSlash",{enumerable:!0,get:function(){return o.addLeadingSlash}}),Object.defineProperty(t,"removeTrailingSlash",{enumerable:!0,get:function(){return o.removeTrailingSlash}});var a=n(2566);Object.defineProperty(t,"addPrefix",{enumerable:!0,get:function(){return a.addPrefix}}),Object.defineProperty(t,"removeSuffix",{enumerable:!0,get:function(){return a.removeSuffix}}),Object.defineProperty(t,"addSuffix",{enumerable:!0,get:function(){return a.addSuffix}}),Object.defineProperty(t,"removePrefix",{enumerable:!0,get:function(){return a.removePrefix}});var i=n(253);Object.defineProperty(t,"getErrorCausalChain",{enumerable:!0,get:function(){return i.getErrorCausalChain}})},2566:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.removePrefix=t.addSuffix=t.removeSuffix=t.addPrefix=void 0,t.addPrefix=function(e,t){return e.startsWith(t)?e:`${t}${e}`},t.removeSuffix=function(e,t){return""===t?e:e.endsWith(t)?e.slice(0,-t.length):e},t.addSuffix=function(e,t){return e.endsWith(t)?e:`${e}${t}`},t.removePrefix=function(e,t){return e.startsWith(t)?e.slice(t.length):e}},1609:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0});const r=n(1635),o=r.__importDefault(n(4784)),a=r.__importDefault(n(9739)),{themeConfig:i}=o.default;function s(e){var t,n;return document.querySelector('html[data-theme="dark"]')?(null===(t=e.background)||void 0===t?void 0:t.dark)||"rgb(50, 50, 50)":(null===(n=e.background)||void 0===n?void 0:n.light)||"rgb(255, 255, 255)"}t.default=function(){if("undefined"==typeof window)return null;let e;const{zoom:t}=i,{selector:n=".markdown img",config:r={}}=t||{};if(!t)return null;r.background=s(t);var o=new MutationObserver((function(){e&&e.update({background:s(t)})}));const l=document.querySelector("html");return o.observe(l,{attributes:!0,attributeFilter:["data-theme"]}),setTimeout((()=>{e&&e.detach(),e=(0,a.default)(n,r)}),1e3),{onRouteUpdate(){setTimeout((()=>{e&&e.detach(),e=(0,a.default)(n,r)}),1e3)}}}()},8075:(e,t,n)=>{"use strict";var r=n(453),o=n(487),a=o(r("String.prototype.indexOf"));e.exports=function(e,t){var n=r(e,!!t);return"function"==typeof n&&a(e,".prototype.")>-1?o(n):n}},487:(e,t,n)=>{"use strict";var r=n(6743),o=n(453),a=n(6897),i=n(9675),s=o("%Function.prototype.apply%"),l=o("%Function.prototype.call%"),c=o("%Reflect.apply%",!0)||r.call(l,s),u=n(655),p=o("%Math.max%");e.exports=function(e){if("function"!=typeof e)throw new i("a function is required");var t=c(r,l,arguments);return a(t,1+p(0,e.length-(arguments.length-1)),!0)};var d=function(){return c(r,s,arguments)};u?u(e.exports,"apply",{value:d}):e.exports.apply=d},6763:(e,t,n)=>{var r=n(537),o=n(4148);function a(){return(new Date).getTime()}var i,s=Array.prototype.slice,l={};i=void 0!==n.g&&n.g.console?n.g.console:"undefined"!=typeof window&&window.console?window.console:{};for(var c=[[function(){},"log"],[function(){i.log.apply(i,arguments)},"info"],[function(){i.log.apply(i,arguments)},"warn"],[function(){i.warn.apply(i,arguments)},"error"],[function(e){l[e]=a()},"time"],[function(e){var t=l[e];if(!t)throw new Error("No such label: "+e);delete l[e];var n=a()-t;i.log(e+": "+n+"ms")},"timeEnd"],[function(){var e=new Error;e.name="Trace",e.message=r.format.apply(null,arguments),i.error(e.stack)},"trace"],[function(e){i.log(r.inspect(e)+"\n")},"dir"],[function(e){if(!e){var t=s.call(arguments,1);o.ok(!1,r.format.apply(null,t))}},"assert"]],u=0;u{"use strict";var r=n(655),o=n(8068),a=n(9675),i=n(5795);e.exports=function(e,t,n){if(!e||"object"!=typeof e&&"function"!=typeof e)throw new a("`obj` must be an object or a function`");if("string"!=typeof t&&"symbol"!=typeof t)throw new a("`property` must be a string or a symbol`");if(arguments.length>3&&"boolean"!=typeof arguments[3]&&null!==arguments[3])throw new a("`nonEnumerable`, if provided, must be a boolean or null");if(arguments.length>4&&"boolean"!=typeof arguments[4]&&null!==arguments[4])throw new a("`nonWritable`, if provided, must be a boolean or null");if(arguments.length>5&&"boolean"!=typeof arguments[5]&&null!==arguments[5])throw new a("`nonConfigurable`, if provided, must be a boolean or null");if(arguments.length>6&&"boolean"!=typeof arguments[6])throw new a("`loose`, if provided, must be a boolean");var s=arguments.length>3?arguments[3]:null,l=arguments.length>4?arguments[4]:null,c=arguments.length>5?arguments[5]:null,u=arguments.length>6&&arguments[6],p=!!i&&i(e,t);if(r)r(e,t,{configurable:null===c&&p?p.configurable:!c,enumerable:null===s&&p?p.enumerable:!s,value:n,writable:null===l&&p?p.writable:!l});else{if(!u&&(s||l||c))throw new o("This environment does not support defining a property as non-configurable, non-writable, or non-enumerable.");e[t]=n}}},8452:(e,t,n)=>{"use strict";var r=n(1189),o="function"==typeof Symbol&&"symbol"==typeof Symbol("foo"),a=Object.prototype.toString,i=Array.prototype.concat,s=n(41),l=n(592)(),c=function(e,t,n,r){if(t in e)if(!0===r){if(e[t]===n)return}else if("function"!=typeof(o=r)||"[object Function]"!==a.call(o)||!r())return;var o;l?s(e,t,n,!0):s(e,t,n)},u=function(e,t){var n=arguments.length>2?arguments[2]:{},a=r(t);o&&(a=i.call(a,Object.getOwnPropertySymbols(t)));for(var s=0;s{"use strict";var r=n(453)("%Object.defineProperty%",!0)||!1;if(r)try{r({},"a",{value:1})}catch(o){r=!1}e.exports=r},1237:e=>{"use strict";e.exports=EvalError},9383:e=>{"use strict";e.exports=Error},9290:e=>{"use strict";e.exports=RangeError},9538:e=>{"use strict";e.exports=ReferenceError},8068:e=>{"use strict";e.exports=SyntaxError},9675:e=>{"use strict";e.exports=TypeError},5345:e=>{"use strict";e.exports=URIError},2682:(e,t,n)=>{"use strict";var r=n(9600),o=Object.prototype.toString,a=Object.prototype.hasOwnProperty;e.exports=function(e,t,n){if(!r(t))throw new TypeError("iterator must be a function");var i;arguments.length>=3&&(i=n),"[object Array]"===o.call(e)?function(e,t,n){for(var r=0,o=e.length;r{"use strict";var t=Object.prototype.toString,n=Math.max,r=function(e,t){for(var n=[],r=0;r{"use strict";var r=n(9353);e.exports=Function.prototype.bind||r},453:(e,t,n)=>{"use strict";var r,o=n(9383),a=n(1237),i=n(9290),s=n(9538),l=n(8068),c=n(9675),u=n(5345),p=Function,d=function(e){try{return p('"use strict"; return ('+e+").constructor;")()}catch(t){}},f=Object.getOwnPropertyDescriptor;if(f)try{f({},"")}catch(I){f=null}var m=function(){throw new c},h=f?function(){try{return m}catch(e){try{return f(arguments,"callee").get}catch(t){return m}}}():m,g=n(4039)(),y=n(24)(),b=Object.getPrototypeOf||(y?function(e){return e.__proto__}:null),v={},w="undefined"!=typeof Uint8Array&&b?b(Uint8Array):r,k={__proto__:null,"%AggregateError%":"undefined"==typeof AggregateError?r:AggregateError,"%Array%":Array,"%ArrayBuffer%":"undefined"==typeof ArrayBuffer?r:ArrayBuffer,"%ArrayIteratorPrototype%":g&&b?b([][Symbol.iterator]()):r,"%AsyncFromSyncIteratorPrototype%":r,"%AsyncFunction%":v,"%AsyncGenerator%":v,"%AsyncGeneratorFunction%":v,"%AsyncIteratorPrototype%":v,"%Atomics%":"undefined"==typeof Atomics?r:Atomics,"%BigInt%":"undefined"==typeof BigInt?r:BigInt,"%BigInt64Array%":"undefined"==typeof BigInt64Array?r:BigInt64Array,"%BigUint64Array%":"undefined"==typeof BigUint64Array?r:BigUint64Array,"%Boolean%":Boolean,"%DataView%":"undefined"==typeof DataView?r:DataView,"%Date%":Date,"%decodeURI%":decodeURI,"%decodeURIComponent%":decodeURIComponent,"%encodeURI%":encodeURI,"%encodeURIComponent%":encodeURIComponent,"%Error%":o,"%eval%":eval,"%EvalError%":a,"%Float32Array%":"undefined"==typeof Float32Array?r:Float32Array,"%Float64Array%":"undefined"==typeof Float64Array?r:Float64Array,"%FinalizationRegistry%":"undefined"==typeof FinalizationRegistry?r:FinalizationRegistry,"%Function%":p,"%GeneratorFunction%":v,"%Int8Array%":"undefined"==typeof Int8Array?r:Int8Array,"%Int16Array%":"undefined"==typeof Int16Array?r:Int16Array,"%Int32Array%":"undefined"==typeof Int32Array?r:Int32Array,"%isFinite%":isFinite,"%isNaN%":isNaN,"%IteratorPrototype%":g&&b?b(b([][Symbol.iterator]())):r,"%JSON%":"object"==typeof JSON?JSON:r,"%Map%":"undefined"==typeof Map?r:Map,"%MapIteratorPrototype%":"undefined"!=typeof Map&&g&&b?b((new Map)[Symbol.iterator]()):r,"%Math%":Math,"%Number%":Number,"%Object%":Object,"%parseFloat%":parseFloat,"%parseInt%":parseInt,"%Promise%":"undefined"==typeof Promise?r:Promise,"%Proxy%":"undefined"==typeof Proxy?r:Proxy,"%RangeError%":i,"%ReferenceError%":s,"%Reflect%":"undefined"==typeof Reflect?r:Reflect,"%RegExp%":RegExp,"%Set%":"undefined"==typeof Set?r:Set,"%SetIteratorPrototype%":"undefined"!=typeof Set&&g&&b?b((new Set)[Symbol.iterator]()):r,"%SharedArrayBuffer%":"undefined"==typeof SharedArrayBuffer?r:SharedArrayBuffer,"%String%":String,"%StringIteratorPrototype%":g&&b?b(""[Symbol.iterator]()):r,"%Symbol%":g?Symbol:r,"%SyntaxError%":l,"%ThrowTypeError%":h,"%TypedArray%":w,"%TypeError%":c,"%Uint8Array%":"undefined"==typeof Uint8Array?r:Uint8Array,"%Uint8ClampedArray%":"undefined"==typeof Uint8ClampedArray?r:Uint8ClampedArray,"%Uint16Array%":"undefined"==typeof Uint16Array?r:Uint16Array,"%Uint32Array%":"undefined"==typeof Uint32Array?r:Uint32Array,"%URIError%":u,"%WeakMap%":"undefined"==typeof WeakMap?r:WeakMap,"%WeakRef%":"undefined"==typeof WeakRef?r:WeakRef,"%WeakSet%":"undefined"==typeof WeakSet?r:WeakSet};if(b)try{null.error}catch(I){var x=b(b(I));k["%Error.prototype%"]=x}var S=function e(t){var n;if("%AsyncFunction%"===t)n=d("async function () {}");else if("%GeneratorFunction%"===t)n=d("function* () {}");else if("%AsyncGeneratorFunction%"===t)n=d("async function* () {}");else if("%AsyncGenerator%"===t){var r=e("%AsyncGeneratorFunction%");r&&(n=r.prototype)}else if("%AsyncIteratorPrototype%"===t){var o=e("%AsyncGenerator%");o&&b&&(n=b(o.prototype))}return k[t]=n,n},_={__proto__:null,"%ArrayBufferPrototype%":["ArrayBuffer","prototype"],"%ArrayPrototype%":["Array","prototype"],"%ArrayProto_entries%":["Array","prototype","entries"],"%ArrayProto_forEach%":["Array","prototype","forEach"],"%ArrayProto_keys%":["Array","prototype","keys"],"%ArrayProto_values%":["Array","prototype","values"],"%AsyncFunctionPrototype%":["AsyncFunction","prototype"],"%AsyncGenerator%":["AsyncGeneratorFunction","prototype"],"%AsyncGeneratorPrototype%":["AsyncGeneratorFunction","prototype","prototype"],"%BooleanPrototype%":["Boolean","prototype"],"%DataViewPrototype%":["DataView","prototype"],"%DatePrototype%":["Date","prototype"],"%ErrorPrototype%":["Error","prototype"],"%EvalErrorPrototype%":["EvalError","prototype"],"%Float32ArrayPrototype%":["Float32Array","prototype"],"%Float64ArrayPrototype%":["Float64Array","prototype"],"%FunctionPrototype%":["Function","prototype"],"%Generator%":["GeneratorFunction","prototype"],"%GeneratorPrototype%":["GeneratorFunction","prototype","prototype"],"%Int8ArrayPrototype%":["Int8Array","prototype"],"%Int16ArrayPrototype%":["Int16Array","prototype"],"%Int32ArrayPrototype%":["Int32Array","prototype"],"%JSONParse%":["JSON","parse"],"%JSONStringify%":["JSON","stringify"],"%MapPrototype%":["Map","prototype"],"%NumberPrototype%":["Number","prototype"],"%ObjectPrototype%":["Object","prototype"],"%ObjProto_toString%":["Object","prototype","toString"],"%ObjProto_valueOf%":["Object","prototype","valueOf"],"%PromisePrototype%":["Promise","prototype"],"%PromiseProto_then%":["Promise","prototype","then"],"%Promise_all%":["Promise","all"],"%Promise_reject%":["Promise","reject"],"%Promise_resolve%":["Promise","resolve"],"%RangeErrorPrototype%":["RangeError","prototype"],"%ReferenceErrorPrototype%":["ReferenceError","prototype"],"%RegExpPrototype%":["RegExp","prototype"],"%SetPrototype%":["Set","prototype"],"%SharedArrayBufferPrototype%":["SharedArrayBuffer","prototype"],"%StringPrototype%":["String","prototype"],"%SymbolPrototype%":["Symbol","prototype"],"%SyntaxErrorPrototype%":["SyntaxError","prototype"],"%TypedArrayPrototype%":["TypedArray","prototype"],"%TypeErrorPrototype%":["TypeError","prototype"],"%Uint8ArrayPrototype%":["Uint8Array","prototype"],"%Uint8ClampedArrayPrototype%":["Uint8ClampedArray","prototype"],"%Uint16ArrayPrototype%":["Uint16Array","prototype"],"%Uint32ArrayPrototype%":["Uint32Array","prototype"],"%URIErrorPrototype%":["URIError","prototype"],"%WeakMapPrototype%":["WeakMap","prototype"],"%WeakSetPrototype%":["WeakSet","prototype"]},E=n(6743),C=n(9957),A=E.call(Function.call,Array.prototype.concat),O=E.call(Function.apply,Array.prototype.splice),T=E.call(Function.call,String.prototype.replace),P=E.call(Function.call,String.prototype.slice),j=E.call(Function.call,RegExp.prototype.exec),N=/[^%.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|%$))/g,R=/\\(\\)?/g,L=function(e,t){var n,r=e;if(C(_,r)&&(r="%"+(n=_[r])[0]+"%"),C(k,r)){var o=k[r];if(o===v&&(o=S(r)),void 0===o&&!t)throw new c("intrinsic "+e+" exists, but is not available. Please file an issue!");return{alias:n,name:r,value:o}}throw new l("intrinsic "+e+" does not exist!")};e.exports=function(e,t){if("string"!=typeof e||0===e.length)throw new c("intrinsic name must be a non-empty string");if(arguments.length>1&&"boolean"!=typeof t)throw new c('"allowMissing" argument must be a boolean');if(null===j(/^%?[^%]*%?$/,e))throw new l("`%` may not be present anywhere but at the beginning and end of the intrinsic name");var n=function(e){var t=P(e,0,1),n=P(e,-1);if("%"===t&&"%"!==n)throw new l("invalid intrinsic syntax, expected closing `%`");if("%"===n&&"%"!==t)throw new l("invalid intrinsic syntax, expected opening `%`");var r=[];return T(e,N,(function(e,t,n,o){r[r.length]=n?T(o,R,"$1"):t||e})),r}(e),r=n.length>0?n[0]:"",o=L("%"+r+"%",t),a=o.name,i=o.value,s=!1,u=o.alias;u&&(r=u[0],O(n,A([0,1],u)));for(var p=1,d=!0;p=n.length){var y=f(i,m);i=(d=!!y)&&"get"in y&&!("originalValue"in y.get)?y.get:i[m]}else d=C(i,m),i=i[m];d&&!s&&(k[a]=i)}}return i}},5795:(e,t,n)=>{"use strict";var r=n(453)("%Object.getOwnPropertyDescriptor%",!0);if(r)try{r([],"length")}catch(o){r=null}e.exports=r},592:(e,t,n)=>{"use strict";var r=n(655),o=function(){return!!r};o.hasArrayLengthDefineBug=function(){if(!r)return null;try{return 1!==r([],"length",{value:1}).length}catch(e){return!0}},e.exports=o},24:e=>{"use strict";var t={__proto__:null,foo:{}},n=Object;e.exports=function(){return{__proto__:t}.foo===t.foo&&!(t instanceof n)}},4039:(e,t,n)=>{"use strict";var r="undefined"!=typeof Symbol&&Symbol,o=n(1333);e.exports=function(){return"function"==typeof r&&("function"==typeof Symbol&&("symbol"==typeof r("foo")&&("symbol"==typeof Symbol("bar")&&o())))}},1333:e=>{"use strict";e.exports=function(){if("function"!=typeof Symbol||"function"!=typeof Object.getOwnPropertySymbols)return!1;if("symbol"==typeof Symbol.iterator)return!0;var e={},t=Symbol("test"),n=Object(t);if("string"==typeof t)return!1;if("[object Symbol]"!==Object.prototype.toString.call(t))return!1;if("[object Symbol]"!==Object.prototype.toString.call(n))return!1;for(t in e[t]=42,e)return!1;if("function"==typeof Object.keys&&0!==Object.keys(e).length)return!1;if("function"==typeof Object.getOwnPropertyNames&&0!==Object.getOwnPropertyNames(e).length)return!1;var r=Object.getOwnPropertySymbols(e);if(1!==r.length||r[0]!==t)return!1;if(!Object.prototype.propertyIsEnumerable.call(e,t))return!1;if("function"==typeof Object.getOwnPropertyDescriptor){var o=Object.getOwnPropertyDescriptor(e,t);if(42!==o.value||!0!==o.enumerable)return!1}return!0}},9092:(e,t,n)=>{"use strict";var r=n(1333);e.exports=function(){return r()&&!!Symbol.toStringTag}},9957:(e,t,n)=>{"use strict";var r=Function.prototype.call,o=Object.prototype.hasOwnProperty,a=n(6743);e.exports=a.call(r,o)},1513:(e,t,n)=>{"use strict";n.d(t,{zR:()=>w,TM:()=>C,yJ:()=>f,sC:()=>O,AO:()=>d});var r=n(8168);function o(e){return"/"===e.charAt(0)}function a(e,t){for(var n=t,r=n+1,o=e.length;r=0;d--){var f=i[d];"."===f?a(i,d):".."===f?(a(i,d),p++):p&&(a(i,d),p--)}if(!c)for(;p--;p)i.unshift("..");!c||""===i[0]||i[0]&&o(i[0])||i.unshift("");var m=i.join("/");return n&&"/"!==m.substr(-1)&&(m+="/"),m};var s=n(1561);function l(e){return"/"===e.charAt(0)?e:"/"+e}function c(e){return"/"===e.charAt(0)?e.substr(1):e}function u(e,t){return function(e,t){return 0===e.toLowerCase().indexOf(t.toLowerCase())&&-1!=="/?#".indexOf(e.charAt(t.length))}(e,t)?e.substr(t.length):e}function p(e){return"/"===e.charAt(e.length-1)?e.slice(0,-1):e}function d(e){var t=e.pathname,n=e.search,r=e.hash,o=t||"/";return n&&"?"!==n&&(o+="?"===n.charAt(0)?n:"?"+n),r&&"#"!==r&&(o+="#"===r.charAt(0)?r:"#"+r),o}function f(e,t,n,o){var a;"string"==typeof e?(a=function(e){var t=e||"/",n="",r="",o=t.indexOf("#");-1!==o&&(r=t.substr(o),t=t.substr(0,o));var a=t.indexOf("?");return-1!==a&&(n=t.substr(a),t=t.substr(0,a)),{pathname:t,search:"?"===n?"":n,hash:"#"===r?"":r}}(e),a.state=t):(void 0===(a=(0,r.A)({},e)).pathname&&(a.pathname=""),a.search?"?"!==a.search.charAt(0)&&(a.search="?"+a.search):a.search="",a.hash?"#"!==a.hash.charAt(0)&&(a.hash="#"+a.hash):a.hash="",void 0!==t&&void 0===a.state&&(a.state=t));try{a.pathname=decodeURI(a.pathname)}catch(s){throw s instanceof URIError?new URIError('Pathname "'+a.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):s}return n&&(a.key=n),o?a.pathname?"/"!==a.pathname.charAt(0)&&(a.pathname=i(a.pathname,o.pathname)):a.pathname=o.pathname:a.pathname||(a.pathname="/"),a}function m(){var e=null;var t=[];return{setPrompt:function(t){return e=t,function(){e===t&&(e=null)}},confirmTransitionTo:function(t,n,r,o){if(null!=e){var a="function"==typeof e?e(t,n):e;"string"==typeof a?"function"==typeof r?r(a,o):o(!0):o(!1!==a)}else o(!0)},appendListener:function(e){var n=!0;function r(){n&&e.apply(void 0,arguments)}return t.push(r),function(){n=!1,t=t.filter((function(e){return e!==r}))}},notifyListeners:function(){for(var e=arguments.length,n=new Array(e),r=0;rt?n.splice(t,n.length-t,o):n.push(o),p({action:r,location:o,index:t,entries:n})}}))},replace:function(e,t){var r="REPLACE",o=f(e,t,h(),w.location);u.confirmTransitionTo(o,r,n,(function(e){e&&(w.entries[w.index]=o,p({action:r,location:o}))}))},go:v,goBack:function(){v(-1)},goForward:function(){v(1)},canGo:function(e){var t=w.index+e;return t>=0&&t{"use strict";var r=n(4363),o={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},a={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},i={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},s={};function l(e){return r.isMemo(e)?i:s[e.$$typeof]||o}s[r.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},s[r.Memo]=i;var c=Object.defineProperty,u=Object.getOwnPropertyNames,p=Object.getOwnPropertySymbols,d=Object.getOwnPropertyDescriptor,f=Object.getPrototypeOf,m=Object.prototype;e.exports=function e(t,n,r){if("string"!=typeof n){if(m){var o=f(n);o&&o!==m&&e(t,o,r)}var i=u(n);p&&(i=i.concat(p(n)));for(var s=l(t),h=l(n),g=0;g{"function"==typeof Object.create?e.exports=function(e,t){t&&(e.super_=t,e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}))}:e.exports=function(e,t){if(t){e.super_=t;var n=function(){};n.prototype=t.prototype,e.prototype=new n,e.prototype.constructor=e}}},311:e=>{"use strict";e.exports=function(e,t,n,r,o,a,i,s){if(!e){var l;if(void 0===t)l=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[n,r,o,a,i,s],u=0;(l=new Error(t.replace(/%s/g,(function(){return c[u++]})))).name="Invariant Violation"}throw l.framesToPop=1,l}}},7244:(e,t,n)=>{"use strict";var r=n(9092)(),o=n(8075)("Object.prototype.toString"),a=function(e){return!(r&&e&&"object"==typeof e&&Symbol.toStringTag in e)&&"[object Arguments]"===o(e)},i=function(e){return!!a(e)||null!==e&&"object"==typeof e&&"number"==typeof e.length&&e.length>=0&&"[object Array]"!==o(e)&&"[object Function]"===o(e.callee)},s=function(){return a(arguments)}();a.isLegacyArguments=i,e.exports=s?a:i},9600:e=>{"use strict";var t,n,r=Function.prototype.toString,o="object"==typeof Reflect&&null!==Reflect&&Reflect.apply;if("function"==typeof o&&"function"==typeof Object.defineProperty)try{t=Object.defineProperty({},"length",{get:function(){throw n}}),n={},o((function(){throw 42}),null,t)}catch(f){f!==n&&(o=null)}else o=null;var a=/^\s*class\b/,i=function(e){try{var t=r.call(e);return a.test(t)}catch(n){return!1}},s=function(e){try{return!i(e)&&(r.call(e),!0)}catch(t){return!1}},l=Object.prototype.toString,c="function"==typeof Symbol&&!!Symbol.toStringTag,u=!(0 in[,]),p=function(){return!1};if("object"==typeof document){var d=document.all;l.call(d)===l.call(document.all)&&(p=function(e){if((u||!e)&&(void 0===e||"object"==typeof e))try{var t=l.call(e);return("[object HTMLAllCollection]"===t||"[object HTML document.all class]"===t||"[object HTMLCollection]"===t||"[object Object]"===t)&&null==e("")}catch(n){}return!1})}e.exports=o?function(e){if(p(e))return!0;if(!e)return!1;if("function"!=typeof e&&"object"!=typeof e)return!1;try{o(e,null,t)}catch(r){if(r!==n)return!1}return!i(e)&&s(e)}:function(e){if(p(e))return!0;if(!e)return!1;if("function"!=typeof e&&"object"!=typeof e)return!1;if(c)return s(e);if(i(e))return!1;var t=l.call(e);return!("[object Function]"!==t&&"[object GeneratorFunction]"!==t&&!/^\[object HTML/.test(t))&&s(e)}},8184:(e,t,n)=>{"use strict";var r,o=Object.prototype.toString,a=Function.prototype.toString,i=/^\s*(?:function)?\*/,s=n(9092)(),l=Object.getPrototypeOf;e.exports=function(e){if("function"!=typeof e)return!1;if(i.test(a.call(e)))return!0;if(!s)return"[object GeneratorFunction]"===o.call(e);if(!l)return!1;if(void 0===r){var t=function(){if(!s)return!1;try{return Function("return function*() {}")()}catch(e){}}();r=!!t&&l(t)}return l(e)===r}},3003:e=>{"use strict";e.exports=function(e){return e!=e}},4133:(e,t,n)=>{"use strict";var r=n(487),o=n(8452),a=n(3003),i=n(6642),s=n(2464),l=r(i(),Number);o(l,{getPolyfill:i,implementation:a,shim:s}),e.exports=l},6642:(e,t,n)=>{"use strict";var r=n(3003);e.exports=function(){return Number.isNaN&&Number.isNaN(NaN)&&!Number.isNaN("a")?Number.isNaN:r}},2464:(e,t,n)=>{"use strict";var r=n(8452),o=n(6642);e.exports=function(){var e=o();return r(Number,{isNaN:e},{isNaN:function(){return Number.isNaN!==e}}),e}},5680:(e,t,n)=>{"use strict";var r=n(5767);e.exports=function(e){return!!r(e)}},4634:e=>{e.exports=Array.isArray||function(e){return"[object Array]"==Object.prototype.toString.call(e)}},9739:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>u});var r=n(6763),o=Object.assign||function(e){for(var t=1;t1&&void 0!==arguments[1]?arguments[1]:{},a=window.Promise||function(e){function t(){}e(t,t)},u=function(){for(var e=arguments.length,t=Array(e),n=0;n0&&void 0!==arguments[0]?arguments[0]:{}).target,t=function(){var e={width:document.documentElement.clientWidth,height:document.documentElement.clientHeight,left:0,top:0,right:0,bottom:0},t=void 0,n=void 0;if(b.container)if(b.container instanceof Object)t=(e=o({},e,b.container)).width-e.left-e.right-2*b.margin,n=e.height-e.top-e.bottom-2*b.margin;else{var r=(i(b.container)?b.container:document.querySelector(b.container)).getBoundingClientRect(),a=r.width,l=r.height,c=r.left,u=r.top;e=o({},e,{width:a,height:l,left:c,top:u})}t=t||e.width-2*b.margin,n=n||e.height-2*b.margin;var p=v.zoomedHd||v.original,d=s(p)?t:p.naturalWidth||t,f=s(p)?n:p.naturalHeight||n,m=p.getBoundingClientRect(),h=m.top,g=m.left,y=m.width,w=m.height,k=Math.min(Math.max(y,d),t)/y,x=Math.min(Math.max(w,f),n)/w,S=Math.min(k,x),_="scale("+S+") translate3d("+((t-y)/2-g+b.margin+e.left)/S+"px, "+((n-w)/2-h+b.margin+e.top)/S+"px, 0)";v.zoomed.style.transform=_,v.zoomedHd&&(v.zoomedHd.style.transform=_)};return new a((function(n){if(e&&-1===m.indexOf(e))n(k);else{if(v.zoomed)n(k);else{if(e)v.original=e;else{if(!(m.length>0))return void n(k);var o=m;v.original=o[0]}if(v.original.dispatchEvent(c("medium-zoom:open",{detail:{zoom:k}})),y=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0,g=!0,v.zoomed=function(e){var t=e.getBoundingClientRect(),n=t.top,r=t.left,o=t.width,a=t.height,i=e.cloneNode(),s=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0,l=window.pageXOffset||document.documentElement.scrollLeft||document.body.scrollLeft||0;return i.removeAttribute("id"),i.style.position="absolute",i.style.top=n+s+"px",i.style.left=r+l+"px",i.style.width=o+"px",i.style.height=a+"px",i.style.transform="",i}(v.original),document.body.appendChild(w),b.template){var a=i(b.template)?b.template:document.querySelector(b.template);v.template=document.createElement("div"),v.template.appendChild(a.content.cloneNode(!0)),document.body.appendChild(v.template)}if(v.original.parentElement&&"PICTURE"===v.original.parentElement.tagName&&v.original.currentSrc&&(v.zoomed.src=v.original.currentSrc),document.body.appendChild(v.zoomed),window.requestAnimationFrame((function(){document.body.classList.add("medium-zoom--opened")})),v.original.classList.add("medium-zoom-image--hidden"),v.zoomed.classList.add("medium-zoom-image--opened"),v.zoomed.addEventListener("click",d),v.zoomed.addEventListener("transitionend",(function e(){g=!1,v.zoomed.removeEventListener("transitionend",e),v.original.dispatchEvent(c("medium-zoom:opened",{detail:{zoom:k}})),n(k)})),v.original.getAttribute("data-zoom-src")){v.zoomedHd=v.zoomed.cloneNode(),v.zoomedHd.removeAttribute("srcset"),v.zoomedHd.removeAttribute("sizes"),v.zoomedHd.removeAttribute("loading"),v.zoomedHd.src=v.zoomed.getAttribute("data-zoom-src"),v.zoomedHd.onerror=function(){clearInterval(s),r.warn("Unable to reach the zoom image target "+v.zoomedHd.src),v.zoomedHd=null,t()};var s=setInterval((function(){v.zoomedHd.complete&&(clearInterval(s),v.zoomedHd.classList.add("medium-zoom-image--opened"),v.zoomedHd.addEventListener("click",d),document.body.appendChild(v.zoomedHd),t())}),10)}else if(v.original.hasAttribute("srcset")){v.zoomedHd=v.zoomed.cloneNode(),v.zoomedHd.removeAttribute("sizes"),v.zoomedHd.removeAttribute("loading");var l=v.zoomedHd.addEventListener("load",(function(){v.zoomedHd.removeEventListener("load",l),v.zoomedHd.classList.add("medium-zoom-image--opened"),v.zoomedHd.addEventListener("click",d),document.body.appendChild(v.zoomedHd),t()}))}else t()}}}))},d=function(){return new a((function(e){if(!g&&v.original){g=!0,document.body.classList.remove("medium-zoom--opened"),v.zoomed.style.transform="",v.zoomedHd&&(v.zoomedHd.style.transform=""),v.template&&(v.template.style.transition="opacity 150ms",v.template.style.opacity=0),v.original.dispatchEvent(c("medium-zoom:close",{detail:{zoom:k}})),v.zoomed.addEventListener("transitionend",(function t(){v.original.classList.remove("medium-zoom-image--hidden"),document.body.removeChild(v.zoomed),v.zoomedHd&&document.body.removeChild(v.zoomedHd),document.body.removeChild(w),v.zoomed.classList.remove("medium-zoom-image--opened"),v.template&&document.body.removeChild(v.template),g=!1,v.zoomed.removeEventListener("transitionend",t),v.original.dispatchEvent(c("medium-zoom:closed",{detail:{zoom:k}})),v.original=null,v.zoomed=null,v.zoomedHd=null,v.template=null,e(k)}))}else e(k)}))},f=function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).target;return v.original?d():p({target:e})},m=[],h=[],g=!1,y=0,b=n,v={original:null,zoomed:null,zoomedHd:null,template:null};"[object Object]"===Object.prototype.toString.call(t)?b=t:(t||"string"==typeof t)&&u(t);var w=function(e){var t=document.createElement("div");return t.classList.add("medium-zoom-overlay"),t.style.background=e,t}((b=o({margin:0,background:"#fff",scrollOffset:40,container:null,template:null},b)).background);document.addEventListener("click",(function(e){var t=e.target;t!==w?-1!==m.indexOf(t)&&f({target:t}):d()})),document.addEventListener("keyup",(function(e){var t=e.key||e.keyCode;"Escape"!==t&&"Esc"!==t&&27!==t||d()})),document.addEventListener("scroll",(function(){if(!g&&v.original){var e=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0;Math.abs(y-e)>b.scrollOffset&&setTimeout(d,150)}})),window.addEventListener("resize",d);var k={open:p,close:d,toggle:f,update:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e;if(e.background&&(w.style.background=e.background),e.container&&e.container instanceof Object&&(t.container=o({},b.container,e.container)),e.template){var n=i(e.template)?e.template:document.querySelector(e.template);t.template=n}return b=o({},b,t),m.forEach((function(e){e.dispatchEvent(c("medium-zoom:update",{detail:{zoom:k}}))})),k},clone:function(){return e(o({},b,arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}))},attach:u,detach:function(){for(var e=arguments.length,t=Array(e),n=0;n0?t.reduce((function(e,t){return[].concat(e,l(t))}),[]):m;return r.forEach((function(e){e.classList.remove("medium-zoom-image"),e.dispatchEvent(c("medium-zoom:detach",{detail:{zoom:k}}))})),m=m.filter((function(e){return-1===r.indexOf(e)})),k},on:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return m.forEach((function(r){r.addEventListener("medium-zoom:"+e,t,n)})),h.push({type:"medium-zoom:"+e,listener:t,options:n}),k},off:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return m.forEach((function(r){r.removeEventListener("medium-zoom:"+e,t,n)})),h=h.filter((function(n){return!(n.type==="medium-zoom:"+e&&n.listener.toString()===t.toString())})),k},getOptions:function(){return b},getImages:function(){return m},getZoomedImage:function(){return v.original}};return k}},641:(e,t,n)=>{"use strict";n.r(t)},119:(e,t,n)=>{"use strict";n.r(t)},1043:(e,t,n)=>{"use strict";n.r(t)},5947:function(e,t,n){var r,o;r=function(){var e,t,n={version:"0.2.0"},r=n.settings={minimum:.08,easing:"ease",positionUsing:"",speed:200,trickle:!0,trickleRate:.02,trickleSpeed:800,showSpinner:!0,barSelector:'[role="bar"]',spinnerSelector:'[role="spinner"]',parent:"body",template:'
'};function o(e,t,n){return en?n:e}function a(e){return 100*(-1+e)}function i(e,t,n){var o;return(o="translate3d"===r.positionUsing?{transform:"translate3d("+a(e)+"%,0,0)"}:"translate"===r.positionUsing?{transform:"translate("+a(e)+"%,0)"}:{"margin-left":a(e)+"%"}).transition="all "+t+"ms "+n,o}n.configure=function(e){var t,n;for(t in e)void 0!==(n=e[t])&&e.hasOwnProperty(t)&&(r[t]=n);return this},n.status=null,n.set=function(e){var t=n.isStarted();e=o(e,r.minimum,1),n.status=1===e?null:e;var a=n.render(!t),c=a.querySelector(r.barSelector),u=r.speed,p=r.easing;return a.offsetWidth,s((function(t){""===r.positionUsing&&(r.positionUsing=n.getPositioningCSS()),l(c,i(e,u,p)),1===e?(l(a,{transition:"none",opacity:1}),a.offsetWidth,setTimeout((function(){l(a,{transition:"all "+u+"ms linear",opacity:0}),setTimeout((function(){n.remove(),t()}),u)}),u)):setTimeout(t,u)})),this},n.isStarted=function(){return"number"==typeof n.status},n.start=function(){n.status||n.set(0);var e=function(){setTimeout((function(){n.status&&(n.trickle(),e())}),r.trickleSpeed)};return r.trickle&&e(),this},n.done=function(e){return e||n.status?n.inc(.3+.5*Math.random()).set(1):this},n.inc=function(e){var t=n.status;return t?("number"!=typeof e&&(e=(1-t)*o(Math.random()*t,.1,.95)),t=o(t+e,0,.994),n.set(t)):n.start()},n.trickle=function(){return n.inc(Math.random()*r.trickleRate)},e=0,t=0,n.promise=function(r){return r&&"resolved"!==r.state()?(0===t&&n.start(),e++,t++,r.always((function(){0==--t?(e=0,n.done()):n.set((e-t)/e)})),this):this},n.render=function(e){if(n.isRendered())return document.getElementById("nprogress");u(document.documentElement,"nprogress-busy");var t=document.createElement("div");t.id="nprogress",t.innerHTML=r.template;var o,i=t.querySelector(r.barSelector),s=e?"-100":a(n.status||0),c=document.querySelector(r.parent);return l(i,{transition:"all 0 linear",transform:"translate3d("+s+"%,0,0)"}),r.showSpinner||(o=t.querySelector(r.spinnerSelector))&&f(o),c!=document.body&&u(c,"nprogress-custom-parent"),c.appendChild(t),t},n.remove=function(){p(document.documentElement,"nprogress-busy"),p(document.querySelector(r.parent),"nprogress-custom-parent");var e=document.getElementById("nprogress");e&&f(e)},n.isRendered=function(){return!!document.getElementById("nprogress")},n.getPositioningCSS=function(){var e=document.body.style,t="WebkitTransform"in e?"Webkit":"MozTransform"in e?"Moz":"msTransform"in e?"ms":"OTransform"in e?"O":"";return t+"Perspective"in e?"translate3d":t+"Transform"in e?"translate":"margin"};var s=function(){var e=[];function t(){var n=e.shift();n&&n(t)}return function(n){e.push(n),1==e.length&&t()}}(),l=function(){var e=["Webkit","O","Moz","ms"],t={};function n(e){return e.replace(/^-ms-/,"ms-").replace(/-([\da-z])/gi,(function(e,t){return t.toUpperCase()}))}function r(t){var n=document.body.style;if(t in n)return t;for(var r,o=e.length,a=t.charAt(0).toUpperCase()+t.slice(1);o--;)if((r=e[o]+a)in n)return r;return t}function o(e){return e=n(e),t[e]||(t[e]=r(e))}function a(e,t,n){t=o(t),e.style[t]=n}return function(e,t){var n,r,o=arguments;if(2==o.length)for(n in t)void 0!==(r=t[n])&&t.hasOwnProperty(n)&&a(e,n,r);else a(e,o[1],o[2])}}();function c(e,t){return("string"==typeof e?e:d(e)).indexOf(" "+t+" ")>=0}function u(e,t){var n=d(e),r=n+t;c(n,t)||(e.className=r.substring(1))}function p(e,t){var n,r=d(e);c(e,t)&&(n=r.replace(" "+t+" "," "),e.className=n.substring(1,n.length-1))}function d(e){return(" "+(e.className||"")+" ").replace(/\s+/gi," ")}function f(e){e&&e.parentNode&&e.parentNode.removeChild(e)}return n},void 0===(o="function"==typeof r?r.call(t,n,t,e):r)||(e.exports=o)},9211:e=>{"use strict";var t=function(e){return e!=e};e.exports=function(e,n){return 0===e&&0===n?1/e==1/n:e===n||!(!t(e)||!t(n))}},7653:(e,t,n)=>{"use strict";var r=n(8452),o=n(487),a=n(9211),i=n(9394),s=n(6576),l=o(i(),Object);r(l,{getPolyfill:i,implementation:a,shim:s}),e.exports=l},9394:(e,t,n)=>{"use strict";var r=n(9211);e.exports=function(){return"function"==typeof Object.is?Object.is:r}},6576:(e,t,n)=>{"use strict";var r=n(9394),o=n(8452);e.exports=function(){var e=r();return o(Object,{is:e},{is:function(){return Object.is!==e}}),e}},8875:(e,t,n)=>{"use strict";var r;if(!Object.keys){var o=Object.prototype.hasOwnProperty,a=Object.prototype.toString,i=n(1093),s=Object.prototype.propertyIsEnumerable,l=!s.call({toString:null},"toString"),c=s.call((function(){}),"prototype"),u=["toString","toLocaleString","valueOf","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","constructor"],p=function(e){var t=e.constructor;return t&&t.prototype===e},d={$applicationCache:!0,$console:!0,$external:!0,$frame:!0,$frameElement:!0,$frames:!0,$innerHeight:!0,$innerWidth:!0,$onmozfullscreenchange:!0,$onmozfullscreenerror:!0,$outerHeight:!0,$outerWidth:!0,$pageXOffset:!0,$pageYOffset:!0,$parent:!0,$scrollLeft:!0,$scrollTop:!0,$scrollX:!0,$scrollY:!0,$self:!0,$webkitIndexedDB:!0,$webkitStorageInfo:!0,$window:!0},f=function(){if("undefined"==typeof window)return!1;for(var e in window)try{if(!d["$"+e]&&o.call(window,e)&&null!==window[e]&&"object"==typeof window[e])try{p(window[e])}catch(t){return!0}}catch(t){return!0}return!1}();r=function(e){var t=null!==e&&"object"==typeof e,n="[object Function]"===a.call(e),r=i(e),s=t&&"[object String]"===a.call(e),d=[];if(!t&&!n&&!r)throw new TypeError("Object.keys called on a non-object");var m=c&&n;if(s&&e.length>0&&!o.call(e,0))for(var h=0;h0)for(var g=0;g{"use strict";var r=Array.prototype.slice,o=n(1093),a=Object.keys,i=a?function(e){return a(e)}:n(8875),s=Object.keys;i.shim=function(){if(Object.keys){var e=function(){var e=Object.keys(arguments);return e&&e.length===arguments.length}(1,2);e||(Object.keys=function(e){return o(e)?s(r.call(e)):s(e)})}else Object.keys=i;return Object.keys||i},e.exports=i},1093:e=>{"use strict";var t=Object.prototype.toString;e.exports=function(e){var n=t.call(e),r="[object Arguments]"===n;return r||(r="[object Array]"!==n&&null!==e&&"object"==typeof e&&"number"==typeof e.length&&e.length>=0&&"[object Function]"===t.call(e.callee)),r}},8403:(e,t,n)=>{"use strict";var r=n(1189),o=n(1333)(),a=n(8075),i=Object,s=a("Array.prototype.push"),l=a("Object.prototype.propertyIsEnumerable"),c=o?Object.getOwnPropertySymbols:null;e.exports=function(e,t){if(null==e)throw new TypeError("target must be an object");var n=i(e);if(1===arguments.length)return n;for(var a=1;a{"use strict";var r=n(8403);e.exports=function(){return Object.assign?function(){if(!Object.assign)return!1;for(var e="abcdefghijklmnopqrst",t=e.split(""),n={},r=0;r{var r=n(4634);e.exports=f,e.exports.parse=a,e.exports.compile=function(e,t){return s(a(e,t),t)},e.exports.tokensToFunction=s,e.exports.tokensToRegExp=d;var o=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");function a(e,t){for(var n,r=[],a=0,i=0,s="",u=t&&t.delimiter||"/";null!=(n=o.exec(e));){var p=n[0],d=n[1],f=n.index;if(s+=e.slice(i,f),i=f+p.length,d)s+=d[1];else{var m=e[i],h=n[2],g=n[3],y=n[4],b=n[5],v=n[6],w=n[7];s&&(r.push(s),s="");var k=null!=h&&null!=m&&m!==h,x="+"===v||"*"===v,S="?"===v||"*"===v,_=n[2]||u,E=y||b;r.push({name:g||a++,prefix:h||"",delimiter:_,optional:S,repeat:x,partial:k,asterisk:!!w,pattern:E?c(E):w?".*":"[^"+l(_)+"]+?"})}}return i{"use strict";e.exports=["Float32Array","Float64Array","Int8Array","Int16Array","Int32Array","Uint8Array","Uint8ClampedArray","Uint16Array","Uint32Array","BigInt64Array","BigUint64Array"]},6969:e=>{e.exports&&(e.exports={core:{meta:{path:"components/prism-core.js",option:"mandatory"},core:"Core"},themes:{meta:{path:"themes/{id}.css",link:"index.html?theme={id}",exclusive:!0},prism:{title:"Default",option:"default"},"prism-dark":"Dark","prism-funky":"Funky","prism-okaidia":{title:"Okaidia",owner:"ocodia"},"prism-twilight":{title:"Twilight",owner:"remybach"},"prism-coy":{title:"Coy",owner:"tshedor"},"prism-solarizedlight":{title:"Solarized Light",owner:"hectormatos2011 "},"prism-tomorrow":{title:"Tomorrow Night",owner:"Rosey"}},languages:{meta:{path:"components/prism-{id}",noCSS:!0,examplesPath:"examples/prism-{id}",addCheckAll:!0},markup:{title:"Markup",alias:["html","xml","svg","mathml","ssml","atom","rss"],aliasTitles:{html:"HTML",xml:"XML",svg:"SVG",mathml:"MathML",ssml:"SSML",atom:"Atom",rss:"RSS"},option:"default"},css:{title:"CSS",option:"default",modify:"markup"},clike:{title:"C-like",option:"default"},javascript:{title:"JavaScript",require:"clike",modify:"markup",optional:"regex",alias:"js",option:"default"},abap:{title:"ABAP",owner:"dellagustin"},abnf:{title:"ABNF",owner:"RunDevelopment"},actionscript:{title:"ActionScript",require:"javascript",modify:"markup",owner:"Golmote"},ada:{title:"Ada",owner:"Lucretia"},agda:{title:"Agda",owner:"xy-ren"},al:{title:"AL",owner:"RunDevelopment"},antlr4:{title:"ANTLR4",alias:"g4",owner:"RunDevelopment"},apacheconf:{title:"Apache Configuration",owner:"GuiTeK"},apex:{title:"Apex",require:["clike","sql"],owner:"RunDevelopment"},apl:{title:"APL",owner:"ngn"},applescript:{title:"AppleScript",owner:"Golmote"},aql:{title:"AQL",owner:"RunDevelopment"},arduino:{title:"Arduino",require:"cpp",alias:"ino",owner:"dkern"},arff:{title:"ARFF",owner:"Golmote"},armasm:{title:"ARM Assembly",alias:"arm-asm",owner:"RunDevelopment"},arturo:{title:"Arturo",alias:"art",optional:["bash","css","javascript","markup","markdown","sql"],owner:"drkameleon"},asciidoc:{alias:"adoc",title:"AsciiDoc",owner:"Golmote"},aspnet:{title:"ASP.NET (C#)",require:["markup","csharp"],owner:"nauzilus"},asm6502:{title:"6502 Assembly",owner:"kzurawel"},asmatmel:{title:"Atmel AVR Assembly",owner:"cerkit"},autohotkey:{title:"AutoHotkey",owner:"aviaryan"},autoit:{title:"AutoIt",owner:"Golmote"},avisynth:{title:"AviSynth",alias:"avs",owner:"Zinfidel"},"avro-idl":{title:"Avro IDL",alias:"avdl",owner:"RunDevelopment"},awk:{title:"AWK",alias:"gawk",aliasTitles:{gawk:"GAWK"},owner:"RunDevelopment"},bash:{title:"Bash",alias:["sh","shell"],aliasTitles:{sh:"Shell",shell:"Shell"},owner:"zeitgeist87"},basic:{title:"BASIC",owner:"Golmote"},batch:{title:"Batch",owner:"Golmote"},bbcode:{title:"BBcode",alias:"shortcode",aliasTitles:{shortcode:"Shortcode"},owner:"RunDevelopment"},bbj:{title:"BBj",owner:"hyyan"},bicep:{title:"Bicep",owner:"johnnyreilly"},birb:{title:"Birb",require:"clike",owner:"Calamity210"},bison:{title:"Bison",require:"c",owner:"Golmote"},bnf:{title:"BNF",alias:"rbnf",aliasTitles:{rbnf:"RBNF"},owner:"RunDevelopment"},bqn:{title:"BQN",owner:"yewscion"},brainfuck:{title:"Brainfuck",owner:"Golmote"},brightscript:{title:"BrightScript",owner:"RunDevelopment"},bro:{title:"Bro",owner:"wayward710"},bsl:{title:"BSL (1C:Enterprise)",alias:"oscript",aliasTitles:{oscript:"OneScript"},owner:"Diversus23"},c:{title:"C",require:"clike",owner:"zeitgeist87"},csharp:{title:"C#",require:"clike",alias:["cs","dotnet"],owner:"mvalipour"},cpp:{title:"C++",require:"c",owner:"zeitgeist87"},cfscript:{title:"CFScript",require:"clike",alias:"cfc",owner:"mjclemente"},chaiscript:{title:"ChaiScript",require:["clike","cpp"],owner:"RunDevelopment"},cil:{title:"CIL",owner:"sbrl"},cilkc:{title:"Cilk/C",require:"c",alias:"cilk-c",owner:"OpenCilk"},cilkcpp:{title:"Cilk/C++",require:"cpp",alias:["cilk-cpp","cilk"],owner:"OpenCilk"},clojure:{title:"Clojure",owner:"troglotit"},cmake:{title:"CMake",owner:"mjrogozinski"},cobol:{title:"COBOL",owner:"RunDevelopment"},coffeescript:{title:"CoffeeScript",require:"javascript",alias:"coffee",owner:"R-osey"},concurnas:{title:"Concurnas",alias:"conc",owner:"jasontatton"},csp:{title:"Content-Security-Policy",owner:"ScottHelme"},cooklang:{title:"Cooklang",owner:"ahue"},coq:{title:"Coq",owner:"RunDevelopment"},crystal:{title:"Crystal",require:"ruby",owner:"MakeNowJust"},"css-extras":{title:"CSS Extras",require:"css",modify:"css",owner:"milesj"},csv:{title:"CSV",owner:"RunDevelopment"},cue:{title:"CUE",owner:"RunDevelopment"},cypher:{title:"Cypher",owner:"RunDevelopment"},d:{title:"D",require:"clike",owner:"Golmote"},dart:{title:"Dart",require:"clike",owner:"Golmote"},dataweave:{title:"DataWeave",owner:"machaval"},dax:{title:"DAX",owner:"peterbud"},dhall:{title:"Dhall",owner:"RunDevelopment"},diff:{title:"Diff",owner:"uranusjr"},django:{title:"Django/Jinja2",require:"markup-templating",alias:"jinja2",owner:"romanvm"},"dns-zone-file":{title:"DNS zone file",owner:"RunDevelopment",alias:"dns-zone"},docker:{title:"Docker",alias:"dockerfile",owner:"JustinBeckwith"},dot:{title:"DOT (Graphviz)",alias:"gv",optional:"markup",owner:"RunDevelopment"},ebnf:{title:"EBNF",owner:"RunDevelopment"},editorconfig:{title:"EditorConfig",owner:"osipxd"},eiffel:{title:"Eiffel",owner:"Conaclos"},ejs:{title:"EJS",require:["javascript","markup-templating"],owner:"RunDevelopment",alias:"eta",aliasTitles:{eta:"Eta"}},elixir:{title:"Elixir",owner:"Golmote"},elm:{title:"Elm",owner:"zwilias"},etlua:{title:"Embedded Lua templating",require:["lua","markup-templating"],owner:"RunDevelopment"},erb:{title:"ERB",require:["ruby","markup-templating"],owner:"Golmote"},erlang:{title:"Erlang",owner:"Golmote"},"excel-formula":{title:"Excel Formula",alias:["xlsx","xls"],owner:"RunDevelopment"},fsharp:{title:"F#",require:"clike",owner:"simonreynolds7"},factor:{title:"Factor",owner:"catb0t"},false:{title:"False",owner:"edukisto"},"firestore-security-rules":{title:"Firestore security rules",require:"clike",owner:"RunDevelopment"},flow:{title:"Flow",require:"javascript",owner:"Golmote"},fortran:{title:"Fortran",owner:"Golmote"},ftl:{title:"FreeMarker Template Language",require:"markup-templating",owner:"RunDevelopment"},gml:{title:"GameMaker Language",alias:"gamemakerlanguage",require:"clike",owner:"LiarOnce"},gap:{title:"GAP (CAS)",owner:"RunDevelopment"},gcode:{title:"G-code",owner:"RunDevelopment"},gdscript:{title:"GDScript",owner:"RunDevelopment"},gedcom:{title:"GEDCOM",owner:"Golmote"},gettext:{title:"gettext",alias:"po",owner:"RunDevelopment"},gherkin:{title:"Gherkin",owner:"hason"},git:{title:"Git",owner:"lgiraudel"},glsl:{title:"GLSL",require:"c",owner:"Golmote"},gn:{title:"GN",alias:"gni",owner:"RunDevelopment"},"linker-script":{title:"GNU Linker Script",alias:"ld",owner:"RunDevelopment"},go:{title:"Go",require:"clike",owner:"arnehormann"},"go-module":{title:"Go module",alias:"go-mod",owner:"RunDevelopment"},gradle:{title:"Gradle",require:"clike",owner:"zeabdelkhalek-badido18"},graphql:{title:"GraphQL",optional:"markdown",owner:"Golmote"},groovy:{title:"Groovy",require:"clike",owner:"robfletcher"},haml:{title:"Haml",require:"ruby",optional:["css","css-extras","coffeescript","erb","javascript","less","markdown","scss","textile"],owner:"Golmote"},handlebars:{title:"Handlebars",require:"markup-templating",alias:["hbs","mustache"],aliasTitles:{mustache:"Mustache"},owner:"Golmote"},haskell:{title:"Haskell",alias:"hs",owner:"bholst"},haxe:{title:"Haxe",require:"clike",optional:"regex",owner:"Golmote"},hcl:{title:"HCL",owner:"outsideris"},hlsl:{title:"HLSL",require:"c",owner:"RunDevelopment"},hoon:{title:"Hoon",owner:"matildepark"},http:{title:"HTTP",optional:["csp","css","hpkp","hsts","javascript","json","markup","uri"],owner:"danielgtaylor"},hpkp:{title:"HTTP Public-Key-Pins",owner:"ScottHelme"},hsts:{title:"HTTP Strict-Transport-Security",owner:"ScottHelme"},ichigojam:{title:"IchigoJam",owner:"BlueCocoa"},icon:{title:"Icon",owner:"Golmote"},"icu-message-format":{title:"ICU Message Format",owner:"RunDevelopment"},idris:{title:"Idris",alias:"idr",owner:"KeenS",require:"haskell"},ignore:{title:".ignore",owner:"osipxd",alias:["gitignore","hgignore","npmignore"],aliasTitles:{gitignore:".gitignore",hgignore:".hgignore",npmignore:".npmignore"}},inform7:{title:"Inform 7",owner:"Golmote"},ini:{title:"Ini",owner:"aviaryan"},io:{title:"Io",owner:"AlesTsurko"},j:{title:"J",owner:"Golmote"},java:{title:"Java",require:"clike",owner:"sherblot"},javadoc:{title:"JavaDoc",require:["markup","java","javadoclike"],modify:"java",optional:"scala",owner:"RunDevelopment"},javadoclike:{title:"JavaDoc-like",modify:["java","javascript","php"],owner:"RunDevelopment"},javastacktrace:{title:"Java stack trace",owner:"RunDevelopment"},jexl:{title:"Jexl",owner:"czosel"},jolie:{title:"Jolie",require:"clike",owner:"thesave"},jq:{title:"JQ",owner:"RunDevelopment"},jsdoc:{title:"JSDoc",require:["javascript","javadoclike","typescript"],modify:"javascript",optional:["actionscript","coffeescript"],owner:"RunDevelopment"},"js-extras":{title:"JS Extras",require:"javascript",modify:"javascript",optional:["actionscript","coffeescript","flow","n4js","typescript"],owner:"RunDevelopment"},json:{title:"JSON",alias:"webmanifest",aliasTitles:{webmanifest:"Web App Manifest"},owner:"CupOfTea696"},json5:{title:"JSON5",require:"json",owner:"RunDevelopment"},jsonp:{title:"JSONP",require:"json",owner:"RunDevelopment"},jsstacktrace:{title:"JS stack trace",owner:"sbrl"},"js-templates":{title:"JS Templates",require:"javascript",modify:"javascript",optional:["css","css-extras","graphql","markdown","markup","sql"],owner:"RunDevelopment"},julia:{title:"Julia",owner:"cdagnino"},keepalived:{title:"Keepalived Configure",owner:"dev-itsheng"},keyman:{title:"Keyman",owner:"mcdurdin"},kotlin:{title:"Kotlin",alias:["kt","kts"],aliasTitles:{kts:"Kotlin Script"},require:"clike",owner:"Golmote"},kumir:{title:"KuMir (\u041a\u0443\u041c\u0438\u0440)",alias:"kum",owner:"edukisto"},kusto:{title:"Kusto",owner:"RunDevelopment"},latex:{title:"LaTeX",alias:["tex","context"],aliasTitles:{tex:"TeX",context:"ConTeXt"},owner:"japborst"},latte:{title:"Latte",require:["clike","markup-templating","php"],owner:"nette"},less:{title:"Less",require:"css",optional:"css-extras",owner:"Golmote"},lilypond:{title:"LilyPond",require:"scheme",alias:"ly",owner:"RunDevelopment"},liquid:{title:"Liquid",require:"markup-templating",owner:"cinhtau"},lisp:{title:"Lisp",alias:["emacs","elisp","emacs-lisp"],owner:"JuanCaicedo"},livescript:{title:"LiveScript",owner:"Golmote"},llvm:{title:"LLVM IR",owner:"porglezomp"},log:{title:"Log file",optional:"javastacktrace",owner:"RunDevelopment"},lolcode:{title:"LOLCODE",owner:"Golmote"},lua:{title:"Lua",owner:"Golmote"},magma:{title:"Magma (CAS)",owner:"RunDevelopment"},makefile:{title:"Makefile",owner:"Golmote"},markdown:{title:"Markdown",require:"markup",optional:"yaml",alias:"md",owner:"Golmote"},"markup-templating":{title:"Markup templating",require:"markup",owner:"Golmote"},mata:{title:"Mata",owner:"RunDevelopment"},matlab:{title:"MATLAB",owner:"Golmote"},maxscript:{title:"MAXScript",owner:"RunDevelopment"},mel:{title:"MEL",owner:"Golmote"},mermaid:{title:"Mermaid",owner:"RunDevelopment"},metafont:{title:"METAFONT",owner:"LaeriExNihilo"},mizar:{title:"Mizar",owner:"Golmote"},mongodb:{title:"MongoDB",owner:"airs0urce",require:"javascript"},monkey:{title:"Monkey",owner:"Golmote"},moonscript:{title:"MoonScript",alias:"moon",owner:"RunDevelopment"},n1ql:{title:"N1QL",owner:"TMWilds"},n4js:{title:"N4JS",require:"javascript",optional:"jsdoc",alias:"n4jsd",owner:"bsmith-n4"},"nand2tetris-hdl":{title:"Nand To Tetris HDL",owner:"stephanmax"},naniscript:{title:"Naninovel Script",owner:"Elringus",alias:"nani"},nasm:{title:"NASM",owner:"rbmj"},neon:{title:"NEON",owner:"nette"},nevod:{title:"Nevod",owner:"nezaboodka"},nginx:{title:"nginx",owner:"volado"},nim:{title:"Nim",owner:"Golmote"},nix:{title:"Nix",owner:"Golmote"},nsis:{title:"NSIS",owner:"idleberg"},objectivec:{title:"Objective-C",require:"c",alias:"objc",owner:"uranusjr"},ocaml:{title:"OCaml",owner:"Golmote"},odin:{title:"Odin",owner:"edukisto"},opencl:{title:"OpenCL",require:"c",modify:["c","cpp"],owner:"Milania1"},openqasm:{title:"OpenQasm",alias:"qasm",owner:"RunDevelopment"},oz:{title:"Oz",owner:"Golmote"},parigp:{title:"PARI/GP",owner:"Golmote"},parser:{title:"Parser",require:"markup",owner:"Golmote"},pascal:{title:"Pascal",alias:"objectpascal",aliasTitles:{objectpascal:"Object Pascal"},owner:"Golmote"},pascaligo:{title:"Pascaligo",owner:"DefinitelyNotAGoat"},psl:{title:"PATROL Scripting Language",owner:"bertysentry"},pcaxis:{title:"PC-Axis",alias:"px",owner:"RunDevelopment"},peoplecode:{title:"PeopleCode",alias:"pcode",owner:"RunDevelopment"},perl:{title:"Perl",owner:"Golmote"},php:{title:"PHP",require:"markup-templating",owner:"milesj"},phpdoc:{title:"PHPDoc",require:["php","javadoclike"],modify:"php",owner:"RunDevelopment"},"php-extras":{title:"PHP Extras",require:"php",modify:"php",owner:"milesj"},"plant-uml":{title:"PlantUML",alias:"plantuml",owner:"RunDevelopment"},plsql:{title:"PL/SQL",require:"sql",owner:"Golmote"},powerquery:{title:"PowerQuery",alias:["pq","mscript"],owner:"peterbud"},powershell:{title:"PowerShell",owner:"nauzilus"},processing:{title:"Processing",require:"clike",owner:"Golmote"},prolog:{title:"Prolog",owner:"Golmote"},promql:{title:"PromQL",owner:"arendjr"},properties:{title:".properties",owner:"Golmote"},protobuf:{title:"Protocol Buffers",require:"clike",owner:"just-boris"},pug:{title:"Pug",require:["markup","javascript"],optional:["coffeescript","ejs","handlebars","less","livescript","markdown","scss","stylus","twig"],owner:"Golmote"},puppet:{title:"Puppet",owner:"Golmote"},pure:{title:"Pure",optional:["c","cpp","fortran"],owner:"Golmote"},purebasic:{title:"PureBasic",require:"clike",alias:"pbfasm",owner:"HeX0R101"},purescript:{title:"PureScript",require:"haskell",alias:"purs",owner:"sriharshachilakapati"},python:{title:"Python",alias:"py",owner:"multipetros"},qsharp:{title:"Q#",require:"clike",alias:"qs",owner:"fedonman"},q:{title:"Q (kdb+ database)",owner:"Golmote"},qml:{title:"QML",require:"javascript",owner:"RunDevelopment"},qore:{title:"Qore",require:"clike",owner:"temnroegg"},r:{title:"R",owner:"Golmote"},racket:{title:"Racket",require:"scheme",alias:"rkt",owner:"RunDevelopment"},cshtml:{title:"Razor C#",alias:"razor",require:["markup","csharp"],optional:["css","css-extras","javascript","js-extras"],owner:"RunDevelopment"},jsx:{title:"React JSX",require:["markup","javascript"],optional:["jsdoc","js-extras","js-templates"],owner:"vkbansal"},tsx:{title:"React TSX",require:["jsx","typescript"]},reason:{title:"Reason",require:"clike",owner:"Golmote"},regex:{title:"Regex",owner:"RunDevelopment"},rego:{title:"Rego",owner:"JordanSh"},renpy:{title:"Ren'py",alias:"rpy",owner:"HyuchiaDiego"},rescript:{title:"ReScript",alias:"res",owner:"vmarcosp"},rest:{title:"reST (reStructuredText)",owner:"Golmote"},rip:{title:"Rip",owner:"ravinggenius"},roboconf:{title:"Roboconf",owner:"Golmote"},robotframework:{title:"Robot Framework",alias:"robot",owner:"RunDevelopment"},ruby:{title:"Ruby",require:"clike",alias:"rb",owner:"samflores"},rust:{title:"Rust",owner:"Golmote"},sas:{title:"SAS",optional:["groovy","lua","sql"],owner:"Golmote"},sass:{title:"Sass (Sass)",require:"css",optional:"css-extras",owner:"Golmote"},scss:{title:"Sass (SCSS)",require:"css",optional:"css-extras",owner:"MoOx"},scala:{title:"Scala",require:"java",owner:"jozic"},scheme:{title:"Scheme",owner:"bacchus123"},"shell-session":{title:"Shell session",require:"bash",alias:["sh-session","shellsession"],owner:"RunDevelopment"},smali:{title:"Smali",owner:"RunDevelopment"},smalltalk:{title:"Smalltalk",owner:"Golmote"},smarty:{title:"Smarty",require:"markup-templating",optional:"php",owner:"Golmote"},sml:{title:"SML",alias:"smlnj",aliasTitles:{smlnj:"SML/NJ"},owner:"RunDevelopment"},solidity:{title:"Solidity (Ethereum)",alias:"sol",require:"clike",owner:"glachaud"},"solution-file":{title:"Solution file",alias:"sln",owner:"RunDevelopment"},soy:{title:"Soy (Closure Template)",require:"markup-templating",owner:"Golmote"},sparql:{title:"SPARQL",require:"turtle",owner:"Triply-Dev",alias:"rq"},"splunk-spl":{title:"Splunk SPL",owner:"RunDevelopment"},sqf:{title:"SQF: Status Quo Function (Arma 3)",require:"clike",owner:"RunDevelopment"},sql:{title:"SQL",owner:"multipetros"},squirrel:{title:"Squirrel",require:"clike",owner:"RunDevelopment"},stan:{title:"Stan",owner:"RunDevelopment"},stata:{title:"Stata Ado",require:["mata","java","python"],owner:"RunDevelopment"},iecst:{title:"Structured Text (IEC 61131-3)",owner:"serhioromano"},stylus:{title:"Stylus",owner:"vkbansal"},supercollider:{title:"SuperCollider",alias:"sclang",owner:"RunDevelopment"},swift:{title:"Swift",owner:"chrischares"},systemd:{title:"Systemd configuration file",owner:"RunDevelopment"},"t4-templating":{title:"T4 templating",owner:"RunDevelopment"},"t4-cs":{title:"T4 Text Templates (C#)",require:["t4-templating","csharp"],alias:"t4",owner:"RunDevelopment"},"t4-vb":{title:"T4 Text Templates (VB)",require:["t4-templating","vbnet"],owner:"RunDevelopment"},tap:{title:"TAP",owner:"isaacs",require:"yaml"},tcl:{title:"Tcl",owner:"PeterChaplin"},tt2:{title:"Template Toolkit 2",require:["clike","markup-templating"],owner:"gflohr"},textile:{title:"Textile",require:"markup",optional:"css",owner:"Golmote"},toml:{title:"TOML",owner:"RunDevelopment"},tremor:{title:"Tremor",alias:["trickle","troy"],owner:"darach",aliasTitles:{trickle:"trickle",troy:"troy"}},turtle:{title:"Turtle",alias:"trig",aliasTitles:{trig:"TriG"},owner:"jakubklimek"},twig:{title:"Twig",require:"markup-templating",owner:"brandonkelly"},typescript:{title:"TypeScript",require:"javascript",optional:"js-templates",alias:"ts",owner:"vkbansal"},typoscript:{title:"TypoScript",alias:"tsconfig",aliasTitles:{tsconfig:"TSConfig"},owner:"dkern"},unrealscript:{title:"UnrealScript",alias:["uscript","uc"],owner:"RunDevelopment"},uorazor:{title:"UO Razor Script",owner:"jaseowns"},uri:{title:"URI",alias:"url",aliasTitles:{url:"URL"},owner:"RunDevelopment"},v:{title:"V",require:"clike",owner:"taggon"},vala:{title:"Vala",require:"clike",optional:"regex",owner:"TemplarVolk"},vbnet:{title:"VB.Net",require:"basic",owner:"Bigsby"},velocity:{title:"Velocity",require:"markup",owner:"Golmote"},verilog:{title:"Verilog",owner:"a-rey"},vhdl:{title:"VHDL",owner:"a-rey"},vim:{title:"vim",owner:"westonganger"},"visual-basic":{title:"Visual Basic",alias:["vb","vba"],aliasTitles:{vba:"VBA"},owner:"Golmote"},warpscript:{title:"WarpScript",owner:"RunDevelopment"},wasm:{title:"WebAssembly",owner:"Golmote"},"web-idl":{title:"Web IDL",alias:"webidl",owner:"RunDevelopment"},wgsl:{title:"WGSL",owner:"Dr4gonthree"},wiki:{title:"Wiki markup",require:"markup",owner:"Golmote"},wolfram:{title:"Wolfram language",alias:["mathematica","nb","wl"],aliasTitles:{mathematica:"Mathematica",nb:"Mathematica Notebook"},owner:"msollami"},wren:{title:"Wren",owner:"clsource"},xeora:{title:"Xeora",require:"markup",alias:"xeoracube",aliasTitles:{xeoracube:"XeoraCube"},owner:"freakmaxi"},"xml-doc":{title:"XML doc (.net)",require:"markup",modify:["csharp","fsharp","vbnet"],owner:"RunDevelopment"},xojo:{title:"Xojo (REALbasic)",owner:"Golmote"},xquery:{title:"XQuery",require:"markup",owner:"Golmote"},yaml:{title:"YAML",alias:"yml",owner:"hason"},yang:{title:"YANG",owner:"RunDevelopment"},zig:{title:"Zig",owner:"RunDevelopment"}},plugins:{meta:{path:"plugins/{id}/prism-{id}",link:"plugins/{id}/"},"line-highlight":{title:"Line Highlight",description:"Highlights specific lines and/or line ranges."},"line-numbers":{title:"Line Numbers",description:"Line number at the beginning of code lines.",owner:"kuba-kubula"},"show-invisibles":{title:"Show Invisibles",description:"Show hidden characters such as tabs and line breaks.",optional:["autolinker","data-uri-highlight"]},autolinker:{title:"Autolinker",description:"Converts URLs and emails in code to clickable links. Parses Markdown links in comments."},wpd:{title:"WebPlatform Docs",description:'Makes tokens link to WebPlatform.org documentation. The links open in a new tab.'},"custom-class":{title:"Custom Class",description:"This plugin allows you to prefix Prism's default classes (.comment can become .namespace--comment) or replace them with your defined ones (like .editor__comment). You can even add new classes.",owner:"dvkndn",noCSS:!0},"file-highlight":{title:"File Highlight",description:"Fetch external files and highlight them with Prism. Used on the Prism website itself.",noCSS:!0},"show-language":{title:"Show Language",description:"Display the highlighted language in code blocks (inline code does not show the label).",owner:"nauzilus",noCSS:!0,require:"toolbar"},"jsonp-highlight":{title:"JSONP Highlight",description:"Fetch content with JSONP and highlight some interesting content (e.g. GitHub/Gists or Bitbucket API).",noCSS:!0,owner:"nauzilus"},"highlight-keywords":{title:"Highlight Keywords",description:"Adds special CSS classes for each keyword for fine-grained highlighting.",owner:"vkbansal",noCSS:!0},"remove-initial-line-feed":{title:"Remove initial line feed",description:"Removes the initial line feed in code blocks.",owner:"Golmote",noCSS:!0},"inline-color":{title:"Inline color",description:"Adds a small inline preview for colors in style sheets.",require:"css-extras",owner:"RunDevelopment"},previewers:{title:"Previewers",description:"Previewers for angles, colors, gradients, easing and time.",require:"css-extras",owner:"Golmote"},autoloader:{title:"Autoloader",description:"Automatically loads the needed languages to highlight the code blocks.",owner:"Golmote",noCSS:!0},"keep-markup":{title:"Keep Markup",description:"Prevents custom markup from being dropped out during highlighting.",owner:"Golmote",optional:"normalize-whitespace",noCSS:!0},"command-line":{title:"Command Line",description:"Display a command line with a prompt and, optionally, the output/response from the commands.",owner:"chriswells0"},"unescaped-markup":{title:"Unescaped Markup",description:"Write markup without having to escape anything."},"normalize-whitespace":{title:"Normalize Whitespace",description:"Supports multiple operations to normalize whitespace in code blocks.",owner:"zeitgeist87",optional:"unescaped-markup",noCSS:!0},"data-uri-highlight":{title:"Data-URI Highlight",description:"Highlights data-URI contents.",owner:"Golmote",noCSS:!0},toolbar:{title:"Toolbar",description:"Attach a toolbar for plugins to easily register buttons on the top of a code block.",owner:"mAAdhaTTah"},"copy-to-clipboard":{title:"Copy to Clipboard Button",description:"Add a button that copies the code block to the clipboard when clicked.",owner:"mAAdhaTTah",require:"toolbar",noCSS:!0},"download-button":{title:"Download Button",description:"A button in the toolbar of a code block adding a convenient way to download a code file.",owner:"Golmote",require:"toolbar",noCSS:!0},"match-braces":{title:"Match braces",description:"Highlights matching braces.",owner:"RunDevelopment"},"diff-highlight":{title:"Diff Highlight",description:"Highlights the code inside diff blocks.",owner:"RunDevelopment",require:"diff"},"filter-highlight-all":{title:"Filter highlightAll",description:"Filters the elements the highlightAll and highlightAllUnder methods actually highlight.",owner:"RunDevelopment",noCSS:!0},treeview:{title:"Treeview",description:"A language with special styles to highlight file system tree structures.",owner:"Golmote"}}})},8722:(e,t,n)=>{var r=n(6763);const o=n(6969),a=n(8380),i=new Set;function s(e){void 0===e?e=Object.keys(o.languages).filter((e=>"meta"!=e)):Array.isArray(e)||(e=[e]);const t=[...i,...Object.keys(Prism.languages)];a(o,e,t).load((e=>{if(!(e in o.languages))return void(s.silent||r.warn("Language does not exist: "+e));const t="./prism-"+e;delete n.c[n(3157).resolve(t)],delete Prism.languages[e],n(3157)(t),i.add(e)}))}s.silent=!1,e.exports=s},9700:()=>{!function(e){function t(e,t){return"___"+e.toUpperCase()+t+"___"}Object.defineProperties(e.languages["markup-templating"]={},{buildPlaceholders:{value:function(n,r,o,a){if(n.language===r){var i=n.tokenStack=[];n.code=n.code.replace(o,(function(e){if("function"==typeof a&&!a(e))return e;for(var o,s=i.length;-1!==n.code.indexOf(o=t(r,s));)++s;return i[s]=e,o})),n.grammar=e.languages.markup}}},tokenizePlaceholders:{value:function(n,r){if(n.language===r&&n.tokenStack){n.grammar=e.languages[r];var o=0,a=Object.keys(n.tokenStack);!function i(s){for(var l=0;l=a.length);l++){var c=s[l];if("string"==typeof c||c.content&&"string"==typeof c.content){var u=a[o],p=n.tokenStack[u],d="string"==typeof c?c:c.content,f=t(r,u),m=d.indexOf(f);if(m>-1){++o;var h=d.substring(0,m),g=new e.Token(r,e.tokenize(p,n.grammar),"language-"+r,p),y=d.substring(m+f.length),b=[];h&&b.push.apply(b,i([h])),b.push(g),y&&b.push.apply(b,i([y])),"string"==typeof c?s.splice.apply(s,[l,1].concat(b)):c.content=b}}else c.content&&i(c.content)}return s}(n.tokens)}}}})}(Prism)},8692:(e,t,n)=>{var r={"./":8722};function o(e){var t=a(e);return n(t)}function a(e){if(!n.o(r,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return r[e]}o.keys=function(){return Object.keys(r)},o.resolve=a,e.exports=o,o.id=8692},3157:(e,t,n)=>{var r={"./":8722};function o(e){var t=a(e);return n(t)}function a(e){if(!n.o(r,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return r[e]}o.keys=function(){return Object.keys(r)},o.resolve=a,e.exports=o,o.id=3157},8380:e=>{"use strict";var t=function(){var e=function(){};function t(e,t){Array.isArray(e)?e.forEach(t):null!=e&&t(e,0)}function n(e){for(var t={},n=0,r=e.length;n "));var s={},l=e[r];if(l){function c(t){if(!(t in e))throw new Error(r+" depends on an unknown component "+t);if(!(t in s))for(var i in o(t,a),s[t]=!0,n[t])s[i]=!0}t(l.require,c),t(l.optional,c),t(l.modify,c)}n[r]=s,a.pop()}}return function(e){var t=n[e];return t||(o(e,r),t=n[e]),t}}function o(e){for(var t in e)return!0;return!1}return function(a,i,s){var l=function(e){var t={};for(var n in e){var r=e[n];for(var o in r)if("meta"!=o){var a=r[o];t[o]="string"==typeof a?{title:a}:a}}return t}(a),c=function(e){var n;return function(r){if(r in e)return r;if(!n)for(var o in n={},e){var a=e[o];t(a&&a.alias,(function(t){if(t in n)throw new Error(t+" cannot be alias for both "+o+" and "+n[t]);if(t in e)throw new Error(t+" cannot be alias of "+o+" because it is a component.");n[t]=o}))}return n[r]||r}}(l);i=i.map(c),s=(s||[]).map(c);var u=n(i),p=n(s);i.forEach((function e(n){var r=l[n];t(r&&r.require,(function(t){t in p||(u[t]=!0,e(t))}))}));for(var d,f=r(l),m=u;o(m);){for(var h in d={},m){var g=l[h];t(g&&g.modify,(function(e){e in p&&(d[e]=!0)}))}for(var y in p)if(!(y in u))for(var b in f(y))if(b in u){d[y]=!0;break}for(var v in m=d)u[v]=!0}var w={getIds:function(){var e=[];return w.load((function(t){e.push(t)})),e},load:function(t,n){return function(t,n,r,o){var a=o?o.series:void 0,i=o?o.parallel:e,s={},l={};function c(e){if(e in s)return s[e];l[e]=!0;var o,u=[];for(var p in t(e))p in n&&u.push(p);if(0===u.length)o=r(e);else{var d=i(u.map((function(e){var t=c(e);return delete l[e],t})));a?o=a(d,(function(){return r(e)})):r(e)}return s[e]=o}for(var u in n)c(u);var p=[];for(var d in l)p.push(s[d]);return i(p)}(f,u,t,n)}};return w}}();e.exports=t},5606:e=>{var t,n,r=e.exports={};function o(){throw new Error("setTimeout has not been defined")}function a(){throw new Error("clearTimeout has not been defined")}function i(e){if(t===setTimeout)return setTimeout(e,0);if((t===o||!t)&&setTimeout)return t=setTimeout,setTimeout(e,0);try{return t(e,0)}catch(n){try{return t.call(null,e,0)}catch(n){return t.call(this,e,0)}}}!function(){try{t="function"==typeof setTimeout?setTimeout:o}catch(e){t=o}try{n="function"==typeof clearTimeout?clearTimeout:a}catch(e){n=a}}();var s,l=[],c=!1,u=-1;function p(){c&&s&&(c=!1,s.length?l=s.concat(l):u=-1,l.length&&d())}function d(){if(!c){var e=i(p);c=!0;for(var t=l.length;t;){for(s=l,l=[];++u1)for(var n=1;n{"use strict";var r=n(6925);function o(){}function a(){}a.resetWarningCache=o,e.exports=function(){function e(e,t,n,o,a,i){if(i!==r){var s=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name="Invariant Violation",s}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:a,resetWarningCache:o};return n.PropTypes=n,n}},5556:(e,t,n)=>{e.exports=n(2694)()},6925:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},2551:(e,t,n)=>{"use strict";var r=n(6763),o=n(6540),a=n(9982);function i(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n