[feat] リポジトリのURLを入力してファイルツリーとコードを表示する機能を追加

- リポジトリのURLを入力するテキストボックスを追加
- 入力されたリポジトリをクローンし、ファイルツリーとコードを表示
- `.gitignore`のパターンを編集するサイドバーを追加
- マークダウンファイルのダウンロードリンクを作成
- フルテキストを表示するセクションを追加

[docs] ページの先頭にCodeLumiaのアイコンと説明を追加

- `docs/page_front.md`ファイルを作成
- CodeLumiaのアイコン、タイトル、説明を追加
- バッジを追加して、Hugging Face Spaces、GitHub Stars、Last Commit、Top Languageを表示

[style] マークダウンファイルのフォーマットを改善

- CodeLumiaファイルツリーのタイトルに`<<`と`>>`を追加
- CodeLumiaファイルツリーのタイトルにリポジトリ名を表示
- ファイルツリーのタイトルを`## File Tree`に変更

[chore] 開発環境の設定を変更

- `streamlit.yaml`ファイルの`sdk`を`docker`に変更
- `streamlit.yaml`ファイルの`sdk_version`を`1.33.0`に変更

CodeLumia.md

@@ -1,4 +1,5 @@
-# CodeLumia File Tree
+# << CodeLumia>> 
+## CodeLumia File Tree
 
 ```
 CodeLumia/

README.md

@@ -3,7 +3,7 @@ title: CodeLumia
 emoji: 📚
 colorFrom: purple
 colorTo: blue
-sdk: streamlit
+sdk: docker
 sdk_version: 1.33.0
 app_file: app.py
 pinned: false
@@ -12,7 +12,7 @@ license: mit
 
 
 <p align="center">
-<img src="https://media.githubusercontent.com/media/Sunwood-ai-labs/CodeLumia/main/docs/CodeLumia_icon.png" width="100%">
+<img src="https://media.githubusercontent.com/media/Sunwood-ai-labs/CodeLumia/main/docs/CodeLumia_icon.png" width="50%">
 <br>
 <h1 align="center">CodeLumia</h1>
 <h3 align="center">

app.py

@@ -8,86 +8,105 @@ import base64
 
 # .gitignoreのパターンを読み込む
 ignore_patterns = []
-with open(".CodeLumiaignore", "r") as f:
-    for line in f:
-        line = line.strip()
-        if line and not line.startswith("#"):
-            ignore_patterns.append(line)
-
-# tmpフォルダを削除
-if os.path.exists("tmp"):
-    shutil.rmtree("tmp")
-
-# tmpフォルダを作成
-os.makedirs("tmp")
-
-# リポジトリのクローン
-repo_path = "tmp/CodeLumia"
-if os.path.exists(repo_path):
-    shutil.rmtree(repo_path)
-os.system(f"git clone https://github.com/Sunwood-ai-labs/CodeLumia.git {repo_path}")
-
-# 一時的な遅延を追加
-time.sleep(1)
-
-# リポジトリのファイルツリーを取得
-file_tree = ""
-for root, dirs, files in os.walk("tmp/CodeLumia"):
-    # .gitignoreに一致するディレクトリを無視
-    dirs[:] = [d for d in dirs if not any(fnmatch.fnmatch(d, pattern) for pattern in ignore_patterns)]
-    
-    level = root.replace("tmp/CodeLumia", "").count(os.sep)
-    indent = " " * 4 * (level)
-    file_tree += f"{indent}{os.path.basename(root)}/\n"
-    subindent = " " * 4 * (level + 1)
-    for f in files:
-        # .gitignoreに一致するファイルを無視
-        if not any(fnmatch.fnmatch(f, pattern) for pattern in ignore_patterns):
-            file_tree += f"{subindent}{f}\n"
-
-# マークダウンファイルを結合
-markdown_content = f"# CodeLumia File Tree\n\n```\n{file_tree}\n```\n\n"
-
-# 拡張子と言語のマッピングを読み込む
-with open("docs/language_map.json", "r") as f:
-    language_map = json.load(f)
-
-for root, dirs, files in os.walk("tmp/CodeLumia"):
-    print(root)
-    # .gitignoreに一致するディレクトリを無視
-    dirs[:] = [d for d in dirs if not any(fnmatch.fnmatch(d, pattern) for pattern in ignore_patterns)]
-    for file in files:
-        # .gitignoreに一致するファイルを無視
-        if not any(fnmatch.fnmatch(file, pattern) for pattern in ignore_patterns):
-            file_path = os.path.join(root, file)
-            _, file_extension = os.path.splitext(file)
-            language = language_map.get(file_extension, "")
-            with open(file_path, "r", encoding="utf-8", errors="ignore") as f:
-                content = f.read()
-                # コードブロック内のコードブロックの範囲の全行の先頭に2つのスペースを入れる
-                lines = content.split("\n")
-                modified_lines = []
-                inside_code_block = False
-                for line in lines:
-                    if line.startswith("```"):
-                        inside_code_block = not inside_code_block
-                        modified_lines.append("\t" + line)
-                    else:
-                        if inside_code_block:
+if os.path.exists(".CodeLumiaignore"):
+    with open(".CodeLumiaignore", "r") as f:
+        for line in f:
+            line = line.strip()
+            if line and not line.startswith("#"):
+                ignore_patterns.append(line)
+
+# docs\page_front.mdファイルの内容を読み込む
+if os.path.exists("docs/page_front.md"):
+    with open("docs/page_front.md", "r", encoding="utf-8") as f:
+        page_front_content = f.read()
+        
+        st.markdown(page_front_content, unsafe_allow_html=True)
+
+# リポジトリのURLを入力するテキストボックス
+repo_url = st.text_input("リポジトリのURL:")
+
+# .gitignoreのパターンを編集するサイドバー
+st.sidebar.title(".gitignore Patterns")
+ignore_patterns = st.sidebar.text_area("Enter patterns (one per line):", value="\n".join(ignore_patterns), height=600).split("\n")
+
+if repo_url:
+    # tmpフォルダを削除
+    if os.path.exists("tmp"):
+        shutil.rmtree("tmp")
+
+    # tmpフォルダを作成
+    os.makedirs("tmp")
+
+    # リポジトリのクローン
+    repo_name = repo_url.split("/")[-1].split(".")[0]
+    repo_path = f"tmp/{repo_name}"
+    if os.path.exists(repo_path):
+        shutil.rmtree(repo_path)
+    os.system(f"git clone {repo_url} {repo_path}")
+
+    # 一時的な遅延を追加
+    time.sleep(1)
+
+    # リポジトリのファイルツリーを取得
+    file_tree = ""
+    for root, dirs, files in os.walk(repo_path):
+        # .gitignoreに一致するディレクトリを無視
+        dirs[:] = [d for d in dirs if not any(fnmatch.fnmatch(d, pattern) for pattern in ignore_patterns)]
+        
+        level = root.replace(repo_path, "").count(os.sep)
+        indent = " " * 4 * (level)
+        file_tree += f"{indent}{os.path.basename(root)}/\n"
+        subindent = " " * 4 * (level + 1)
+        for f in files:
+            # .gitignoreに一致するファイルを無視
+            if not any(fnmatch.fnmatch(f, pattern) for pattern in ignore_patterns):
+                file_tree += f"{subindent}{f}\n"
+
+    # マークダウンファイルを結合
+    markdown_content = f"# << {repo_name}>> \n## {repo_name} File Tree\n\n```\n{file_tree}\n```\n\n"
+
+    # 拡張子と言語のマッピングを読み込む
+    with open("docs/language_map.json", "r") as f:
+        language_map = json.load(f)
+
+    for root, dirs, files in os.walk(repo_path):
+        # .gitignoreに一致するディレクトリを無視
+        dirs[:] = [d for d in dirs if not any(fnmatch.fnmatch(d, pattern) for pattern in ignore_patterns)]
+        for file in files:
+            # .gitignoreに一致するファイルを無視
+            if not any(fnmatch.fnmatch(file, pattern) for pattern in ignore_patterns):
+                file_path = os.path.join(root, file)
+                _, file_extension = os.path.splitext(file)
+                language = language_map.get(file_extension, "")
+                with open(file_path, "r", encoding="utf-8", errors="ignore") as f:
+                    content = f.read()
+                    # コードブロック内のコードブロックの範囲の全行の先頭に2つのスペースを入れる
+                    lines = content.split("\n")
+                    modified_lines = []
+                    inside_code_block = False
+                    for line in lines:
+                        if line.startswith("```"):
+                            inside_code_block = not inside_code_block
                             modified_lines.append("\t" + line)
                         else:
-                            modified_lines.append(line)
-                content = "\n".join(modified_lines)
-                # コードブロックの中のバッククォートをエスケープ
-                markdown_content += f"## {file_path.replace("tmp/CodeLumia/", "")}\n\n```{language}\n{content}\n```\n\n"
+                            if inside_code_block:
+                                modified_lines.append("\t" + line)
+                            else:
+                                modified_lines.append(line)
+                    content = "\n".join(modified_lines)
+                    # コードブロックの中のバッククォートをエスケープ
+                    markdown_content += f"## {file_path.replace(f'{repo_path}/', '')}\n\n```{language}\n{content}\n```\n\n"
+
+    # マークダウンファイルを保存
+    with open(f"{repo_name}.md", "w", encoding="utf-8") as f:
+        f.write(markdown_content)
 
-# マークダウンファイルを保存
-with open("CodeLumia.md", "w", encoding="utf-8") as f:
-    f.write(markdown_content)
+    # Streamlitアプリケーションの構築
+    st.markdown(markdown_content, unsafe_allow_html=True)
 
-# Streamlitアプリケーションの構築
-st.title("CodeLumia")
-st.markdown(markdown_content, unsafe_allow_html=True)
+    # ダウンロードリンクの作成
+    st.markdown(f'<a href="data:text/markdown;base64,{base64.b64encode(markdown_content.encode("utf-8")).decode("utf-8")}" download="{repo_name}.md">Download Markdown File</a>', unsafe_allow_html=True)
 
-# ダウンロードリンクの作成
-st.markdown(f'<a href="data:text/markdown;base64,{base64.b64encode(markdown_content.encode("utf-8")).decode("utf-8")}" download="CodeLumia.md">Download Markdown File</a>', unsafe_allow_html=True)
+    st.markdown("---")
+    st.markdown("# Full Text")
+    st.code(markdown_content)

docs/page_front.md

@@ -0,0 +1,12 @@
+<p align="center">
+<img src="https://media.githubusercontent.com/media/Sunwood-ai-labs/CodeLumia/main/docs/CodeLumia_icon.png" width="40%">
+<br>
+<h1 align="center">CodeLumia</h1>
+<h3 align="center">
+  ～Learn to Code, Step by Step～
+
+[![Hugging Face Spaces](https://img.shields.io/badge/%F0%9F%A4%97%20Hugging%20Face-Spaces-blue)](https://huggingface.co/spaces/OFA-Sys/OFA-Image_Caption)[![](https://img.shields.io/github/stars/Sunwood-ai-labs/CodeLumia)](https://github.com/Sunwood-ai-labs/CodeLumia)[![](https://img.shields.io/github/last-commit/Sunwood-ai-labs/CodeLumia)](https://github.com/Sunwood-ai-labs/CodeLumia)[![](https://img.shields.io/github/languages/top/Sunwood-ai-labs/CodeLumia)](https://github.com/Sunwood-ai-labs/CodeLumia)
+
+</h3>
+
+</p>