@launchsecure/launch-beacon 0.0.1

package/dist/transport/submit.d.ts

@@ -0,0 +1,3 @@
+import type { FeedbackPayload, SubmitResponse } from '../types';
+export declare function submitFeedback(endpoint: string, payload: FeedbackPayload, headers?: Record<string, string>): Promise<SubmitResponse>;
+//# sourceMappingURL=submit.d.ts.map

package/dist/transport/submit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"submit.d.ts","sourceRoot":"","sources":["../../src/transport/submit.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAEhE,wBAAsB,cAAc,CAClC,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,eAAe,EACxB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAC/B,OAAO,CAAC,cAAc,CAAC,CAgCzB"}

package/dist/types.d.ts

@@ -0,0 +1,88 @@
+export type Severity = 'bug' | 'idea' | 'ux' | 'a11y';
+export interface Pin {
+    number: number;
+    note?: string;
+    selector: string;
+    tagName: string;
+    id: string | null;
+    classList: string[];
+    outerHTML: string;
+    parentOuterHTML?: string;
+    computedStyles: Record<string, string>;
+    boundingRect: {
+        x: number;
+        y: number;
+        w: number;
+        h: number;
+    };
+    framework?: {
+        lib: 'react' | 'vue' | 'angular' | 'svelte' | null;
+        name?: string;
+    };
+}
+export interface Metadata {
+    url: string;
+    referrer?: string;
+    userAgent: string;
+    uaData?: {
+        brand: string;
+        mobile: boolean;
+        platform: string;
+    };
+    viewport: {
+        w: number;
+        h: number;
+        dpr: number;
+    };
+    screen: {
+        w: number;
+        h: number;
+    };
+    timezone: string;
+    locale: string;
+    theme?: 'light' | 'dark';
+    capturedAt: string;
+}
+export interface FeedbackPayload {
+    description: string;
+    severity: Severity;
+    screenshot?: {
+        dataUrl: string;
+        mime: 'image/jpeg';
+    };
+    metadata: Metadata;
+    pins: Pin[];
+    context?: Record<string, unknown>;
+}
+export type HeaderProvider = Record<string, string> | (() => Record<string, string>);
+export type ContextProvider = Record<string, unknown> | (() => Record<string, unknown>);
+export interface BeaconConfig {
+    endpoint: string;
+    headers?: HeaderProvider;
+    context?: ContextProvider;
+}
+export interface SubmitResponse {
+    ok: boolean;
+    status: number;
+    body: unknown;
+}
+export interface RawPinCapture {
+    selector: string;
+    tagName: string;
+    id: string | null;
+    classList: string[];
+    outerHTML: string;
+    parentOuterHTML?: string;
+    computedStyles: Record<string, string>;
+    boundingRect: {
+        x: number;
+        y: number;
+        w: number;
+        h: number;
+    };
+    framework?: {
+        lib: 'react' | 'vue' | 'angular' | 'svelte' | null;
+        name?: string;
+    };
+}
+//# 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":"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"}

package/dist/ui/button.d.ts

@@ -0,0 +1,2 @@
+export declare function createTriggerButton(label?: string): HTMLButtonElement;
+//# 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":"AAKA,wBAAgB,mBAAmB,CAAC,KAAK,SAAa,GAAG,iBAAiB,CAOzE"}

package/dist/ui/drawer.d.ts

@@ -0,0 +1,29 @@
+import type { Pin, Severity } from '../types';
+export interface DrawerCallbacks {
+    onClose: () => void;
+    onAnnotate: () => void;
+    onSubmit: () => void;
+    onPinNoteChange: (pinNumber: number, note: string) => void;
+    onPinDelete: (pinNumber: number) => void;
+    onDescriptionChange: (value: string) => void;
+    onSeverityChange: (sev: Severity) => void;
+}
+export declare class DrawerView {
+    readonly root: HTMLDivElement;
+    readonly bodyEl: HTMLDivElement;
+    private severities;
+    private callbacks;
+    private state;
+    constructor(severities: Severity[], callbacks: DrawerCallbacks);
+    open(): void;
+    close(): void;
+    minimize(): void;
+    setPins(pins: Pin[], annotatedScreenshot?: string): void;
+    setSubmitting(submitting: boolean): void;
+    setStatus(status: string, kind?: '' | 'error' | 'success'): void;
+    reset(): void;
+    getDescription(): string;
+    getSeverity(): Severity;
+    private render;
+}
+//# sourceMappingURL=drawer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../src/ui/drawer.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAI9C,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,eAAe,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,WAAW,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,gBAAgB,EAAE,CAAC,GAAG,EAAE,QAAQ,KAAK,IAAI,CAAC;CAC3C;AAED,qBAAa,UAAU;IACrB,QAAQ,CAAC,IAAI,EAAE,cAAc,CAAC;IAC9B,QAAQ,CAAC,MAAM,EAAE,cAAc,CAAC;IAChC,OAAO,CAAC,UAAU,CAAa;IAC/B,OAAO,CAAC,SAAS,CAAkB;IACnC,OAAO,CAAC,KAAK,CAQX;gBAEU,UAAU,EAAE,QAAQ,EAAE,EAAE,SAAS,EAAE,eAAe;IAiB9D,IAAI;IAKJ,KAAK;IAIL,QAAQ;IAKR,OAAO,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,mBAAmB,CAAC,EAAE,MAAM;IAMjD,aAAa,CAAC,UAAU,EAAE,OAAO;IAKjC,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,GAAE,EAAE,GAAG,OAAO,GAAG,SAAc;IAM7D,KAAK;IAaL,cAAc;IACd,WAAW;IAEX,OAAO,CAAC,MAAM;CAiGf"}

package/dist/ui/icons.d.ts

@@ -0,0 +1,9 @@
+export declare const ICONS: {
+    readonly feedback: "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"/></svg>";
+    readonly pin: "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 17v5\"/><path d=\"M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z\"/></svg>";
+    readonly close: "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M18 6 6 18\"/><path d=\"m6 6 12 12\"/></svg>";
+    readonly trash: "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 6h18\"/><path d=\"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6\"/><path d=\"M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\"/></svg>";
+    readonly send: "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"m22 2-7 20-4-9-9-4Z\"/><path d=\"M22 2 11 13\"/></svg>";
+    readonly check: "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><polyline points=\"20 6 9 17 4 12\"/></svg>";
+};
+//# sourceMappingURL=icons.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../src/ui/icons.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK;;;;;;;CAOR,CAAC"}

package/dist/ui/pin-popover.d.ts

@@ -0,0 +1,13 @@
+export interface PinPopoverResult {
+    note?: string;
+    cancelled: boolean;
+}
+export declare function showPinPopover(opts: {
+    shadowRoot: ShadowRoot;
+    anchor: {
+        x: number;
+        y: number;
+    };
+    pinNumber: number;
+}): Promise<PinPopoverResult>;
+//# sourceMappingURL=pin-popover.d.ts.map

package/dist/ui/pin-popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pin-popover.d.ts","sourceRoot":"","sources":["../../src/ui/pin-popover.ts"],"names":[],"mappings":"AAMA,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE;IACnC,UAAU,EAAE,UAAU,CAAC;IACvB,MAAM,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACjC,SAAS,EAAE,MAAM,CAAC;CACnB,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAsD5B"}

package/package.json

@@ -0,0 +1,61 @@
+{
+  "name": "@launchsecure/launch-beacon",
+  "version": "0.0.1",
+  "description": "Generic vanilla Web Component for in-app user feedback (screenshot + element pins + browser metadata).",
+  "license": "MIT",
+  "author": "LaunchSecure - AutomateWithUs",
+  "homepage": "https://automatewith.us",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/launchsecure/launchsecure-v2",
+    "directory": "packages/beacon"
+  },
+  "keywords": [
+    "feedback",
+    "bug-report",
+    "screenshot",
+    "annotation",
+    "web-component",
+    "vanilla",
+    "shadow-dom",
+    "launchsecure",
+    "launch-kit"
+  ],
+  "type": "module",
+  "main": "./dist/beacon.umd.js",
+  "module": "./dist/beacon.es.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/beacon.es.js",
+      "require": "./dist/beacon.umd.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "html-to-image": "^1.11.13"
+  },
+  "devDependencies": {
+    "@types/node": "^20.0.0",
+    "happy-dom": "^20.8.8",
+    "typescript": "^5.5.0",
+    "vite": "^5.4.11",
+    "vitest": "^1.6.0"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "scripts": {
+    "build": "vite build && tsc --emitDeclarationOnly --outDir dist",
+    "dev": "vite build --watch",
+    "test": "vitest run",
+    "test:watch": "vitest"
+  }
+}