Update app.py

app.py

@@ -5,7 +5,7 @@ from git import Repo
 import git
 from urllib.parse import urlparse
 
-# 翻訳辞書（日本語と英語）
+# 翻訳辞書
 translations = {
     "en": {
         "title": "Hugging Face Space Creation Form",
@@ -24,9 +24,9 @@ translations = {
     },
     "ja": {
         "title": "Hugging Face スペース作成フォーム",
-        "space_name": "新規作成するスペース名",
-        "repo_url": "GitHubリポジトリのURL",
-        "github_token": "GitHubトークン（プライベートリポジトリの場合のみ）",
+        "space_name": "スペース名",
+        "repo_url": "GitHubリポジトリURL",
+        "github_token": "GitHubトークン（プライベートリポジトリの場合）",
         "visibility": "公開/非公開",
         "sdk": "SDK",
         "description": "説明",
@@ -34,63 +34,50 @@ translations = {
         "port": "ポート",
         "name": "名前",
         "emoji": "絵文字",
-        "pinned": "固定するかどうか",
-        "submit": "スペースを作成"
+        "pinned": "スペースを固定",
+        "submit": "作成"
     }
 }
 
-# Hugging Face API クライアント
 hf_api = HfApi()
 
-# GitHub リポジトリ情報を取得
 def get_github_repo_info(github_repo_url, github_token=None):
     try:
         parsed_url = urlparse(github_repo_url)
         repo_path = parsed_url.path.strip('/')
+        temp_dir = "temp_repo"
         
-        # 一時ディレクトリにクローンして情報を取得
-        temp_dir = "temp_repo_clone"
         if os.path.exists(temp_dir):
             os.system(f"rm -rf {temp_dir}")
-        
+            
         if github_token:
-            # 認証付きURLでクローン
             auth_url = f"https://{github_token}@github.com/{repo_path}.git"
             repo = Repo.clone_from(auth_url, temp_dir)
         else:
             repo = Repo.clone_from(github_repo_url, temp_dir)
-        
+            
         repo_name = os.path.basename(repo_path)
-        description = "GitHub リポジトリの説明"  # 必要に応じて `repo.description` を使用
-        
-        # 一時ディレクトリを削除
         os.system(f"rm -rf {temp_dir}")
         
         return type('obj', (object,), {
             'name': repo_name,
-            'description': description
+            'description': f"Repository: {repo_name}"
         })
     except git.exc.GitCommandError as e:
-        raise Exception(f"GitHub リポジトリの取得に失敗: {str(e)}")
+        raise Exception(f"GitHub error: {str(e)}")
 
-# Hugging Face スペースを作成
 def create_huggingface_space(space_name, github_repo_url, github_token, visibility, sdk, description, license_type, port, name, emoji, pinned):
     try:
-        # GitHub リポジトリ情報を取得
         repo = get_github_repo_info(github_repo_url, github_token)
         
-        # Hugging Face スペースを作成
         create_repo(
             repo_id=space_name,
             repo_type="space",
             private=(visibility == 'Private'),
-            space_sdk=sdk.lower()  # "gradio", "streamlit", etc.
+            space_sdk=sdk.lower()
         )
         
-        # README.md の内容を生成
-        readme_content = f"""# {repo.name}\n\n{description}\n\n## GitHub Repository\n{github_repo_url}\n\n**License**: {license_type}\n**Port**: {port}\n"""
-        
-        # README.md をアップロード
+        readme_content = f"""# {repo.name}\n\n{description}\n\n## GitHub\n{github_repo_url}\n\n**License**: {license_type}"""
         hf_api.upload_file(
             path_or_fileobj=readme_content.encode(),
             path_in_repo="README.md",
@@ -98,64 +85,84 @@ def create_huggingface_space(space_name, github_repo_url, github_token, visibili
             repo_type="space"
         )
         
-        # スペース設定を更新
         hf_api.set_space_sdk(space_name, sdk.lower())
         if emoji:
             hf_api.set_space_emoji(space_name, emoji)
         if pinned:
             hf_api.set_space_pinned(space_name, pinned)
-        
-        return f"✅ スペース '{space_name}' が正常に作成されました！"
+            
+        return f"✅ Successfully created space: {space_name}"
     except Exception as e:
-        return f"❌ エラーが発生しました: {str(e)}"
+        return f"❌ Error: {str(e)}"
 
-# Gradio UI の構築
 def gradio_ui():
     with gr.Blocks() as demo:
-        # ブラウザの言語に基づいてUIを翻訳
-        js_code = """
+        # JavaScript for translation
+        js = f"""
         <script>
-        const userLang = navigator.language || navigator.userLanguage;
-        const lang = userLang.startsWith('ja') ? 'ja' : 'en';
-        const translations = """ + str(translations) + """;
+        const translations = {translations};
+        const lang = navigator.language.startsWith('ja') ? 'ja' : 'en';
         
-        function translateUI() {
-            document.querySelectorAll('[data-translate]').forEach(el => {
+        function translate() {{
+            document.querySelectorAll('[data-translate]').forEach(el => {{
                 const key = el.getAttribute('data-translate');
-                if (translations[lang] && translations[lang][key]) {
-                    el.textContent = translations[lang][key];
-                }
-            });
-        }
-        translateUI();
+                if (translations[lang] && translations[lang][key]) {{
+                    if (el.tagName === 'INPUT' && el.type === 'submit') {{
+                        el.value = translations[lang][key];
+                    }} else {{
+                        el.innerText = translations[lang][key];
+                    }}
+                }}
+            }});
+        }}
+        translate();
         </script>
         """
-        gr.HTML(js_code)
+        gr.HTML(js)
 
-        # UI コンポーネント
-        gr.Markdown("## <span data-translate='title'>Hugging Face スペース作成フォーム</span>")
+        # UI Components
+        gr.Markdown("## <span data-translate='title'>Hugging Face Space Creator</span>")
         
         with gr.Row():
-            space_name = gr.Textbox(label="Space Name", data-translate="space_name")
-            github_repo_url = gr.Textbox(label="GitHub Repository URL", data-translate="repo_url")
+            space_name = gr.Textbox(label=translations["en"]["space_name"], elem_id="space_name")
+            github_repo_url = gr.Textbox(label=translations["en"]["repo_url"], elem_id="repo_url")
         
         with gr.Row():
-            github_token = gr.Textbox(label="GitHub Token", type="password", data-translate="github_token")
-            visibility = gr.Dropdown(choices=["Public", "Private"], value="Public", data-translate="visibility")
-            sdk = gr.Dropdown(choices=["Gradio", "Streamlit", "Static", "Docker"], value="Gradio", data-translate="sdk")
+            github_token = gr.Textbox(label=translations["en"]["github_token"], type="password", elem_id="github_token")
+            visibility = gr.Dropdown(choices=["Public", "Private"], value="Public", label=translations["en"]["visibility"], elem_id="visibility")
+            sdk = gr.Dropdown(choices=["Gradio", "Streamlit", "Static", "Docker"], value="Gradio", label=translations["en"]["sdk"], elem_id="sdk")
         
-        description = gr.Textbox(label="Description", lines=3, data-translate="description")
-        license_type = gr.Textbox(label="License", value="MIT", data-translate="license")
+        description = gr.Textbox(label=translations["en"]["description"], lines=3, elem_id="description")
+        license_type = gr.Textbox(label=translations["en"]["license"], value="MIT", elem_id="license")
         
         with gr.Row():
-            port = gr.Number(label="Port", value=7860, data-translate="port")
-            name = gr.Textbox(label="Name", data-translate="name")
-            emoji = gr.Textbox(label="Emoji", placeholder="🚀", data-translate="emoji")
-            pinned = gr.Checkbox(label="Pin this space", data-translate="pinned")
+            port = gr.Number(label=translations["en"]["port"], value=7860, elem_id="port")
+            name = gr.Textbox(label=translations["en"]["name"], elem_id="name")
+            emoji = gr.Textbox(label=translations["en"]["emoji"], placeholder="🚀", elem_id="emoji")
+            pinned = gr.Checkbox(label=translations["en"]["pinned"], elem_id="pinned")
         
-        submit_btn = gr.Button("Create Space", data-translate="submit")
+        submit_btn = gr.Button(translations["en"]["submit"], elem_id="submit")
         output = gr.Textbox(label="Result")
         
+        # Add data-translate attributes via JavaScript
+        js_init = """
+        <script>
+        document.getElementById('space_name').setAttribute('data-translate', 'space_name');
+        document.getElementById('repo_url').setAttribute('data-translate', 'repo_url');
+        document.getElementById('github_token').setAttribute('data-translate', 'github_token');
+        document.getElementById('visibility').setAttribute('data-translate', 'visibility');
+        document.getElementById('sdk').setAttribute('data-translate', 'sdk');
+        document.getElementById('description').setAttribute('data-translate', 'description');
+        document.getElementById('license').setAttribute('data-translate', 'license');
+        document.getElementById('port').setAttribute('data-translate', 'port');
+        document.getElementById('name').setAttribute('data-translate', 'name');
+        document.getElementById('emoji').setAttribute('data-translate', 'emoji');
+        document.getElementById('pinned').setAttribute('data-translate', 'pinned');
+        document.getElementById('submit').setAttribute('data-translate', 'submit');
+        </script>
+        """
+        gr.HTML(js_init)
+        
         submit_btn.click(
             create_huggingface_space,
             inputs=[space_name, github_repo_url, github_token, visibility, sdk, description, license_type, port, name, emoji, pinned],
@@ -164,7 +171,6 @@ def gradio_ui():
     
     return demo
 
-# アプリ起動
 if __name__ == "__main__":
     app = gradio_ui()
     app.launch()