@uxbertlabs/reportly 1.0.1 → 1.0.3

package/dist/types.d.ts

@@ -0,0 +1,95 @@
+export interface ReportlyConfig {
+    ui: {
+        position: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
+        theme: 'light' | 'dark';
+    };
+    features: {
+        annotation: boolean;
+        deviceInfo: boolean;
+    };
+}
+export interface IssueData {
+    title: string;
+    description: string;
+    priority: 'Low' | 'Medium' | 'High' | 'Critical';
+}
+export interface CompleteIssue extends IssueData {
+    screenshot: string;
+    deviceInfo: DeviceInfoData;
+    createdAt: string;
+}
+export interface DeviceInfoData {
+    browser: string;
+    os: string;
+    screenResolution: string;
+    viewport: string;
+    url: string;
+    timestamp: string;
+    userAgent: string;
+    language: string;
+    platform: string;
+    cookiesEnabled: boolean;
+    onLine: boolean;
+}
+export interface SavedIssue extends CompleteIssue {
+    savedAt: string;
+    id: number;
+}
+export interface ButtonCallbacks {
+    onClick: () => void;
+}
+export interface ModalCallbacks {
+    onSubmit: (issueData: IssueData) => void;
+    onClose: () => void;
+    onAnnotate: () => void;
+    onRetake: () => void;
+}
+export interface ToolbarCallbacks {
+    onToolChange: (tool: AnnotationTool) => void;
+    onColorChange: (color: string) => void;
+    onUndo: () => void;
+    onClear: () => void;
+    onDone: () => void;
+    onExit: () => void;
+}
+export type AnnotationTool = 'pen' | 'arrow' | 'rectangle' | 'text';
+export type StateType = 'idle' | 'annotating' | 'capturing';
+export interface Point {
+    x: number;
+    y: number;
+}
+export interface BaseAnnotation {
+    tool: AnnotationTool;
+    color: string;
+}
+export interface PenAnnotation extends BaseAnnotation {
+    tool: 'pen';
+    path: Point[];
+    lineWidth: number;
+}
+export interface ArrowAnnotation extends BaseAnnotation {
+    tool: 'arrow';
+    startX: number;
+    startY: number;
+    endX: number;
+    endY: number;
+}
+export interface RectangleAnnotation extends BaseAnnotation {
+    tool: 'rectangle';
+    startX: number;
+    startY: number;
+    endX: number;
+    endY: number;
+}
+export interface TextAnnotation extends BaseAnnotation {
+    tool: 'text';
+    x: number;
+    y: number;
+    text: string;
+}
+export type Annotation = PenAnnotation | ArrowAnnotation | RectangleAnnotation | TextAnnotation;
+export type EventCallback = (data: any) => void;
+export interface EventListeners {
+    [event: string]: EventCallback[];
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE;QACF,QAAQ,EAAE,cAAc,GAAG,aAAa,GAAG,WAAW,GAAG,UAAU,CAAC;QACpE,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC;KACzB,CAAC;IACF,QAAQ,EAAE;QACR,UAAU,EAAE,OAAO,CAAC;QACpB,UAAU,EAAE,OAAO,CAAC;KACrB,CAAC;CACH;AAED,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,UAAU,CAAC;CAClD;AAED,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,cAAc,CAAC;IAC3B,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,gBAAgB,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,OAAO,CAAC;IACxB,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,UAAW,SAAQ,aAAa;IAC/C,OAAO,EAAE,MAAM,CAAC;IAChB,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACzC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,gBAAgB;IAC/B,YAAY,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IAC7C,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,OAAO,GAAG,WAAW,GAAG,MAAM,CAAC;AAEpE,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,YAAY,GAAG,WAAW,CAAC;AAE5D,MAAM,WAAW,KAAK;IACpB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,cAAc,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,aAAc,SAAQ,cAAc;IACnD,IAAI,EAAE,KAAK,CAAC;IACZ,IAAI,EAAE,KAAK,EAAE,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACrD,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,mBAAoB,SAAQ,cAAc;IACzD,IAAI,EAAE,WAAW,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,cAAe,SAAQ,cAAc;IACpD,IAAI,EAAE,MAAM,CAAC;IACb,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,MAAM,UAAU,GAAG,aAAa,GAAG,eAAe,GAAG,mBAAmB,GAAG,cAAc,CAAC;AAEhG,MAAM,MAAM,aAAa,GAAG,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;AAEhD,MAAM,WAAW,cAAc;IAC7B,CAAC,KAAK,EAAE,MAAM,GAAG,aAAa,EAAE,CAAC;CAClC"}

package/dist/ui/button.d.ts

@@ -0,0 +1,14 @@
+import type { ButtonCallbacks } from '../types';
+import type Config from '../core/config';
+declare class Button {
+    private config;
+    private callbacks;
+    private button;
+    constructor(config: Config, callbacks: ButtonCallbacks);
+    create(): HTMLButtonElement;
+    show(): void;
+    hide(): void;
+    destroy(): void;
+}
+export default Button;
+//# sourceMappingURL=button.d.ts.map

package/dist/ui/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/ui/button.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,KAAK,MAAM,MAAM,gBAAgB,CAAC;AAEzC,cAAM,MAAM;IACV,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,SAAS,CAAkB;IACnC,OAAO,CAAC,MAAM,CAA2B;gBAE7B,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,eAAe;IAMtD,MAAM,IAAI,iBAAiB;IAgB3B,IAAI,IAAI,IAAI;IAMZ,IAAI,IAAI,IAAI;IAMZ,OAAO,IAAI,IAAI;CAMhB;AAED,eAAe,MAAM,CAAC"}

package/dist/ui/modal.d.ts

@@ -0,0 +1,18 @@
+import type { ModalCallbacks } from '../types';
+import type Config from '../core/config';
+declare class Modal {
+    private callbacks;
+    private overlay;
+    private modal;
+    constructor(_config: Config, callbacks: ModalCallbacks);
+    create(): HTMLDivElement;
+    private attachEventListeners;
+    private handleSubmit;
+    open(): void;
+    close(): void;
+    setScreenshot(screenshot: string | null): void;
+    private reset;
+    destroy(): void;
+}
+export default Modal;
+//# sourceMappingURL=modal.d.ts.map

package/dist/ui/modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../src/ui/modal.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAa,MAAM,UAAU,CAAC;AAC1D,OAAO,KAAK,MAAM,MAAM,gBAAgB,CAAC;AAEzC,cAAM,KAAK;IACT,OAAO,CAAC,SAAS,CAAiB;IAClC,OAAO,CAAC,OAAO,CAAwB;IACvC,OAAO,CAAC,KAAK,CAAwB;gBAEzB,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,cAAc;IAMtD,MAAM,IAAI,cAAc;IA+ExB,OAAO,CAAC,oBAAoB;IA0C5B,OAAO,CAAC,YAAY;IA2BpB,IAAI,IAAI,IAAI;IAIZ,KAAK,IAAI,IAAI;IAQb,aAAa,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAc9C,OAAO,CAAC,KAAK;IASb,OAAO,IAAI,IAAI;CAOhB;AAED,eAAe,KAAK,CAAC"}

package/dist/ui/toolbar.d.ts

@@ -0,0 +1,20 @@
+import type { ToolbarCallbacks, AnnotationTool } from '../types';
+declare class Toolbar {
+    private callbacks;
+    private toolbar;
+    private toggleButton;
+    private isToolbarExpanded;
+    private currentTool;
+    private currentColor;
+    constructor(callbacks: ToolbarCallbacks);
+    create(): HTMLDivElement;
+    private attachEventListeners;
+    setTool(tool: AnnotationTool): void;
+    setColor(color: string): void;
+    private toggleToolbar;
+    show(): void;
+    hide(): void;
+    destroy(): void;
+}
+export default Toolbar;
+//# sourceMappingURL=toolbar.d.ts.map

package/dist/ui/toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../src/ui/toolbar.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAEjE,cAAM,OAAO;IACX,OAAO,CAAC,SAAS,CAAmB;IACpC,OAAO,CAAC,OAAO,CAAwB;IACvC,OAAO,CAAC,YAAY,CAA2B;IAC/C,OAAO,CAAC,iBAAiB,CAAU;IACnC,OAAO,CAAC,WAAW,CAAiB;IACpC,OAAO,CAAC,YAAY,CAAS;gBAEjB,SAAS,EAAE,gBAAgB;IASvC,MAAM,IAAI,cAAc;IAiDxB,OAAO,CAAC,oBAAoB;IAqE5B,OAAO,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI;IAcnC,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAc7B,OAAO,CAAC,aAAa;IAarB,IAAI,IAAI,IAAI;IAqBZ,IAAI,IAAI,IAAI;IAUZ,OAAO,IAAI,IAAI;CAUhB;AAED,eAAe,OAAO,CAAC"}

package/package.json

@@ -1,9 +1,18 @@
 {
   "name": "@uxbertlabs/reportly",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "A simple JavaScript plugin for reporting UI issues with screenshots and annotations",
-  "main": "dist/reportly.js",
+  "main": "dist/reportly.cjs.js",
+  "module": "dist/reportly.esm.js",
+  "types": "dist/core/init.d.ts",
   "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/reportly.esm.js",
+      "require": "./dist/reportly.cjs.js",
+      "types": "./dist/core/init.d.ts"
+    }
+  },
   "files": [
     "dist"
   ],
@@ -23,8 +32,12 @@
   "devDependencies": {
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-typescript": "^12.1.4",
+    "@types/html2canvas": "^0.5.35",
     "rollup": "^4.9.0",
-    "rollup-plugin-postcss": "^4.0.2"
+    "rollup-plugin-postcss": "^4.0.2",
+    "tslib": "^2.8.1",
+    "typescript": "^5.9.3"
   },
   "dependencies": {
     "html2canvas": "^1.4.1"