Upload folder using huggingface_hub

.github/workflows/deploy.yml

@@ -0,0 +1,29 @@
+name: Deploy to GitHub Pages
+
+on:
+  push:
+    branches:
+      - main
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      
+      - name: Setup Pages
+        uses: actions/configure-pages@v3
+      
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v2
+        with:
+          path: '.'
+      
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v2

app.py

@@ -97,24 +97,38 @@ with gr.Blocks(title="🚀 API Workflow Builder", theme=gr.themes.Soft()) as app
     """)
     
     with gr.Tab("📝 Page Builder"):
-        gr.Markdown("### Visual Editor")
-        gr.Markdown("Open the editor below to start building your workflow pages.")
-        
-        # Page Builder iframe
-        page_builder_html = gr.HTML(
-            value="""
-            <div style="width: 100%; height: 800px; border: 2px solid #e2e8f0; border-radius: 8px; overflow: hidden;">
-                <iframe 
-                    src="/file=index.html" 
-                    style="width: 100%; height: 100%; border: none;"
-                    sandbox="allow-scripts allow-same-origin allow-forms allow-popups"
-                ></iframe>
-            </div>
-            """,
-            label="Page Builder Editor"
-        )
+        gr.Markdown("""
+        ### Visual Editor
+        
+        **Note**: Due to Gradio limitations, the full GrapeJS editor works best when opened in a separate window.
+        
+        Click the button below to open the full editor in a new tab:
+        """)
         
         gr.Markdown("""
+        <a href="https://kenken999.github.io/api-workflow-builder/" target="_blank" 
+           style="display:inline-block; padding:15px 30px; background:linear-gradient(135deg, #667eea 0%, #764ba2 100%); 
+                  color:white; text-decoration:none; border-radius:8px; font-weight:bold; margin:20px 0;">
+            🚀 Open Full Editor
+        </a>
+        """)
+        
+        gr.Markdown("""
+        ### Alternative: Localhost Setup
+        
+        For full functionality with API integration, run locally:
+        
+        ```bash
+        # Clone the repository
+        git clone https://huggingface.co/spaces/kenken999/api-workflow-builder
+        cd api-workflow-builder
+        
+        # Open index.html in your browser
+        # Or serve with a local server:
+        python -m http.server 8000
+        # Then visit: http://localhost:8000/index.html
+        ```
+        
         ### 使い方
         1. 左サイドバーから要素をドラッグ＆ドロップ
         2. 右サイドバーでスタイルをカスタマイズ