+ setSearchQuery(e.target.value)}
+ onKeyDown={handleSearch}
+ />
+
+
+
+ );
+};
+
+export default PluginCard;
\ No newline at end of file
diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx
index f33b0a0..4c8c55a 100644
--- a/src/pages/Home.tsx
+++ b/src/pages/Home.tsx
@@ -5,7 +5,7 @@ import api from '../api';
import SEO from '../components/SEO';
const Home = () => {
- const { t, i18n } = useTranslation();
+ const { t } = useTranslation();
const [plugins, setPlugins] = useState
+ {slideshowImages.length > 0 ? (
+
+
+
+ {slideshowImages.map((src: string, i: number) => (
+ 
+ ))}
+
+ {isHovering && slideshowImages.length > 1 && (
+
+ ) : (
+
+ {slideshowImages.map((_: any, i: number) => (
+
+ ))}
+
+ )}
+
+ {initial}
+
+ )}
+
+
+ {plugin.category}
+
+ {plugin.type === 'free' ? (
+ Free
+ ) : isSale ? (
+
+ {priceInfo.originalDisplay}
+ {priceInfo.display}
+ -{plugin.sale_discount_percent}%
+
+ ) : (
+ {priceInfo.display}
+ )}
+
+
+
+ {isSale && (
+ + {plugin.name} + {plugin.is_early_access && Early Access} +
+by {plugin.dev_name}
+{desc}
+ +
+
+
+ {(plugin.downloads ?? 0).toLocaleString()}
+
+ {plugin.rating != null && (
+
+
+ {Number(plugin.rating).toFixed(1)}
+
+ )}
+ {plugin.version && (
+
+ v{plugin.version}
+
+ )}
+
+
+ 🔥 Sale — {plugin.sale_discount_percent}% off
+
+ )}
+
+
+ {t('welcome')}
@@ -242,101 +36,9 @@ const Home = () => {
- {plugins.map((plugin) => {
- const accent = getAccentColor(plugin.name);
- const desc = getDescription(plugin.translated_descriptions);
- const initial = plugin.name.charAt(0).toUpperCase();
- const priceInfo = getEffectivePrice(plugin);
- const isSale = plugin.type === 'paid' && priceInfo.isSale;
-
- const imageUrl = plugin.preview_path;
- console.log(imageUrl);
-
- return (
-
-
-
- {/* Preview image */}
-
-
- );
- })}
+ {plugins.map((plugin) => (
+
- {imageUrl ? (
- 
{
- // Fallback if image 404s
- (e.target as HTMLImageElement).style.display = 'none';
- }}
- />
- ) : (
-
-
- {/* Info */}
-
- {initial}
-
- )}
-
- {plugin.category}
-
- {/* Price badge */}
- {plugin.type === 'free' ? (
- Free
- ) : isSale ? (
-
- {priceInfo.originalDisplay}
- {priceInfo.display}
- -{plugin.sale_discount_percent}%
-
- ) : (
- {priceInfo.display}
- )}
-
-
-
- {/* Sale strip at bottom */}
- {isSale && (
- {plugin.name}
-by {plugin.dev_name}
-{desc}
- -
-
-
- {(plugin.downloads ?? 0).toLocaleString()}
-
- {plugin.rating != null && (
-
-
- {Number(plugin.rating).toFixed(1)}
-
- )}
- {plugin.version && (
-
- v{plugin.version}
-
- )}
-
-
- 🔥 Sale — {plugin.sale_discount_percent}% off
-
- )}
-
-
-
diff --git a/src/pages/PluginDetail.tsx b/src/pages/PluginDetail.tsx
index 3720f98..38c1e67 100644
--- a/src/pages/PluginDetail.tsx
+++ b/src/pages/PluginDetail.tsx
@@ -109,9 +109,15 @@ const PluginDetail = () => {
// Review Report State
const [reviewReportOpen, setReviewReportOpen] = useState(null);
- const [reviewReportSelected, setReviewReportSelected] = useState('');
+ const [reviewReportSelected, setReviewReportSelected] = useState('');
const [reviewReportCustom, setReviewReportCustom] = useState('');
const [reviewReportSubmitting, setReviewReportSubmitting] = useState(false);
+
+ const [replyOpen, setReplyOpen] = useState(null);
+ const [replyText, setReplyText] = useState('');
+ const [replySubmitting, setReplySubmitting] = useState(false);
+
+ const isOwner = user && plugin && user.id === plugin.dev_id;
const [reportedReviews, setReportedReviews] = useState>(new Set());
// ── Detect ?payment=success and strip from URL ───────────────────────────
@@ -289,6 +295,34 @@ const PluginDetail = () => {
setReviewForm({ rating: 5, comment: '' });
};
+ const deleteReview = async () => {
+ if (!window.confirm('Are you sure you want to delete your review?')) return;
+ try {
+ await api.delete(`/plugins/${id}/reviews`);
+ fetchPlugin();
+ } catch (err) {
+ console.error('Failed to delete review', err);
+ alert('Failed to delete review');
+ }
+ };
+
+ const submitReply = async (e: React.FormEvent, reviewId: number) => {
+ e.preventDefault();
+ if (!replyText.trim()) return;
+ setReplySubmitting(true);
+ try {
+ await api.post(`/plugins/${id}/reviews/${reviewId}/reply`, { reply: replyText.trim() });
+ setReplyOpen(null);
+ setReplyText('');
+ fetchPlugin();
+ } catch (err) {
+ console.error('Failed to submit reply', err);
+ alert('Failed to submit reply');
+ } finally {
+ setReplySubmitting(false);
+ }
+ };
+
const submitReport = async (e: React.FormEvent) => {
e.preventDefault();
const reason = reportSelected === 'Other' ? reportCustom.trim() : reportSelected;
@@ -390,6 +424,20 @@ const PluginDetail = () => {
{JSON.stringify(productSchema)}
+ {/* ── Early Access Banner ── */}
+ {plugin.is_early_access && (
+
+
+ )}
+
{/* ── Payment success banner ── */}
{showPaymentSuccess && (
⏳
+
+
+ Early Access Plugin
+
+ This plugin is currently in Early Access. It is still under active development and may contain bugs or incomplete features.
+ Downloading it now helps support the developer and shape the future of the plugin!
+
+
@@ -514,13 +562,30 @@ const PluginDetail = () => {
))}
{r.comment}
+ + {/* Developer Reply */} + {r.developer_reply && ( +
+
+ )}
- {/* Review Report Button/Form */}
-
+ Developer Response
+ {formatDate(r.replied_at)}
+
+ {r.developer_reply}
+
+ {/* Review Report & Reply Buttons */}
+
{reportedReviews.has(r.id) ? (
✓ Report submitted
) : reviewReportOpen === r.id ? ( - + ) : replyOpen === r.id ? ( +