@alliance-droid/status-feedback-system 1.4.0 → 2.0.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## 2.0.0
+
+### Breaking Changes
+
+- `userEmail` prop on `DevFeedback` is now **required** (was optional). Pass the authenticated user's email; pass an empty string when no user is signed in.
+- Widget renders nothing (no bubble, no context menu) when `userEmail` is empty. The previous lock-screen UI for unauthenticated users is removed.
+- Anonymous feedback submission is no longer possible through the widget.
+
+### Added
+
+- Dev-mode console warning when `userEmail` is empty, to surface misconfigurations in consumer apps.
+
 ## 1.3.0
 
 - Add composable FeedbackBoard components (FeedbackSidebar, FeedbackList, FeedbackItem, FeedbackDetail, FeedbackSubmitForm)

package/dist/components/DevFeedback.svelte

@@ -31,8 +31,14 @@
 		showOnboarding?: boolean;
 		/** URL to the feedback board page. If omitted, "View Open Issues" is hidden from the context menu. */
 		boardUrl?: string;
-		/** Authenticated user email. Required for submitting feedback. */
-		userEmail?: string;
+		/**
+		 * Authenticated user email. Required.
+		 *
+		 * Pass an empty string when the user is not signed in — the widget will
+		 * render nothing (no floating bubble, no menu, no form). Anonymous
+		 * feedback is not supported.
+		 */
+		userEmail: string;
 		/**
 		 * Custom screenshot provider. When supplied, this is called instead of
 		 * the default html2canvas client-side capture. Use this to delegate
@@ -54,6 +60,21 @@
 		screenshotProvider,
 	}: Props = $props();
 
+	// Dev-mode warning when userEmail is empty
+	$effect(() => {
+		if (!userEmail && typeof console !== 'undefined') {
+			// eslint-disable-next-line no-restricted-globals -- safe typeof guard for universal code
+			const proc = typeof globalThis !== 'undefined' ? (globalThis as Record<string, unknown>).process as { env?: Record<string, string> } | undefined : undefined;
+			const env = proc?.env?.NODE_ENV || 'development';
+			if (env !== 'production') {
+				console.warn(
+					'[status-feedback-system] <DevFeedback> was rendered with an empty userEmail. ' +
+					"The widget will not appear. Pass the authenticated user's email, or do not render <DevFeedback> when no user is signed in.",
+				);
+			}
+		}
+	});
+
 	// --- Client (lazy, stable) ---
 	let client: StatusClient | null = $state(null);
 	let lastApiUrl = '';
@@ -70,6 +91,7 @@
 
 	// --- Environment gate ---
 	let isEnabled = $state(false);
+	let hasUserEmail = $derived(!!userEmail);
 
 	// --- State ---
 	let menuOpen = $state(false);
@@ -125,7 +147,7 @@
 	let formTitle = $state('');
 	let formMessage = $state('');
 
-	let isAuthenticated = $derived(!!userEmail);
+
 	let submitting = $state(false);
 	let submitResult = $state<'success' | 'error' | null>(null);
 
@@ -171,7 +193,7 @@
 	const ONBOARDING_KEY = 'sf-devfeedback-onboarded';
 
 	onMount(() => {
-		isEnabled = detectEnvironment(enabled);
+		isEnabled = detectEnvironment(enabled) && !!userEmail;
 		if (!isEnabled) return;
 
 		// Hook console.error
@@ -258,7 +280,7 @@
 	}
 
 	async function handleSubmit() {
-		if (!formMessage.trim() || !isAuthenticated) return;
+		if (!formMessage.trim() || !hasUserEmail) return;
 		submitting = true;
 		submitResult = null;
 
@@ -381,11 +403,6 @@
 								{formType === 'bug' ? "We'll look into this." : "Thanks for the suggestion!"}
 							</p>
 						</div>
-					{:else if !isAuthenticated}
-						<div class="text-center py-6 text-foreground-tertiary">
-							<i class="fa-solid fa-lock text-2xl" aria-hidden="true"></i>
-							<p class="mt-2 text-sm">Sign in to submit feedback</p>
-						</div>
 					{:else}
 						<div class="flex items-center gap-1.5 text-xs text-foreground-tertiary">
 							<i class="fa-solid fa-user" aria-hidden="true"></i>
@@ -482,7 +499,7 @@
 				</div>
 
 				<!-- Footer -->
-				{#if submitResult !== 'success' && isAuthenticated}
+				{#if submitResult !== 'success' && hasUserEmail}
 					<div class="flex justify-end gap-2 px-5 py-4 border-t border-border shrink-0">
 						<Button variant="neutral" style="outline" onclick={() => (formOpen = false)}>
 							Cancel

package/dist/components/DevFeedback.svelte.d.ts

@@ -10,8 +10,14 @@ interface Props {
     showOnboarding?: boolean;
     /** URL to the feedback board page. If omitted, "View Open Issues" is hidden from the context menu. */
     boardUrl?: string;
-    /** Authenticated user email. Required for submitting feedback. */
-    userEmail?: string;
+    /**
+     * Authenticated user email. Required.
+     *
+     * Pass an empty string when the user is not signed in — the widget will
+     * render nothing (no floating bubble, no menu, no form). Anonymous
+     * feedback is not supported.
+     */
+    userEmail: string;
     /**
      * Custom screenshot provider. When supplied, this is called instead of
      * the default html2canvas client-side capture. Use this to delegate

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alliance-droid/status-feedback-system",
-  "version": "1.4.0",
+  "version": "2.0.0",
   "type": "module",
   "description": "Drop-in system status pages and user feedback forms for SvelteKit apps",
   "svelte": "./dist/index.js",