@triagly/sdk 0.1.2 → 1.4.0-beta.2

package/README.md

@@ -2,12 +2,11 @@
 
 > JavaScript SDK for Triagly - Turn user feedback into GitHub issues instantly.
 
-Lightweight (<10KB gzipped) browser widget that captures user feedback with screenshots and automatically creates GitHub issues.
+Lightweight (<10KB gzipped) browser widget that captures user feedback and automatically creates issues in your tracker.
 
 ## Features
 
 - 🎨 **Beautiful UI Widget** - Clean, customizable feedback form
-- 📸 **Screenshot Capture** - Automatic page screenshots (with html2canvas)
 - 🐛 **Console Log Capture** - Automatically captures browser console errors and warnings for debugging
 - 🤖 **Bot Protection** - Cloudflare Turnstile integration to prevent spam
 - 🔒 **Secure Authentication** - Uses publishable keys with optional hardened mode
@@ -34,9 +33,6 @@ yarn add @triagly/sdk
 <!-- Include Cloudflare Turnstile for bot protection -->
 <script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>
 
-<!-- Include html2canvas for screenshot support (optional) -->
-<script src="https://cdn.jsdelivr.net/npm/html2canvas@1.4.1/dist/html2canvas.min.js"></script>
-
 <!-- Include Triagly SDK -->
 <script src="https://unpkg.com/@triagly/sdk/dist/index.min.js"></script>
 ```
@@ -419,25 +415,6 @@ try {
 
 See [Styling Guide](./docs/guides/STYLING.md) for all available variables and more examples.
 
-## Screenshot Support
-
-To enable screenshot capture, include html2canvas:
-
-```html
-<script src="https://cdn.jsdelivr.net/npm/html2canvas@1.4.1/dist/html2canvas.min.js"></script>
-```
-
-Or install via NPM and import in your bundle:
-
-```bash
-npm install html2canvas
-```
-
-```typescript
-import html2canvas from 'html2canvas';
-(window as any).html2canvas = html2canvas;
-```
-
 ## Console Log Capture
 
 The SDK automatically captures browser console messages (errors and warnings by default) to help developers debug issues.

package/dist/annotation.d.ts

@@ -0,0 +1,111 @@
+export type AnnotationTool = 'highlight' | 'arrow' | 'freehand' | 'text';
+export declare class AnnotationEditor {
+    private overlay;
+    private canvas;
+    private ctx;
+    private imageData;
+    private image;
+    private annotations;
+    private currentTool;
+    private currentColor;
+    private strokeWidth;
+    private isDrawing;
+    private currentAnnotation;
+    private onComplete;
+    private onCancel;
+    private scale;
+    private offsetX;
+    private offsetY;
+    private pendingTextPoint;
+    constructor(imageData: string, onComplete: (annotatedImage: string) => void, onCancel: () => void);
+    /**
+     * Open the annotation editor
+     */
+    open(): Promise<void>;
+    /**
+     * Load image from data URL
+     */
+    private loadImage;
+    /**
+     * Create the fullscreen overlay UI
+     */
+    private createOverlay;
+    /**
+     * Set up the canvas with correct dimensions
+     */
+    private setupCanvas;
+    /**
+     * Set up event listeners
+     */
+    private setupEventListeners;
+    private handleKeyDown;
+    /**
+     * Get canvas coordinates from mouse event
+     */
+    private getCanvasPoint;
+    /**
+     * Handle mouse down - start drawing
+     */
+    private handleMouseDown;
+    /**
+     * Show the text input modal
+     */
+    private showTextModal;
+    /**
+     * Hide the text input modal
+     */
+    private hideTextModal;
+    /**
+     * Confirm text annotation from modal
+     */
+    private confirmTextAnnotation;
+    /**
+     * Handle mouse move - continue drawing
+     */
+    private handleMouseMove;
+    /**
+     * Handle mouse up - finish drawing
+     */
+    private handleMouseUp;
+    /**
+     * Render the canvas with image and annotations
+     */
+    private render;
+    /**
+     * Draw a single annotation
+     */
+    private drawAnnotation;
+    /**
+     * Draw a semi-transparent highlight rectangle
+     */
+    private drawHighlight;
+    /**
+     * Draw an arrow from start to end
+     */
+    private drawArrow;
+    /**
+     * Draw a freehand path
+     */
+    private drawFreehand;
+    /**
+     * Draw text annotation
+     */
+    private drawText;
+    /**
+     * Close the editor
+     */
+    private close;
+    /**
+     * Render the final annotated image at full resolution
+     */
+    private renderFinalImage;
+    private drawHighlightOnCtx;
+    private drawArrowOnCtx;
+    private drawFreehandOnCtx;
+    private drawTextOnCtx;
+    /**
+     * Inject annotation editor styles
+     */
+    private injectStyles;
+}
+//# sourceMappingURL=annotation.d.ts.map

package/dist/annotation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"annotation.d.ts","sourceRoot":"","sources":["../src/annotation.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,CAAC;AAezE,qBAAa,gBAAgB;IAC3B,OAAO,CAAC,OAAO,CAA4B;IAC3C,OAAO,CAAC,MAAM,CAAkC;IAChD,OAAO,CAAC,GAAG,CAAyC;IACpD,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,KAAK,CAAiC;IAC9C,OAAO,CAAC,WAAW,CAAoB;IACvC,OAAO,CAAC,WAAW,CAA+B;IAClD,OAAO,CAAC,YAAY,CAAqB;IACzC,OAAO,CAAC,WAAW,CAAa;IAChC,OAAO,CAAC,SAAS,CAAkB;IACnC,OAAO,CAAC,iBAAiB,CAA2B;IACpD,OAAO,CAAC,UAAU,CAAmC;IACrD,OAAO,CAAC,QAAQ,CAAa;IAC7B,OAAO,CAAC,KAAK,CAAa;IAC1B,OAAO,CAAC,OAAO,CAAa;IAC5B,OAAO,CAAC,OAAO,CAAa;IAC5B,OAAO,CAAC,gBAAgB,CAAsB;gBAG5C,SAAS,EAAE,MAAM,EACjB,UAAU,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,EAC5C,QAAQ,EAAE,MAAM,IAAI;IAOtB;;OAEG;IACG,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;IAc3B;;OAEG;IACH,OAAO,CAAC,SAAS;IASjB;;OAEG;IACH,OAAO,CAAC,aAAa;IAuErB;;OAEG;IACH,OAAO,CAAC,WAAW;IA4CnB;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAsF3B,OAAO,CAAC,aAAa,CAInB;IAEF;;OAEG;IACH,OAAO,CAAC,cAAc;IAUtB;;OAEG;IACH,OAAO,CAAC,eAAe;IAoBvB;;OAEG;IACH,OAAO,CAAC,aAAa;IAWrB;;OAEG;IACH,OAAO,CAAC,aAAa;IASrB;;OAEG;IACH,OAAO,CAAC,qBAAqB;IAiB7B;;OAEG;IACH,OAAO,CAAC,eAAe;IAoBvB;;OAEG;IACH,OAAO,CAAC,aAAa;IASrB;;OAEG;IACH,OAAO,CAAC,MAAM;IAoBd;;OAEG;IACH,OAAO,CAAC,cAAc;IAyBtB;;OAEG;IACH,OAAO,CAAC,aAAa;IAgBrB;;OAEG;IACH,OAAO,CAAC,SAAS;IA4BjB;;OAEG;IACH,OAAO,CAAC,YAAY;IAapB;;OAEG;IACH,OAAO,CAAC,QAAQ;IA2BhB;;OAEG;IACH,OAAO,CAAC,KAAK;IAkBb;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAoDxB,OAAO,CAAC,kBAAkB;IAW1B,OAAO,CAAC,cAAc;IAiBtB,OAAO,CAAC,iBAAiB;IAUzB,OAAO,CAAC,aAAa;IAcrB;;OAEG;IACH,OAAO,CAAC,YAAY;CA2MrB"}

package/dist/api.d.ts

@@ -1,11 +1,12 @@
 import { FeedbackData, FeedbackMetadata, FeedbackResponse } from './types';
+export type Environment = 'production' | 'staging';
 export declare class TriaglyAPI {
     private apiUrl;
     private publishableKey;
     private getToken?;
     private turnstileSiteKey;
     private static readonly DEFAULT_TURNSTILE_SITE_KEY;
-    constructor(publishableKey: string, apiUrl?: string, getToken?: () => Promise<string>, turnstileSiteKey?: string);
+    constructor(publishableKey: string, environment?: Environment, apiUrl?: string, getToken?: () => Promise<string>, turnstileSiteKey?: string);
     /**
      * Get the Turnstile site key
      */

package/dist/api.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../src/api.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,YAAY,EACZ,gBAAgB,EAChB,gBAAgB,EACjB,MAAM,SAAS,CAAC;AAIjB,qBAAa,UAAU;IACrB,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,QAAQ,CAAC,CAAwB;IACzC,OAAO,CAAC,gBAAgB,CAAS;IAGjC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,0BAA0B,CAA8B;gBAG9E,cAAc,EAAE,MAAM,EACtB,MAAM,CAAC,EAAE,MAAM,EACf,QAAQ,CAAC,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,EAChC,gBAAgB,CAAC,EAAE,MAAM;IAS3B;;OAEG;IACH,mBAAmB,IAAI,MAAM;IAI7B;;OAEG;YACW,iBAAiB;IA4B/B;;OAEG;IACG,cAAc,CAClB,IAAI,EAAE,YAAY,EAClB,QAAQ,EAAE,gBAAgB,EAC1B,cAAc,CAAC,EAAE,MAAM,GACtB,OAAO,CAAC,gBAAgB,CAAC;CA2E7B"}
+{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../src/api.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,YAAY,EACZ,gBAAgB,EAChB,gBAAgB,EACjB,MAAM,SAAS,CAAC;AAOjB,MAAM,MAAM,WAAW,GAAG,YAAY,GAAG,SAAS,CAAC;AAEnD,qBAAa,UAAU;IACrB,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,QAAQ,CAAC,CAAwB;IACzC,OAAO,CAAC,gBAAgB,CAAS;IAGjC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,0BAA0B,CAA8B;gBAG9E,cAAc,EAAE,MAAM,EACtB,WAAW,GAAE,WAA0B,EACvC,MAAM,CAAC,EAAE,MAAM,EACf,QAAQ,CAAC,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,EAChC,gBAAgB,CAAC,EAAE,MAAM;IAU3B;;OAEG;IACH,mBAAmB,IAAI,MAAM;IAI7B;;OAEG;YACW,iBAAiB;IA4B/B;;OAEG;IACG,cAAc,CAClB,IAAI,EAAE,YAAY,EAClB,QAAQ,EAAE,gBAAgB,EAC1B,cAAc,CAAC,EAAE,MAAM,GACtB,OAAO,CAAC,gBAAgB,CAAC;CA2E7B"}

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,aAAa,EACb,YAAY,EACb,MAAM,SAAS,CAAC;AAKjB,qBAAa,OAAO;IAClB,OAAO,CAAC,MAAM,CAAgB;IAC9B,OAAO,CAAC,MAAM,CAAiB;IAC/B,OAAO,CAAC,GAAG,CAAa;IACxB,OAAO,CAAC,WAAW,CAAc;IACjC,OAAO,CAAC,aAAa,CAA8B;gBAEvC,MAAM,EAAE,aAAa;IAwDjC;;OAEG;IACH,OAAO,CAAC,IAAI;IAkBZ;;OAEG;YACW,YAAY;IAgE1B;;OAEG;IACH,IAAI,IAAI,IAAI;IAIZ;;OAEG;IACH,KAAK,IAAI,IAAI;IAIb;;;OAGG;IACG,MAAM,CAAC,IAAI,EAAE,YAAY,EAAE,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAqBxE;;OAEG;IACH,OAAO,IAAI,IAAI;CAKhB;AAGD,cAAc,SAAS,CAAC;AAexB,eAAe,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,aAAa,EACb,YAAY,EACb,MAAM,SAAS,CAAC;AAKjB,qBAAa,OAAO;IAClB,OAAO,CAAC,MAAM,CAAgB;IAC9B,OAAO,CAAC,MAAM,CAAiB;IAC/B,OAAO,CAAC,GAAG,CAAa;IACxB,OAAO,CAAC,WAAW,CAAc;IACjC,OAAO,CAAC,aAAa,CAA8B;gBAEvC,MAAM,EAAE,aAAa;IAyDjC;;OAEG;IACH,OAAO,CAAC,IAAI;IAkBZ;;OAEG;YACW,YAAY;IAwD1B;;OAEG;IACH,IAAI,IAAI,IAAI;IAIZ;;OAEG;IACH,KAAK,IAAI,IAAI;IAIb;;;OAGG;IACG,MAAM,CAAC,IAAI,EAAE,YAAY,EAAE,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAqBxE;;OAEG;IACH,OAAO,IAAI,IAAI;CAKhB;AAGD,cAAc,SAAS,CAAC;AAexB,eAAe,OAAO,CAAC"}