Update app.py

app.py

@@ -91,63 +91,68 @@ def run_workflow(message,language='en',login=""):
         print(f"Error: {error_message}")
         return "error", error_message, {}
 
-# Gradioインターフェイスの設定
-iface = gr.Interface(
-    fn=run_workflow,
-    inputs=[gr.MultimodalTextbox(label="PDFファイルをアップロード", file_types=[".pdf"], interactive=True),
-            gr.Dropdown(label="Language",value="ja",choices=["en","en-US", "ja", "fr","de","it"],allow_custom_value=True),
-            gr.LoginButton()],
-    outputs=[
-        gr.Textbox(label="生テキスト", show_copy_button=True, max_lines=5),
-        gr.Markdown(),
-        gr.JSON()
-    ],
-    title="Documnet to Dify Workflow",
-    description="このGradioインターフェイスでは、PDFファイル、YouTube動画、Webページを入力として受け取り、Dify APIワークフローを使用して処理することができます。",
-    article="""
 
-    © 2024 @tregu0458. All rights reserved.
-
-# PDF、YouTube、Web URLを入力としたDifyワークフロー
-
-このGradioインターフェイスでは、PDFファイル、YouTube動画、Webページを入力として受け取り、Dify APIワークフローを使用して処理することができます。PDFファイルをアップロードするか、YouTube URLを提供するか、Web URLを入力するだけで、ワークフローがテキストコンテンツを抽出し、Dify APIを使用して処理します。
-
-## 特徴
-- PDFファイル、YouTube動画、Webページを入力として対応
-- `langchain_community.document_loaders`の`UnstructuredPDFLoader`と`OnlinePDFLoader`を使用してPDFファイルからテキストを抽出
-- `langchain_community.document_loaders`の`YoutubeLoader`を使用してYouTube動画からテキストを抽出
-- `langchain_community.document_loaders`の`WebBaseLoader`を使用してWebページからテキストを抽出
-- 抽出されたテキストをDify APIワークフローで処理
-- リアルタイム更新のためのストリーミングレスポンス処理
-- 生テキスト、処理されたテキスト、JSON出力の表示
-
-## 使用方法
-1. 入力フィールドにPDFファイルをアップロードするか、YouTube URLを提供するか、Web URLを入力します。
-2. ドロップダウンから希望の言語を選択します（デフォルトは "ja"）。
-3. "Submit"ボタンをクリックして処理を開始します。
-4. インターフェイスには、入力から抽出された生テキスト、Dify APIから処理されたテキスト、JSON出力が表示されます。
-
-## 使用コンポーネント
-- Dify API
-- Gradio
-- langchain_community.document_loaders
-
-## ワークフローの仕様
-### 入力
-- Knowledge
-### 出力
-- Result
-- Raw Content
-### LLM
-- gemini-1.5-flash-latest
-
-## 注意事項
-- 処理は非同期的に実行され、ワークフローの進行に合わせてリアルタイムで結果が表示されます。
-- `yield`文を使用して、処理の途中経過を表示しながら、最終的な結果を返します。
-- エラー処理は、処理中に発生する可能性のある例外をキャッチして表示するように実装されています。
-`run_workflow`関数は、入力メッセージを受け取り、指定された言語でDify APIワークフローを使用して処理を実行します。関数内では、入力タイプ（PDFファイル、YouTube URL、Web URL）に応じて適切なローダーを使用してテキストを抽出し、Dify APIにリクエストを送信して処理を行います。処理の進行状況に応じて、`yield`文を使用して中間結果を表示し、最終的な結果を返します。エラーが発生した場合は、例外をキャッチして適切なエラーメッセージを表示します。
-    """
-)
+with gr.Block() as demo:
+    with gr.Column():
+        loginButton = gr.LoginButton()
+        clearButton = gr.ClearButton()
+        submitButton = gr.Button()
+    # Gradioインターフェイスの設定
+    submitButtion.click(
+        fn=run_workflow,
+        inputs=[gr.MultimodalTextbox(label="PDFファイルをアップロード", file_types=[".pdf"], interactive=True),
+                gr.Dropdown(label="Language",value="ja",choices=["en","en-US", "ja", "fr","de","it"],allow_custom_value=True),
+                gr.LoginButton()],
+        outputs=[
+            gr.Textbox(label="生テキスト", show_copy_button=True, max_lines=5),
+            gr.Markdown(),
+            gr.JSON()
+        ]
+
+    gr.Markdown(value="""
+    
+        © 2024 @tregu0458. All rights reserved.
+    
+    # PDF、YouTube、Web URLを入力としたDifyワークフロー
+    
+    このGradioインターフェイスでは、PDFファイル、YouTube動画、Webページを入力として受け取り、Dify APIワークフローを使用して処理することができます。PDFファイルをアップロードするか、YouTube URLを提供するか、Web URLを入力する��けで、ワークフローがテキストコンテンツを抽出し、Dify APIを使用して処理します。
+    
+    ## 特徴
+    - PDFファイル、YouTube動画、Webページを入力として対応
+    - `langchain_community.document_loaders`の`UnstructuredPDFLoader`と`OnlinePDFLoader`を使用してPDFファイルからテキストを抽出
+    - `langchain_community.document_loaders`の`YoutubeLoader`を使用してYouTube動画からテキストを抽出
+    - `langchain_community.document_loaders`の`WebBaseLoader`を使用してWebページからテキストを抽出
+    - 抽出されたテキストをDify APIワークフローで処理
+    - リアルタイム更新のためのストリーミングレスポンス処理
+    - 生テキスト、処理されたテキスト、JSON出力の表示
+    
+    ## 使用方法
+    1. 入力フィールドにPDFファイルをアップロードするか、YouTube URLを提供するか、Web URLを入力します。
+    2. ドロップダウンから希望の言語を選択します（デフォルトは "ja"）。
+    3. "Submit"ボタンをクリックして処理を開始します。
+    4. インターフェイスには、入力から抽出された生テキスト、Dify APIから処理されたテキスト、JSON出力が表示されます。
+    
+    ## 使用コンポーネント
+    - Dify API
+    - Gradio
+    - langchain_community.document_loaders
+    
+    ## ワークフローの仕様
+    ### 入力
+    - Knowledge
+    ### 出力
+    - Result
+    - Raw Content
+    ### LLM
+    - gemini-1.5-flash-latest
+    
+    ## 注意事項
+    - 処理は非同期的に実行され、ワークフローの進行に合わせてリアルタイムで結果が表示されます。
+    - `yield`文を使用して、処理の途中経過を表示しながら、最終的な結果を返します。
+    - エラー処理は、処理中に発生する可能性のある例外をキャッチして表示するように実装されています。
+    `run_workflow`関数は、入力メッセージを受け取り、指定された言語でDify APIワークフローを使用して処理を実行します。関数内では、入力タイプ（PDFファイル、YouTube URL、Web URL）に応じて適切なローダーを使用してテキストを抽出し、Dify APIにリクエストを送信して処理を行います。処理の進行状況に応じて、`yield`文を使用して中間結果を表示し、最終的な結果を返します。エラーが発生した場合は、例外をキャッチして適切なエラーメッセージを表示します。
+        """
+    )
 
 if __name__ == "__main__":
-    iface.queue().launch()
+    demo.queue().launch()