feedbackbasket-cli 0.9.0 → 0.9.1

package/README.md

@@ -141,6 +141,16 @@ feedbackbasket widget flow myapp --config ./feedback-flow.json
 feedbackbasket widget script myapp
 ```
 
+For inline trigger mode, load the widget once and call the public API from your own button:
+
+```html
+<button onclick="window.FeedbackWidget.openFeedbackForm({ trigger: event.currentTarget })">
+  Feedback
+</button>
+```
+
+Passing the trigger element lets popup mode open beside your custom button. Calling `window.FeedbackWidget.openFeedbackForm()` with no arguments still uses the configured widget position.
+
 Use `--email-read-only` and `--hide-email-when-prefilled` with runtime `userEmail` values from your app. These settings do not store visitor emails in FeedbackBasket widget settings.
 
 `widget flow --config` accepts either a `feedbackFlow` object or a JSON object with a `feedbackFlow` key. V1 supports guided mode with `text`, `textarea`, and `single_choice` follow-up questions.

package/dist/src/commands/widget.js

@@ -243,6 +243,7 @@ export function createWidgetCommand(getWriter) {
         const projectId = await resolveProjectId(client, projectArg);
         const result = await client.getWidgetScript(projectId);
         if (!writer.isMachineOutput()) {
+            const settingsResult = await client.getWidgetSettings(projectId);
             console.log(brand.bold(`Widget embed code for ${result.projectName}`));
             console.log(divider(50));
             console.log();
@@ -252,6 +253,7 @@ export function createWidgetCommand(getWriter) {
             console.log();
             console.log(brand.muted(`  Script URL: ${result.scriptUrl}`));
             console.log();
+            renderInlineTriggerHelp(settingsResult.settings);
         }
         writer.ok(result, {
             summary: `Embed code for "${result.projectName}"`,
@@ -341,6 +343,27 @@ function isRecord(value) {
 function stringValue(value) {
     return typeof value === 'string' ? value.trim() : '';
 }
+function renderInlineTriggerHelp(settings) {
+    if (settings.triggerMode !== 'inline')
+        return;
+    console.log(brand.bold('Custom inline trigger'));
+    console.log(divider(50));
+    console.log();
+    console.log(brand.muted('  Call this from your own button:'));
+    console.log();
+    console.log(`  ${brand.primary('<button onclick="window.FeedbackWidget.openFeedbackForm({ trigger: event.currentTarget })">')}`);
+    console.log(`  ${brand.primary('  Feedback')}`);
+    console.log(`  ${brand.primary('</button>')}`);
+    console.log();
+    if (settings.displayMode === 'popup') {
+        console.log(brand.muted('  Passing the trigger keeps popup mode anchored beside your custom button.'));
+    }
+    else {
+        console.log(brand.muted('  Modal mode stays centered; passing the trigger is safe for future popup changes.'));
+    }
+    console.log(brand.muted('  Existing calls to window.FeedbackWidget.openFeedbackForm() still work.'));
+    console.log();
+}
 function renderWidgetSettings(projectName, settings) {
     console.log(brand.bold(`Widget settings — ${projectName}`));
     console.log(divider(40));

package/dist/src/version.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "0.9.0";
-export declare const USER_AGENT = "FeedbackBasket-CLI/0.9.0";
+export declare const VERSION = "0.9.1";
+export declare const USER_AGENT = "FeedbackBasket-CLI/0.9.1";

package/dist/src/version.js

@@ -1,2 +1,2 @@
-export const VERSION = '0.9.0';
+export const VERSION = '0.9.1';
 export const USER_AGENT = `FeedbackBasket-CLI/${VERSION}`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "feedbackbasket-cli",
-  "version": "0.9.0",
+  "version": "0.9.1",
   "description": "Command-line interface for FeedbackBasket — manage feedback from your terminal",
   "type": "module",
   "main": "dist/src/cli.js",

package/skills/feedbackbasket/SKILL.md

@@ -109,6 +109,24 @@ feedbackbasket widget flow <project> --reset-default --enable
 feedbackbasket widget flow <project> --config ./feedback-flow.json
 ```
 
+For inline trigger mode, load the widget once and call the public API from the host app's custom button:
+
+```html
+<button onclick="window.FeedbackWidget.openFeedbackForm({ trigger: event.currentTarget })">
+  Feedback
+</button>
+```
+
+In React:
+
+```tsx
+<button onClick={(event) => window.FeedbackWidget.openFeedbackForm({ trigger: event.currentTarget })}>
+  Feedback
+</button>
+```
+
+Passing the trigger element lets popup mode open beside the custom button. Calling `window.FeedbackWidget.openFeedbackForm()` with no arguments still uses the configured widget position.
+
 `email-read-only` and `hide-email-when-prefilled` control behavior only when the host app passes a runtime `userEmail` value. Do not store visitor emails in widget settings.
 
 `widget flow --config` accepts either a `feedbackFlow` object or a JSON object with a `feedbackFlow` key. Use it when an agent needs to customize visitor choices such as Bug report, Feature request, and General feedback. Supported v1 question types are `text`, `textarea`, and `single_choice`.