@the-it-dept/bugsplat-react 0.0.2

package/dist/components/HistoryList.d.ts

@@ -0,0 +1,9 @@
+import { SplatClient } from '../api/client';
+
+interface HistoryListProps {
+    client: SplatClient;
+    onSelectReport: (id: string) => void;
+    previewMode?: boolean;
+}
+export declare function HistoryList({ client, onSelectReport, previewMode }: HistoryListProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ReportDetail.d.ts

@@ -0,0 +1,10 @@
+import { SplatClient } from '../api/client';
+
+interface ReportDetailProps {
+    client: SplatClient;
+    reportId: string;
+    onBack: () => void;
+    previewMode?: boolean;
+}
+export declare function ReportDetail({ client, reportId, onBack, previewMode }: ReportDetailProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ReportForm.d.ts

@@ -0,0 +1,11 @@
+import { SplatClient } from '../api/client';
+import { Report } from '../types';
+
+interface ReportFormProps {
+    client: SplatClient;
+    defaultEmail: string;
+    placeholder?: string;
+    onSubmit: (report: Report, token: string) => void;
+}
+export declare function ReportForm({ client, defaultEmail, placeholder, onSubmit }: ReportFormProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/dev.d.ts

@@ -0,0 +1 @@
+

package/dist/hooks/useReporter.d.ts

@@ -0,0 +1,7 @@
+export declare function useReporter(apiKey: string): {
+    reporterToken: string | null;
+    email: string | null;
+    setReporterToken: (token: string) => void;
+    setEmail: (email: string) => void;
+    clearReporter: () => void;
+};

package/dist/index.d.ts

@@ -0,0 +1,20 @@
+import { SplatConfig, WidgetConfig } from './types';
+
+export type { SplatConfig, Report, ReportStatus, WidgetConfig } from './types';
+export { Widget, Widget as SplatWidget } from './Widget';
+export { useReporter } from './hooks/useReporter';
+export { SplatClient } from './api/client';
+export interface SplatInstance {
+    /** Update widget configuration and re-render */
+    update: (config: Partial<SplatConfig> & Partial<WidgetConfig>) => void;
+    /** Destroy widget and clean up */
+    destroy: () => void;
+    /** Open the widget (for trigger mode) */
+    trigger: () => void;
+    /** Close the widget (for trigger mode) */
+    close: () => void;
+}
+/**
+ * Initialize the Splat widget and mount it to the DOM
+ */
+export declare function init(config: SplatConfig): SplatInstance;

package/dist/types/index.d.ts

@@ -0,0 +1,60 @@
+export interface SplatConfig {
+    apiKey: string;
+    apiUrl?: string;
+    /**
+     * Position of the widget button.
+     * - 'bottom-right' / 'bottom-left': Floating button in corner
+     * - 'trigger': No button shown, use trigger() method to open as modal
+     */
+    position?: 'bottom-right' | 'bottom-left' | 'trigger';
+    primaryColor?: string;
+    onSubmit?: (report: Report) => void;
+    /** Container element or selector to constrain widget to (default: document.body) */
+    container?: HTMLElement | string;
+    /** Preview mode: skip API fetch and use these values directly */
+    previewMode?: boolean;
+    buttonText?: string;
+    accentColor?: string;
+    theme?: 'light' | 'dark';
+    title?: string;
+    placeholder?: string;
+    historyEnabled?: boolean;
+}
+export interface WidgetConfig {
+    position: 'bottom-right' | 'bottom-left' | 'trigger';
+    buttonText: string;
+    accentColor: string;
+    theme: 'light' | 'dark';
+    title: string;
+    placeholder: string;
+    /** Whether reporters can view their submission history */
+    historyEnabled: boolean;
+}
+export interface Report {
+    id: string;
+    title: string;
+    description: string;
+    email: string;
+    status: ReportStatus;
+    githubIssueUrl?: string;
+    createdAt: string;
+}
+export type ReportStatus = 'pending' | 'open' | 'closed';
+export interface ReportSummary {
+    id: string;
+    title: string;
+    status: ReportStatus;
+    githubIssueUrl?: string;
+    createdAt: string;
+}
+export interface Comment {
+    id: string;
+    authorLogin: string;
+    authorAvatarUrl?: string;
+    body: string;
+    createdAt: string;
+}
+export interface ReportDetail extends Report {
+    comments: Comment[];
+}
+export type { ReportMetadata } from '../utils/metadata';

package/dist/utils/metadata.d.ts

@@ -0,0 +1,25 @@
+export interface ReportMetadata {
+    url: string;
+    referrer: string;
+    pageTitle: string;
+    userAgent: string;
+    browser: string;
+    browserVersion: string;
+    platform: string;
+    language: string;
+    cookiesEnabled: boolean;
+    screenWidth: number;
+    screenHeight: number;
+    viewportWidth: number;
+    viewportHeight: number;
+    devicePixelRatio: number;
+    colorDepth: number;
+    timestamp: string;
+    timezone: string;
+    timezoneOffset: number;
+    connection?: string;
+}
+/**
+ * Collect comprehensive browser/device metadata for bug reports
+ */
+export declare function collectMetadata(): ReportMetadata;

package/package.json

@@ -0,0 +1,42 @@
+{
+  "name": "@the-it-dept/bugsplat-react",
+  "version": "0.0.2",
+  "description": "Embeddable bug report widget for BugSplat",
+  "type": "module",
+  "main": "./dist/bugsplat.umd.cjs",
+  "module": "./dist/bugsplat.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/bugsplat.js",
+      "require": "./dist/bugsplat.umd.cjs",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "preview": "vite preview",
+    "lint": "eslint src --ext ts,tsx"
+  },
+  "dependencies": {
+    "html2canvas": "^1.4.1"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@vitejs/plugin-react": "^4.2.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "typescript": "^5.3.0",
+    "vite": "^5.0.0",
+    "vite-plugin-dts": "^3.7.0"
+  }
+}