Upload folder using huggingface_hub

components/subscriptions.py

@@ -61,7 +61,7 @@ def create_subscriptions_html(subscriptions):
         connection_btn_html = ""
         if is_active and access_token:
             connection_btn_html = f'''
-            <button class="btn-connect" onclick="openDrawer('{drawer_id}')">
+            <button class="btn-connect" onclick="window.openDrawer('{drawer_id}')">
                 Connect
             </button>
             '''
@@ -93,14 +93,14 @@ def create_subscriptions_html(subscriptions):
 
             # Drawer HTML (slides in from right)
             drawers_html += f'''
-            <div id="{drawer_id}" class="drawer-overlay" onclick="if(event.target===this) closeDrawer('{drawer_id}')">
+            <div id="{drawer_id}" class="drawer-overlay" onclick="if(event.target===this) window.closeDrawer('{drawer_id}')">
                 <div class="drawer-panel">
                     <div class="drawer-header">
                         <div class="drawer-header-info">
                             <h3 class="drawer-title">{html.escape(dataset_id)}</h3>
                             <span class="drawer-status {status_class}">{status_text}</span>
                         </div>
-                        <button class="drawer-close" onclick="closeDrawer('{drawer_id}')">&times;</button>
+                        <button class="drawer-close" onclick="window.closeDrawer('{drawer_id}')">&times;</button>
                     </div>
                     <div class="drawer-body">
                         <!-- MCP Config - expanded by default -->
@@ -114,7 +114,7 @@ def create_subscriptions_html(subscriptions):
                                 <p class="config-desc">Add to your Claude Desktop config:</p>
                                 <div class="code-wrapper">
                                     <pre class="code-block">{mcp_config_escaped}</pre>
-                                    <button class="btn-copy" data-copy-id="{drawer_id}-mcp">Copy</button>
+                                    <button class="btn-copy" data-copy-id="{drawer_id}-mcp" onclick="window.copyDatapassField('{drawer_id}-mcp')">Copy</button>
                                 </div>
                             </div>
                         </details>
@@ -129,7 +129,7 @@ def create_subscriptions_html(subscriptions):
                             <div class="config-content">
                                 <div class="code-wrapper">
                                     <pre class="code-block prompt-block">{example_prompt_escaped}</pre>
-                                    <button class="btn-copy" data-copy-id="{drawer_id}-prompt">Copy</button>
+                                    <button class="btn-copy" data-copy-id="{drawer_id}-prompt" onclick="window.copyDatapassField('{drawer_id}-prompt')">Copy</button>
                                 </div>
                             </div>
                         </details>
@@ -144,7 +144,7 @@ def create_subscriptions_html(subscriptions):
                             <div class="config-content">
                                 <div class="code-wrapper">
                                     <code class="token-block">{html.escape(access_token)}</code>
-                                    <button class="btn-copy" data-copy-id="{drawer_id}-token">Copy</button>
+                                    <button class="btn-copy" data-copy-id="{drawer_id}-token" onclick="window.copyDatapassField('{drawer_id}-token')">Copy</button>
                                 </div>
                             </div>
                         </details>
@@ -197,81 +197,87 @@ def create_subscriptions_html(subscriptions):
     </div>
 
     <script>
-        // Store copy data
-        var copyDataStore = {copy_data_json};
-
-        function openDrawer(id) {{
-            var drawer = document.getElementById(id);
-            if (drawer) {{
-                drawer.classList.add('show');
-                document.body.style.overflow = 'hidden';
-            }}
-        }}
-
-        function closeDrawer(id) {{
-            var drawer = document.getElementById(id);
-            if (drawer) {{
-                drawer.classList.remove('show');
-                document.body.style.overflow = '';
-            }}
-        }}
-
-        function copyFromDataAttr(btn) {{
-            var copyId = btn.getAttribute('data-copy-id');
-            if (!copyId || !copyDataStore[copyId]) {{
-                console.error('Copy data not found for:', copyId);
-                return;
-            }}
-            // Decode base64
-            var text = atob(copyDataStore[copyId]);
-            navigator.clipboard.writeText(text).then(function() {{
-                var originalText = btn.textContent;
-                btn.textContent = 'Copied!';
-                btn.classList.add('copied');
-                setTimeout(function() {{
-                    btn.textContent = originalText;
-                    btn.classList.remove('copied');
-                }}, 2000);
-            }}).catch(function(err) {{
-                console.error('Failed to copy:', err);
-                // Fallback for older browsers
-                var textarea = document.createElement('textarea');
-                textarea.value = text;
-                textarea.style.position = 'fixed';
-                textarea.style.opacity = '0';
-                document.body.appendChild(textarea);
-                textarea.select();
-                try {{
-                    document.execCommand('copy');
-                    var originalText = btn.textContent;
-                    btn.textContent = 'Copied!';
-                    btn.classList.add('copied');
-                    setTimeout(function() {{
-                        btn.textContent = originalText;
-                        btn.classList.remove('copied');
-                    }}, 2000);
-                }} catch (e) {{
-                    console.error('Fallback copy failed:', e);
+        (function() {{
+            // Store copy data globally on window
+            window.datapassCopyData = window.datapassCopyData || {{}};
+            Object.assign(window.datapassCopyData, {copy_data_json});
+
+            // Define functions on window for global access
+            window.openDrawer = function(id) {{
+                var drawer = document.getElementById(id);
+                if (drawer) {{
+                    drawer.classList.add('show');
+                    document.body.style.overflow = 'hidden';
                 }}
-                document.body.removeChild(textarea);
-            }});
-        }}
-
-        // Attach click handlers to copy buttons
-        document.addEventListener('click', function(e) {{
-            if (e.target.classList.contains('btn-copy')) {{
-                copyFromDataAttr(e.target);
-            }}
-        }});
+            }};
 
-        document.addEventListener('keydown', function(e) {{
-            if (e.key === 'Escape') {{
-                document.querySelectorAll('.drawer-overlay.show').forEach(function(drawer) {{
+            window.closeDrawer = function(id) {{
+                var drawer = document.getElementById(id);
+                if (drawer) {{
                     drawer.classList.remove('show');
+                    document.body.style.overflow = '';
+                }}
+            }};
+
+            window.copyDatapassField = function(copyId) {{
+                if (!copyId || !window.datapassCopyData[copyId]) {{
+                    console.error('Copy data not found for:', copyId);
+                    return;
+                }}
+                // Decode base64
+                var text = atob(window.datapassCopyData[copyId]);
+                var btn = document.querySelector('[data-copy-id="' + copyId + '"]');
+
+                navigator.clipboard.writeText(text).then(function() {{
+                    if (btn) {{
+                        var originalText = btn.textContent;
+                        btn.textContent = 'Copied!';
+                        btn.classList.add('copied');
+                        setTimeout(function() {{
+                            btn.textContent = originalText;
+                            btn.classList.remove('copied');
+                        }}, 2000);
+                    }}
+                }}).catch(function(err) {{
+                    console.error('Failed to copy:', err);
+                    // Fallback for older browsers or non-HTTPS
+                    var textarea = document.createElement('textarea');
+                    textarea.value = text;
+                    textarea.style.position = 'fixed';
+                    textarea.style.opacity = '0';
+                    document.body.appendChild(textarea);
+                    textarea.select();
+                    try {{
+                        document.execCommand('copy');
+                        if (btn) {{
+                            var originalText = btn.textContent;
+                            btn.textContent = 'Copied!';
+                            btn.classList.add('copied');
+                            setTimeout(function() {{
+                                btn.textContent = originalText;
+                                btn.classList.remove('copied');
+                            }}, 2000);
+                        }}
+                    }} catch (e) {{
+                        console.error('Fallback copy failed:', e);
+                    }}
+                    document.body.removeChild(textarea);
+                }});
+            }};
+
+            // Listen for Escape key to close drawers
+            if (!window.datapassEscapeListenerAdded) {{
+                window.datapassEscapeListenerAdded = true;
+                document.addEventListener('keydown', function(e) {{
+                    if (e.key === 'Escape') {{
+                        document.querySelectorAll('.drawer-overlay.show').forEach(function(drawer) {{
+                            drawer.classList.remove('show');
+                        }});
+                        document.body.style.overflow = '';
+                    }}
                 }});
-                document.body.style.overflow = '';
             }}
-        }});
+        }})();
     </script>
 
     <style>