import { Form, Head, usePage } from '@inertiajs/react'; import { Download, Hammer, Package } from 'lucide-react'; import WordPressDistributionController from '@/actions/App/Http/Controllers/Admin/Platform/WordPressDistributionController'; import { Badge } from '@/components/ui/badge'; import { Button } from '@/components/ui/button'; import { Card } from '@/components/ui/card'; import { useBranding } from '@/hooks/use-branding'; import AdminLayout from '@/layouts/admin-layout'; import { useT } from '@/lib/i18n'; type Build = { version: string; filename: string; size: number; modified_at: string; download_url: string; }; type Props = { builds: Build[]; source_version: string | null; }; function formatBytes(bytes: number): string { if (bytes <= 0) { return '0 B'; } const units = ['B', 'KB', 'MB', 'GB']; const exp = Math.min( units.length - 1, Math.floor(Math.log(bytes) / Math.log(1024)), ); return `${(bytes / Math.pow(1024, exp)).toFixed(1)} ${units[exp]}`; } function formatDate(iso: string): string { return new Date(iso).toLocaleString(); } export default function WordPressDistributionPage({ builds, source_version, }: Props) { const { t } = useT(); const branding = useBranding(); const brand = branding.site_title || 'Pitchbar'; const { flash } = usePage<{ flash: { success?: string; error?: string }; }>().props; return ( <>

{t('WordPress plugin distribution')}

{t( 'Build and download the :brand WordPress + WooCommerce plugin. Upload the resulting zip to any WP install under Plugins → Add New → Upload Plugin.', { brand }, )}

{flash?.success && (
{flash.success}
)} {flash?.error && (
{flash.error}
)}

{t('Source version')}

{source_version ? t( 'wp-plugin/pitchbar/ currently reports v{version}', { version: source_version }, ) : t( 'wp-plugin/pitchbar/ source tree is missing or malformed.', )}

{({ processing }) => ( )}

{t('Available builds')}

{builds.length === 0 ? ( {t( 'No builds yet. Click "Build latest" above to package the plugin.', )} ) : (
{builds.map((build) => (

{build.filename}

v{build.version}

{formatBytes(build.size)} ·{' '} {t('Built')}{' '} {formatDate(build.modified_at)}

))}
)}

{t('Install the plugin in WordPress')}

  1. {t( 'Download the latest build above. The file is named pitchbar-{version}.zip with pitchbar.php at its root.', )}
  2. {t( 'In WordPress: Plugins → Add New → Upload Plugin → select the downloaded zip → Install Now → Activate.', )}
  3. {t( 'Open Settings → :brand, paste this :brand URL and an API token from Settings → API tokens, click Test connection, pick an agent, save.', { brand }, )}
); } WordPressDistributionPage.layout = (page: React.ReactElement) => ( {page} );