@fils/sanity-components 0.1.2 → 0.1.3

package/lib/components/deploy/DeployButton.d.ts

@@ -4,14 +4,14 @@
  * Recommended to use inside the dashboard
  * Uses studio secrets to store Github token
  */
-interface DeployButtonConfig {
+export interface DeployButtonConfig {
     owner: string;
     repo: string;
     token?: string;
     branch?: string;
     eventType?: string;
 }
-interface DeployButtonProps {
+export interface DeployButtonProps {
     config: DeployButtonConfig;
     title?: string;
     deploymentUrl?: string;
@@ -19,5 +19,4 @@ interface DeployButtonProps {
     secretsNamespace?: string;
     secretKey?: string;
 }
-declare const DeployButton: ({ config, title, deploymentUrl, environment, secretsNamespace, secretKey }: DeployButtonProps) => import("react/jsx-runtime").JSX.Element;
-export default DeployButton;
+export declare const DeployButton: ({ config, title, deploymentUrl, environment, secretsNamespace, secretKey }: DeployButtonProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/deploy/DeployButton.js

@@ -3,7 +3,7 @@ import { useState, useEffect, useRef } from 'react';
 import { Button, Card, Stack, Text, Spinner, Flex } from '@sanity/ui';
 import { PlayIcon, CheckmarkIcon, CloseIcon } from '@sanity/icons';
 import { useSecrets, SettingsView } from '@sanity/studio-secrets';
-const DeployButton = ({ config, title = "🚀 Site Deployment", deploymentUrl, environment = "production", secretsNamespace = "deployButton", secretKey = "github_token" }) => {
+export const DeployButton = ({ config, title = "🚀 Site Deployment", deploymentUrl, environment = "production", secretsNamespace = "deployButton", secretKey = "github_token" }) => {
     // ... rest of code
     // ALL HOOKS MUST BE CALLED FIRST - NEVER CONDITIONALLY
     const [deployState, setDeployState] = useState('idle');
@@ -243,4 +243,3 @@ const DeployButton = ({ config, title = "🚀 Site Deployment", deploymentUrl, e
                                         lineHeight: '1'
                                     }, children: _jsx(buttonProps.icon, {}) })), _jsx(Text, { size: 2, weight: "medium", style: { lineHeight: '1' }, children: buttonProps.text })] }) }) }), message && (_jsx(Card, { padding: 3, radius: 1, tone: deployState === 'error' ? 'critical' : deployState === 'success' ? 'positive' : 'primary', children: _jsx(Text, { size: 1, children: message }) })), deploymentUrl && deployState === 'success' && (_jsx(Button, { as: "a", href: deploymentUrl, target: "_blank", rel: "noopener noreferrer", tone: "primary", mode: "ghost", size: 3, children: "\uD83C\uDF10 View Live Site" })), _jsxs(Text, { size: 1, muted: true, children: ["Deploys from ", config.branch || 'main', " branch to ", environment] })] }) }));
 };
-export default DeployButton;

package/lib/components/deploy/GithubTokenConfig.d.ts

@@ -10,5 +10,5 @@ interface TokenConfigProps {
     secretKey?: string;
     environment?: string;
 }
-declare const GitHubTokenConfig: ({ title, description, secretsNamespace, secretKey, environment }: TokenConfigProps) => import("react/jsx-runtime").JSX.Element;
-export default GitHubTokenConfig;
+export declare const GitHubTokenConfig: ({ title, description, secretsNamespace, secretKey, environment }: TokenConfigProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/deploy/GithubTokenConfig.js

@@ -3,7 +3,7 @@ import { useState } from 'react';
 import { Card, Stack, Text, Button } from '@sanity/ui';
 import { useSecrets, SettingsView } from '@sanity/studio-secrets';
 import { CogIcon } from '@sanity/icons';
-const GitHubTokenConfig = ({ title = "🔐 GitHub Token Configuration", description = "Configure your GitHub personal access token for deployment automation.", secretsNamespace = "deployButton", secretKey = "github_token", environment = "production" }) => {
+export const GitHubTokenConfig = ({ title = "🔐 GitHub Token Configuration", description = "Configure your GitHub personal access token for deployment automation.", secretsNamespace = "deployButton", secretKey = "github_token", environment = "production" }) => {
     const [showSettings, setShowSettings] = useState(false);
     // Use Sanity secrets to check if token exists
     const { secrets } = useSecrets(secretsNamespace);
@@ -26,4 +26,3 @@ const GitHubTokenConfig = ({ title = "🔐 GitHub Token Configuration", descript
     }
     return (_jsx(Card, { padding: 4, radius: 2, shadow: 1, children: _jsxs(Stack, { space: 3, children: [_jsx(Text, { size: 2, weight: "semibold", children: title }), _jsx(Text, { size: 1, muted: true, children: description }), _jsxs(Stack, { space: 2, children: [_jsxs(Text, { size: 1, children: ["Status: ", hasToken ? '✅ Token configured' : '⚠️ No token configured'] }), _jsx(Button, { tone: hasToken ? 'default' : 'primary', icon: CogIcon, onClick: () => setShowSettings(true), text: hasToken ? 'Update Token' : 'Configure Token' })] })] }) }));
 };
-export default GitHubTokenConfig;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fils/sanity-components",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "Fil's Components for Sanity Back-Ends",
   "repository": "git@github.com:fil-studio/fils.git",
   "author": "Fil Studio <hello@fil.studio>",

package/src/components/deploy/DeployButton.tsx

@@ -11,7 +11,7 @@ import { Button, Card, Stack, Text, Spinner, Flex } from '@sanity/ui';
 import { PlayIcon, CheckmarkIcon, CloseIcon } from '@sanity/icons';
 import { useSecrets, SettingsView } from '@sanity/studio-secrets';
 
-interface DeployButtonConfig {
+export interface DeployButtonConfig {
   owner: string;
   repo: string;
   token?: string;
@@ -19,7 +19,7 @@ interface DeployButtonConfig {
   eventType?: string;
 }
 
-interface DeployButtonProps {
+export interface DeployButtonProps {
   config: DeployButtonConfig;
   title?: string;
   deploymentUrl?: string;
@@ -43,7 +43,7 @@ interface WorkflowRunsResponse {
   workflow_runs: WorkflowRun[];
 }
 
-const DeployButton = ({ 
+export const DeployButton = ({ 
   config,
   title = "🚀 Site Deployment",
   deploymentUrl,
@@ -442,6 +442,4 @@ const DeployButton = ({
       </Stack>
     </Card>
   );
-};
-
-export default DeployButton;
+};

package/src/components/deploy/GithubTokenConfig.tsx

@@ -18,7 +18,7 @@ interface TokenConfigProps {
   environment?: string;
 }
 
-const GitHubTokenConfig = ({
+export const GitHubTokenConfig = ({
   title = "🔐 GitHub Token Configuration",
   description = "Configure your GitHub personal access token for deployment automation.",
   secretsNamespace = "deployButton",
@@ -90,4 +90,4 @@ const GitHubTokenConfig = ({
   );
 };
 
-export default GitHubTokenConfig;
+// export default GitHubTokenConfig;

package/lib/components/ui/DeployButton.d.ts

@@ -1,23 +0,0 @@
-/**
- * Fil's Hosted Deploy Button
- * Dependencies: React, @sanity/ui, @sanity/icons, @sanity/studio-secrets
- * Recommended to use inside the dashboard
- * Uses studio secrets to store Github token
- */
-interface DeployButtonConfig {
-    owner: string;
-    repo: string;
-    token?: string;
-    branch?: string;
-    eventType?: string;
-}
-interface DeployButtonProps {
-    config: DeployButtonConfig;
-    title?: string;
-    deploymentUrl?: string;
-    environment?: string;
-    secretsNamespace?: string;
-    secretKey?: string;
-}
-declare const DeployButton: ({ config, title, deploymentUrl, environment, secretsNamespace, secretKey }: DeployButtonProps) => import("react/jsx-runtime").JSX.Element;
-export default DeployButton;

package/lib/components/ui/DeployButton.js

@@ -1,225 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect, useRef } from 'react';
-import { Button, Card, Stack, Text, Spinner, Flex } from '@sanity/ui';
-import { PlayIcon, CheckmarkIcon, CloseIcon } from '@sanity/icons';
-import { useSecrets, SettingsView } from '@sanity/studio-secrets';
-const DeployButton = ({ config, title = "🚀 Site Deployment", deploymentUrl, environment = "production", secretsNamespace = "deployButton", secretKey = "github_token" }) => {
-    // ... rest of code
-    // ALL HOOKS MUST BE CALLED FIRST - NEVER CONDITIONALLY
-    const [deployState, setDeployState] = useState('idle');
-    const [message, setMessage] = useState('');
-    const [showSettings, setShowSettings] = useState(false);
-    const intervalRef = useRef(null);
-    const monitoringRef = useRef(false);
-    // Use Sanity secrets - ALWAYS call this hook
-    const { secrets } = useSecrets(secretsNamespace);
-    const token = secrets?.[secretKey];
-    // Get the effective token (secrets take priority over config)
-    const effectiveToken = token || config?.token;
-    // Only show settings if we don't have a token AND we have valid config
-    useEffect(() => {
-        if (!effectiveToken && config?.owner && config?.repo && !showSettings) {
-            setShowSettings(true);
-        }
-        else if (effectiveToken && showSettings) {
-            // Close settings if we now have a token
-            setShowSettings(false);
-        }
-    }, [effectiveToken, config?.owner, config?.repo, showSettings]);
-    // Clean up on unmount
-    useEffect(() => {
-        return () => {
-            if (intervalRef.current) {
-                clearInterval(intervalRef.current);
-                intervalRef.current = null;
-            }
-        };
-    }, []);
-    // Plugin config for secrets
-    const pluginConfigKeys = [
-        {
-            key: secretKey,
-            title: `GitHub Token for ${environment}`,
-            description: `Personal access token for ${config?.owner}/${config?.repo} deployment`,
-            type: 'string',
-            inputType: 'password'
-        }
-    ];
-    // Poll workflow status
-    const pollWorkflowStatus = async (runId) => {
-        try {
-            console.log('Polling workflow:', runId);
-            const response = await fetch(`https://api.github.com/repos/${config.owner}/${config.repo}/actions/runs/${runId}`, {
-                headers: {
-                    'Authorization': `token ${effectiveToken}`,
-                    'Accept': 'application/vnd.github.v3+json'
-                }
-            });
-            if (!response.ok) {
-                throw new Error(`HTTP ${response.status}`);
-            }
-            const run = await response.json();
-            console.log('Run status:', run.status, 'conclusion:', run.conclusion);
-            if (run.status === 'completed') {
-                // Stop polling
-                if (intervalRef.current) {
-                    clearInterval(intervalRef.current);
-                    intervalRef.current = null;
-                }
-                monitoringRef.current = false;
-                if (run.conclusion === 'success') {
-                    setDeployState('success');
-                    setMessage('🎉 Deployment completed successfully!');
-                }
-                else {
-                    setDeployState('error');
-                    setMessage(`❌ Deployment failed: ${run.conclusion}`);
-                }
-            }
-            else if (run.status === 'in_progress' || run.status === 'queued') {
-                const startTime = new Date(run.run_started_at || run.created_at);
-                const elapsed = Math.floor((Date.now() - startTime.getTime()) / 1000);
-                setDeployState('deploying');
-                setMessage(`🔄 Deployment running... (${elapsed}s)`);
-            }
-        }
-        catch (error) {
-            console.error('Polling error:', error);
-        }
-    };
-    // Find the workflow run
-    const findWorkflowRun = async () => {
-        try {
-            console.log('Looking for workflow run...');
-            const response = await fetch(`https://api.github.com/repos/${config.owner}/${config.repo}/actions/runs?per_page=10`, {
-                headers: {
-                    'Authorization': `token ${effectiveToken}`,
-                    'Accept': 'application/vnd.github.v3+json'
-                }
-            });
-            if (!response.ok) {
-                throw new Error(`HTTP ${response.status}`);
-            }
-            const data = await response.json();
-            console.log('Found runs:', data.workflow_runs.length);
-            // Find the most recent run (within last 90 seconds)
-            const recentRun = data.workflow_runs.find(run => {
-                const ageInSeconds = (Date.now() - new Date(run.created_at).getTime()) / 1000;
-                console.log(`Run ${run.id}: age ${ageInSeconds}s, event: ${run.event}, status: ${run.status}`);
-                return ageInSeconds < 90;
-            });
-            if (recentRun) {
-                console.log('Found recent run:', recentRun.id, 'Event:', recentRun.event);
-                setDeployState('deploying');
-                setMessage('🚀 Deployment started...');
-                // Start polling every 5 seconds
-                intervalRef.current = setInterval(() => {
-                    pollWorkflowStatus(recentRun.id);
-                }, 5000);
-                // Initial poll
-                pollWorkflowStatus(recentRun.id);
-            }
-            else {
-                console.log('No recent workflow found');
-                setDeployState('error');
-                setMessage('❌ Could not find workflow run - check if workflow exists');
-            }
-        }
-        catch (error) {
-            console.error('Error finding workflow:', error);
-            const errorMessage = error instanceof Error ? error.message : 'Unknown error';
-            setDeployState('error');
-            setMessage(`❌ Error finding workflow: ${errorMessage}`);
-        }
-    };
-    const triggerDeploy = async () => {
-        // Prevent multiple deployments
-        if (deployState !== 'idle' && deployState !== 'success' && deployState !== 'error')
-            return;
-        setDeployState('triggering');
-        setMessage('⚡ Triggering deployment...');
-        try {
-            console.log('Triggering deployment...');
-            const response = await fetch(`https://api.github.com/repos/${config.owner}/${config.repo}/dispatches`, {
-                method: 'POST',
-                headers: {
-                    'Authorization': `token ${effectiveToken}`,
-                    'Accept': 'application/vnd.github.v3+json',
-                    'Content-Type': 'application/json'
-                },
-                body: JSON.stringify({
-                    event_type: config.eventType || 'deploy-site',
-                    client_payload: {
-                        environment: environment,
-                        triggered_by: 'sanity_studio',
-                        timestamp: new Date().toISOString()
-                    }
-                })
-            });
-            if (response.ok) {
-                console.log('Deployment triggered successfully');
-                setMessage('✅ Deployment triggered! Looking for workflow...');
-                // Wait 5 seconds then look for the workflow
-                setTimeout(() => {
-                    if (!monitoringRef.current) {
-                        monitoringRef.current = true;
-                        findWorkflowRun();
-                    }
-                }, 5000);
-            }
-            else {
-                const error = await response.json();
-                throw new Error(error.message || `HTTP ${response.status}`);
-            }
-        }
-        catch (error) {
-            console.error('Deploy trigger failed:', error);
-            const errorMessage = error instanceof Error ? error.message : 'Unknown error';
-            setDeployState('error');
-            setMessage(`❌ Failed to trigger: ${errorMessage}`);
-        }
-    };
-    const getButtonProps = () => {
-        switch (deployState) {
-            case 'triggering':
-                return { tone: 'primary', disabled: true, icon: Spinner, text: 'Triggering...' };
-            case 'deploying':
-                return { tone: 'primary', disabled: true, icon: Spinner, text: 'Deploying...' };
-            case 'success':
-                return { tone: 'positive', disabled: false, icon: CheckmarkIcon, text: 'Deploy Again' };
-            case 'error':
-                return { tone: 'critical', disabled: false, icon: CloseIcon, text: 'Try Again' };
-            default:
-                return { tone: 'primary', disabled: false, icon: PlayIcon, text: 'Deploy Site' };
-        }
-    };
-    // NOW WE CAN HANDLE CONDITIONAL RENDERING AFTER ALL HOOKS
-    // Check for missing config
-    if (!config || !config.owner || !config.repo) {
-        return (_jsx(Card, { padding: 4, radius: 2, shadow: 1, tone: "critical", children: _jsxs(Stack, { space: 3, children: [_jsx(Text, { size: 2, weight: "semibold", children: "\u274C Deploy Button Configuration Error" }), _jsx(Text, { size: 1, children: "Missing required config: owner and repo are required" })] }) }));
-    }
-    // If showing settings, render the settings view
-    if (showSettings && !effectiveToken) {
-        return (_jsx(Card, { padding: 4, radius: 2, shadow: 1, children: _jsxs(Stack, { space: 3, children: [_jsxs(Text, { size: 2, weight: "semibold", children: ["\uD83D\uDD10 ", title, " - Setup Required"] }), _jsx(Text, { size: 1, muted: true, children: "Please configure your GitHub token to enable deployments." }), _jsx(SettingsView, { title: `${title} Configuration`, namespace: secretsNamespace, keys: pluginConfigKeys, onClose: () => {
-                            setShowSettings(false);
-                        } })] }) }));
-    }
-    // Check for missing token after settings
-    if (!effectiveToken) {
-        return (_jsx(Card, { padding: 4, radius: 2, shadow: 1, tone: "critical", children: _jsxs(Stack, { space: 3, children: [_jsx(Text, { size: 2, weight: "semibold", children: "\u274C Authentication Required" }), _jsx(Text, { size: 1, children: "No GitHub token configured." }), _jsx(Button, { tone: "primary", mode: "ghost", size: 1, onClick: () => setShowSettings(true), children: "Configure Token" })] }) }));
-    }
-    const buttonProps = getButtonProps();
-    return (_jsx(Card, { padding: 4, radius: 2, shadow: 1, children: _jsxs(Stack, { space: 3, children: [_jsx(Text, { size: 2, weight: "semibold", children: title }), _jsx(Flex, { justify: "flex-start", children: _jsx(Button, { tone: buttonProps.tone, disabled: buttonProps.disabled, onClick: triggerDeploy, size: 3, style: {
-                            width: '100%',
-                            maxWidth: '360px',
-                        }, children: _jsxs(Flex, { align: "center", justify: "center", style: {
-                                gap: '6px',
-                                padding: '16px 0px 16px 0px'
-                            }, children: [buttonProps.icon && (_jsx("span", { style: {
-                                        display: 'flex',
-                                        alignItems: 'center',
-                                        fontSize: '16px',
-                                        lineHeight: '1'
-                                    }, children: _jsx(buttonProps.icon, {}) })), _jsx(Text, { size: 2, weight: "medium", style: { lineHeight: '1' }, children: buttonProps.text })] }) }) }), message && (_jsx(Card, { padding: 3, radius: 1, tone: deployState === 'error' ? 'critical' : deployState === 'success' ? 'positive' : 'primary', children: _jsx(Text, { size: 1, children: message }) })), deploymentUrl && deployState === 'success' && (_jsx(Button, { as: "a", href: deploymentUrl, target: "_blank", rel: "noopener noreferrer", tone: "primary", mode: "ghost", size: 3, children: "\uD83C\uDF10 View Live Site" })), _jsxs(Text, { size: 1, muted: true, children: ["Deploys from ", config.branch || 'main', " branch to ", environment] })] }) }));
-};
-export default DeployButton;

package/lib/components/ui/DeployButton.jsx.d.ts

@@ -1,15 +0,0 @@
-/**
- * Fil's Hosted Deploy Button
- * Dependencies: React, @sanity/ui, @sanity/icons, @sanity/studio-secrets
- * Recommended to use inside the dashboard
- * Uses studio secrets to store Github token
- */
-declare const DeployButton: ({ config, title, deploymentUrl, environment, secretsNamespace, secretKey }: {
-    config: any;
-    title?: string | undefined;
-    deploymentUrl: any;
-    environment?: string | undefined;
-    secretsNamespace?: string | undefined;
-    secretKey?: string | undefined;
-}) => import("react/jsx-runtime").JSX.Element;
-export default DeployButton;

package/lib/components/ui/DeployButton.jsx.js

@@ -1,249 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * Fil's Hosted Deploy Button
- * Dependencies: React, @sanity/ui, @sanity/icons, @sanity/studio-secrets
- * Recommended to use inside the dashboard
- * Uses studio secrets to store Github token
- */
-//@ts-ignore
-import React, { useState, useEffect, useRef } from 'react';
-import { Button, Card, Stack, Text, Spinner, Flex } from '@sanity/ui';
-import { PlayIcon, CheckmarkIcon, CloseIcon } from '@sanity/icons';
-import { useSecrets, SettingsView } from '@sanity/studio-secrets';
-const DeployButton = ({ 
-//@ts-ignore
-config, title = "🚀 Site Deployment", 
-//@ts-ignore
-deploymentUrl, environment = "production", secretsNamespace = "deployButton", secretKey = "github_token" }) => {
-    // ALL HOOKS MUST BE CALLED FIRST - NEVER CONDITIONALLY
-    const [deployState, setDeployState] = useState('idle');
-    const [message, setMessage] = useState('');
-    const [showSettings, setShowSettings] = useState(false);
-    const intervalRef = useRef(null);
-    const monitoringRef = useRef(false);
-    // Use Sanity secrets - ALWAYS call this hook
-    const { secrets } = useSecrets(secretsNamespace);
-    //@ts-ignore
-    const token = secrets?.[secretKey];
-    // Get the effective token (secrets take priority over config)
-    const effectiveToken = token || config?.token;
-    // Only show settings if we don't have a token AND we have valid config
-    useEffect(() => {
-        if (!effectiveToken && config?.owner && config?.repo && !showSettings) {
-            setShowSettings(true);
-        }
-        else if (effectiveToken && showSettings) {
-            // Close settings if we now have a token
-            setShowSettings(false);
-        }
-    }, [effectiveToken, config?.owner, config?.repo, showSettings]);
-    // Clean up on unmount
-    useEffect(() => {
-        return () => {
-            if (intervalRef.current) {
-                clearInterval(intervalRef.current);
-                intervalRef.current = null;
-            }
-        };
-    }, []);
-    // Plugin config for secrets
-    const pluginConfigKeys = [
-        {
-            key: secretKey,
-            title: `GitHub Token for ${environment}`,
-            description: `Personal access token for ${config?.owner}/${config?.repo} deployment`,
-            type: 'string',
-            inputType: 'password' // This should hide the token
-        }
-    ];
-    // Poll workflow status
-    //@ts-ignore
-    const pollWorkflowStatus = async (runId) => {
-        try {
-            console.log('Polling workflow:', runId);
-            const response = await fetch(`https://api.github.com/repos/${config.owner}/${config.repo}/actions/runs/${runId}`, {
-                headers: {
-                    'Authorization': `token ${effectiveToken}`,
-                    'Accept': 'application/vnd.github.v3+json'
-                }
-            });
-            if (!response.ok) {
-                throw new Error(`HTTP ${response.status}`);
-            }
-            const run = await response.json();
-            console.log('Run status:', run.status, 'conclusion:', run.conclusion);
-            if (run.status === 'completed') {
-                // Stop polling
-                if (intervalRef.current) {
-                    clearInterval(intervalRef.current);
-                    intervalRef.current = null;
-                }
-                monitoringRef.current = false;
-                if (run.conclusion === 'success') {
-                    setDeployState('success');
-                    setMessage('🎉 Deployment completed successfully!');
-                }
-                else {
-                    setDeployState('error');
-                    setMessage(`❌ Deployment failed: ${run.conclusion}`);
-                }
-            }
-            else if (run.status === 'in_progress' || run.status === 'queued') {
-                const startTime = new Date(run.run_started_at || run.created_at);
-                const elapsed = Math.floor((Date.now() - startTime.getTime()) / 1000);
-                setDeployState('deploying');
-                setMessage(`🔄 Deployment running... (${elapsed}s)`);
-            }
-        }
-        catch (error) {
-            console.error('Polling error:', error);
-        }
-    };
-    // Find the workflow run
-    const findWorkflowRun = async () => {
-        try {
-            console.log('Looking for workflow run...');
-            const response = await fetch(`https://api.github.com/repos/${config.owner}/${config.repo}/actions/runs?per_page=10`, {
-                headers: {
-                    'Authorization': `token ${effectiveToken}`,
-                    'Accept': 'application/vnd.github.v3+json'
-                }
-            });
-            if (!response.ok) {
-                throw new Error(`HTTP ${response.status}`);
-            }
-            const data = await response.json();
-            console.log('Found runs:', data.workflow_runs.length);
-            // Find the most recent run (within last 90 seconds)
-            //@ts-ignore
-            const recentRun = data.workflow_runs.find(run => {
-                const ageInSeconds = (Date.now() - new Date(run.created_at).getTime()) / 1000;
-                console.log(`Run ${run.id}: age ${ageInSeconds}s, event: ${run.event}, status: ${run.status}`);
-                return ageInSeconds < 90;
-            });
-            if (recentRun) {
-                console.log('Found recent run:', recentRun.id, 'Event:', recentRun.event);
-                setDeployState('deploying');
-                setMessage('🚀 Deployment started...');
-                // Start polling every 5 seconds
-                //@ts-ignore
-                intervalRef.current = setInterval(() => {
-                    pollWorkflowStatus(recentRun.id);
-                }, 5000);
-                // Initial poll
-                pollWorkflowStatus(recentRun.id);
-            }
-            else {
-                console.log('No recent workflow found');
-                setDeployState('error');
-                setMessage('❌ Could not find workflow run - check if workflow exists');
-            }
-        }
-        catch (error) {
-            console.error('Error finding workflow:', error);
-            setDeployState('error');
-            //@ts-ignore
-            setMessage(`❌ Error finding workflow: ${error.message}`);
-        }
-    };
-    const triggerDeploy = async () => {
-        // Prevent multiple deployments
-        if (deployState !== 'idle' && deployState !== 'success' && deployState !== 'error')
-            return;
-        setDeployState('triggering');
-        setMessage('⚡ Triggering deployment...');
-        try {
-            console.log('Triggering deployment...');
-            const response = await fetch(`https://api.github.com/repos/${config.owner}/${config.repo}/dispatches`, {
-                method: 'POST',
-                headers: {
-                    'Authorization': `token ${effectiveToken}`,
-                    'Accept': 'application/vnd.github.v3+json',
-                    'Content-Type': 'application/json'
-                },
-                body: JSON.stringify({
-                    event_type: config.eventType || 'deploy-site',
-                    client_payload: {
-                        environment: environment,
-                        triggered_by: 'sanity_studio',
-                        timestamp: new Date().toISOString()
-                    }
-                })
-            });
-            if (response.ok) {
-                console.log('Deployment triggered successfully');
-                setMessage('✅ Deployment triggered! Looking for workflow...');
-                // Wait 5 seconds then look for the workflow
-                setTimeout(() => {
-                    if (!monitoringRef.current) {
-                        monitoringRef.current = true;
-                        findWorkflowRun();
-                    }
-                }, 5000);
-            }
-            else {
-                const error = await response.json();
-                throw new Error(error.message || `HTTP ${response.status}`);
-            }
-        }
-        catch (error) {
-            console.error('Deploy trigger failed:', error);
-            setDeployState('error');
-            //@ts-ignore
-            setMessage(`❌ Failed to trigger: ${error.message}`);
-        }
-    };
-    const getButtonProps = () => {
-        switch (deployState) {
-            case 'triggering':
-                return { tone: 'primary', disabled: true, icon: Spinner, text: 'Triggering...' };
-            case 'deploying':
-                return { tone: 'primary', disabled: true, icon: Spinner, text: 'Deploying...' };
-            case 'success':
-                return { tone: 'positive', disabled: false, icon: CheckmarkIcon, text: 'Deploy Again' };
-            case 'error':
-                return { tone: 'critical', disabled: false, icon: CloseIcon, text: 'Try Again' };
-            default:
-                return { tone: 'primary', disabled: false, icon: PlayIcon, text: 'Deploy Site' };
-        }
-    };
-    // NOW WE CAN HANDLE CONDITIONAL RENDERING AFTER ALL HOOKS
-    // Check for missing config
-    if (!config || !config.owner || !config.repo) {
-        return (_jsx(Card, { padding: 4, radius: 2, shadow: 1, tone: "critical", children: _jsxs(Stack, { space: 3, children: [_jsx(Text, { size: 2, weight: "semibold", children: "\u274C Deploy Button Configuration Error" }), _jsx(Text, { size: 1, children: "Missing required config: owner and repo are required" })] }) }));
-    }
-    // If showing settings, render the settings view
-    if (showSettings && !effectiveToken) {
-        return (_jsx(Card, { padding: 4, radius: 2, shadow: 1, children: _jsxs(Stack, { space: 3, children: [_jsxs(Text, { size: 2, weight: "semibold", children: ["\uD83D\uDD10 ", title, " - Setup Required"] }), _jsx(Text, { size: 1, muted: true, children: "Please configure your GitHub token to enable deployments." }), _jsx(SettingsView, { title: `${title} Configuration`, namespace: secretsNamespace, keys: pluginConfigKeys, onClose: () => {
-                            setShowSettings(false);
-                        } })] }) }));
-    }
-    // Check for missing token after settings
-    if (!effectiveToken) {
-        return (_jsx(Card, { padding: 4, radius: 2, shadow: 1, tone: "critical", children: _jsxs(Stack, { space: 3, children: [_jsx(Text, { size: 2, weight: "semibold", children: "\u274C Authentication Required" }), _jsx(Text, { size: 1, children: "No GitHub token configured." }), _jsx(Button, { tone: "primary", mode: "ghost", 
-                        //@ts-ignore
-                        size: "small", onClick: () => setShowSettings(true), children: "Configure Token" })] }) }));
-    }
-    const buttonProps = getButtonProps();
-    return (_jsx(Card, { padding: 4, radius: 2, shadow: 1, children: _jsxs(Stack, { space: 3, children: [_jsx(Text, { size: 2, weight: "semibold", children: title }), _jsx(Flex, { justify: "flex-start", children: _jsx(Button
-                    //@ts-ignore
-                    , { 
-                        //@ts-ignore
-                        tone: buttonProps.tone, disabled: buttonProps.disabled, onClick: triggerDeploy, 
-                        //@ts-ignore
-                        size: "large", style: {
-                            width: '100%',
-                            maxWidth: '360px',
-                        }, children: _jsxs(Flex, { align: "center", justify: "center", style: {
-                                gap: '6px',
-                                padding: '16px 0px 16px 0px'
-                            }, children: [buttonProps.icon && (_jsx("span", { style: {
-                                        display: 'flex',
-                                        alignItems: 'center',
-                                        fontSize: '16px',
-                                        lineHeight: '1'
-                                    }, children: React.createElement(buttonProps.icon) })), _jsx(Text, { size: 2, weight: "medium", style: { lineHeight: '1' }, children: buttonProps.text })] }) }) }), message && (_jsx(Card, { padding: 3, radius: 1, tone: deployState === 'error' ? 'critical' : deployState === 'success' ? 'positive' : 'primary', children: _jsx(Text, { size: 1, children: message }) })), deploymentUrl && deployState === 'success' && (_jsx(Button, { as: "a", href: deploymentUrl, target: "_blank", rel: "noopener noreferrer", tone: "primary", mode: "ghost", 
-                    //@ts-ignore
-                    size: "small", children: "\uD83C\uDF10 View Live Site" })), _jsxs(Text, { size: 1, muted: true, children: ["Deploys from ", config.branch || 'main', " branch to ", environment] })] }) }));
-};
-export default DeployButton;