@ewjdev/anyclick-react 1.1.1 → 1.3.0

package/README.md

@@ -53,12 +53,12 @@ That's it! Users can now right-click any element to submit feedback.
 
 | Prop              | Type                       | Description                                    |
 | ----------------- | -------------------------- | ---------------------------------------------- |
-| `adapter`         | `FeedbackAdapter`          | Required. The adapter for submitting feedback  |
-| `menuItems`       | `FeedbackMenuItem[]`       | Custom menu items                              |
+| `adapter`         | `AnyclickAdapter`          | Required. The adapter for submitting anyclick  |
+| `menuItems`       | `ContextMenuItem[]`        | Custom menu items                              |
 | `metadata`        | `Record<string, unknown>`  | Additional data included with every submission |
 | `theme`           | `AnyclickTheme \| null`    | Theme configuration (inherits from parent)     |
 | `scoped`          | `boolean`                  | Limit capture to this provider's children only |
-| `disabled`        | `boolean`                  | Disable feedback capture                       |
+| `disabled`        | `boolean`                  | Disable anyclick capture                       |
 | `onSubmitSuccess` | `(payload) => void`        | Success callback                               |
 | `onSubmitError`   | `(error, payload) => void` | Error callback                                 |
 
@@ -188,6 +188,34 @@ const userContext = { roles: ["user", "developer"] };
 const menuItems = filterMenuItemsByRole(allMenuItems, userContext);
 ```
 
+## Role-Based Presets
+
+Skip hand-authoring menus by pulling in a preset for common roles. Coming-soon actions stay visible with a badge but are disabled by default.
+
+```tsx
+import { AnyclickProvider, createPresetMenu } from "@ewjdev/anyclick-react";
+
+const qaPreset = createPresetMenu("qa");
+// Or: listPresets() to show available roles, createPresetMenu("developer", { includeComingSoon: false })
+
+<AnyclickProvider
+  adapter={adapter}
+  menuItems={qaPreset.menuItems}
+  screenshotConfig={qaPreset.screenshotConfig}
+  metadata={qaPreset.metadata}
+  theme={qaPreset.theme}
+>
+  {children}
+</AnyclickProvider>;
+```
+
+Preset defaults (examples):
+
+- QA: bug / repro / UX papercut + “Performance trace” (coming soon)
+- PM: feature idea / UX papercut + “Impact sizing” (coming soon)
+- Designer: visual bug / accessibility + “Motion glitch” (coming soon)
+- Developer: bug / refactor + diagnostics submenu (console/network traces marked coming soon)
+
 ## Highlight Configuration
 
 ```tsx