feedback-vos 1.0.29 → 1.0.31

package/README.md

@@ -4,7 +4,7 @@ A beautiful, customizable feedback widget for Next.js applications with built-in
 
 ## Features
 
-- 🎨 Modern and responsive design
+- 🎨 Modern and responsive design with dark/light theme support
 - 📸 Screenshot functionality
 - 🎯 Three feedback types: Bug, Idea, Other
 - ⚡ Built for Next.js 14+ (App Router)
@@ -37,6 +37,7 @@ export default function RootLayout({ children }: { children: React.ReactNode })
           }}
           position={process.env.NEXT_PUBLIC_FEEDBACK_POSITION as 'bottom-right' | 'bottom-left' | undefined}
           language={process.env.NEXT_PUBLIC_FEEDBACK_LANG as 'en' | 'nl' | undefined}
+          theme={process.env.NEXT_PUBLIC_FEEDBACK_THEME as 'light' | 'dark' | undefined}
         />
       </body>
     </html>
@@ -56,10 +57,26 @@ export default function RootLayout({ children }: { children: React.ReactNode })
    NEXT_PUBLIC_GITHUB_REPO=your-repo-name
    NEXT_PUBLIC_FEEDBACK_POSITION=bottom-right  # optional: bottom-left, top-right, top-left
    NEXT_PUBLIC_FEEDBACK_LANG=nl  # optional: 'nl' for Dutch, 'en' for English (default)
+   NEXT_PUBLIC_FEEDBACK_THEME=light
+   NEXT_PUBLIC_FEEDBACK_ENABLED=true  # optional: set to 'false' to disable widget (default: 'true')
    ```
 
 **Important:** `owner` and `repo` are case-sensitive. Ensure Issues are enabled in your repository.
 
+### Environment-Specific Configuration
+
+You can control widget visibility per environment using `NEXT_PUBLIC_FEEDBACK_ENABLED`:
+
+```env
+# Production - disable widget
+NEXT_PUBLIC_FEEDBACK_ENABLED=false
+
+# Staging - enable widget
+NEXT_PUBLIC_FEEDBACK_ENABLED=true
+```
+
+**Note:** The widget is enabled by default if `NEXT_PUBLIC_FEEDBACK_ENABLED` is not set, ensuring backward compatibility.
+
 ## API Reference
 
 ```typescript
@@ -73,6 +90,7 @@ interface WidgetProps {
   };
   position?: 'bottom-right' | 'bottom-left'; // or use NEXT_PUBLIC_FEEDBACK_POSITION env var
   language?: 'en' | 'nl'; // defaults to 'en', or use NEXT_PUBLIC_FEEDBACK_LANG env var
+  theme?: 'light' | 'dark'; // defaults to 'dark', or use NEXT_PUBLIC_FEEDBACK_THEME env var
 }
 ```
 

package/dist/index.d.mts

@@ -1,5 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
+type Theme = 'light' | 'dark';
 interface GitHubConfig {
     token: string;
     owner: string;
@@ -11,8 +12,9 @@ interface WidgetProps {
     githubConfig: GitHubConfig;
     position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
     language?: 'en' | 'nl';
+    theme?: Theme;
 }
 
-declare function Widget({ integration, githubConfig, position, language, }: WidgetProps): react_jsx_runtime.JSX.Element;
+declare function Widget({ integration, githubConfig, position, language, theme, }: WidgetProps): react_jsx_runtime.JSX.Element | null;
 
-export { type GitHubConfig, Widget, type WidgetProps };
+export { type GitHubConfig, type Theme, Widget, type WidgetProps };

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
+type Theme = 'light' | 'dark';
 interface GitHubConfig {
     token: string;
     owner: string;
@@ -11,8 +12,9 @@ interface WidgetProps {
     githubConfig: GitHubConfig;
     position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
     language?: 'en' | 'nl';
+    theme?: Theme;
 }
 
-declare function Widget({ integration, githubConfig, position, language, }: WidgetProps): react_jsx_runtime.JSX.Element;
+declare function Widget({ integration, githubConfig, position, language, theme, }: WidgetProps): react_jsx_runtime.JSX.Element | null;
 
-export { type GitHubConfig, Widget, type WidgetProps };
+export { type GitHubConfig, type Theme, Widget, type WidgetProps };