@limekex/bugreport-widget-sdk 0.1.0

package/dist/widget/modal.js

@@ -0,0 +1,493 @@
+import { buildReportPayload } from '../utils/payloadBuilder';
+import { submitReport } from '../utils/apiClient';
+import { capturePageScreenshot } from '../utils/screenshotCapture';
+const SUCCESS_AUTO_CLOSE_DELAY_MS = 4000;
+const MODAL_ID = '__bugreport_modal__';
+const OVERLAY_ID = '__bugreport_overlay__';
+const STYLE_ID = '__bugreport_styles__';
+// ── CSS ──────────────────────────────────────────────────────────────────────
+// Injected once as a <style> tag so the modal has a polished, production-ready
+// look without requiring a CSS framework or React.
+function injectStyles() {
+    if (document.getElementById(STYLE_ID))
+        return;
+    const style = document.createElement('style');
+    style.id = STYLE_ID;
+    style.textContent = `
+    /* ── Overlay ─────────────────────────────────────────────── */
+    #${OVERLAY_ID} {
+      position: fixed; inset: 0;
+      background: rgba(0,0,0,0.5);
+      backdrop-filter: blur(2px);
+      z-index: 10000;
+      display: flex; align-items: center; justify-content: center;
+      padding: 16px;
+      animation: __br_fade_in 0.15s ease-out;
+    }
+    @keyframes __br_fade_in {
+      from { opacity: 0; }
+      to   { opacity: 1; }
+    }
+
+    /* ── Modal panel ────────────────────────────────────────── */
+    #${MODAL_ID} {
+      background: #fff;
+      border-radius: 12px;
+      padding: 28px 24px 24px;
+      width: 100%;
+      max-width: 560px;
+      max-height: 90vh;
+      overflow-y: auto;
+      font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+      font-size: 14px;
+      color: #1f2937;
+      box-shadow: 0 25px 60px rgba(0,0,0,0.25), 0 0 0 1px rgba(0,0,0,0.05);
+      animation: __br_slide_up 0.2s ease-out;
+    }
+    @keyframes __br_slide_up {
+      from { opacity: 0; transform: translateY(12px) scale(0.98); }
+      to   { opacity: 1; transform: translateY(0) scale(1); }
+    }
+
+    /* ── Header ─────────────────────────────────────────────── */
+    .__br_header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-bottom: 20px;
+    }
+    .__br_title {
+      margin: 0;
+      font-size: 18px;
+      font-weight: 700;
+      color: #111827;
+    }
+    .__br_close_btn {
+      background: none; border: none;
+      font-size: 18px; cursor: pointer;
+      color: #9ca3af;
+      width: 32px; height: 32px;
+      display: flex; align-items: center; justify-content: center;
+      border-radius: 6px;
+      transition: background 0.15s, color 0.15s;
+    }
+    .__br_close_btn:hover { background: #f3f4f6; color: #374151; }
+
+    /* ── Form fields ────────────────────────────────────────── */
+    .__br_field {
+      margin-bottom: 16px;
+    }
+    .__br_label {
+      display: block;
+      font-weight: 600;
+      margin-bottom: 5px;
+      color: #374151;
+      font-size: 13px;
+    }
+    .__br_required {
+      color: #dc2626;
+      margin-left: 2px;
+    }
+    .__br_input,
+    .__br_select,
+    .__br_textarea {
+      width: 100%;
+      box-sizing: border-box;
+      padding: 9px 12px;
+      border: 1px solid #d1d5db;
+      border-radius: 8px;
+      font-size: 13px;
+      font-family: inherit;
+      color: #1f2937;
+      background: #fff;
+      transition: border-color 0.15s, box-shadow 0.15s;
+    }
+    .__br_input:focus,
+    .__br_select:focus,
+    .__br_textarea:focus {
+      outline: none;
+      border-color: #e11d48;
+      box-shadow: 0 0 0 3px rgba(225,29,72,0.1);
+    }
+    .__br_textarea {
+      resize: vertical;
+      min-height: 60px;
+    }
+    .__br_select {
+      appearance: auto;
+    }
+    .__br_hint {
+      margin: 4px 0 0;
+      font-size: 12px;
+      color: #9ca3af;
+    }
+
+    /* ── Screenshot section ──────────────────────────────────── */
+    .__br_screenshot_row {
+      display: flex;
+      gap: 8px;
+      align-items: center;
+      flex-wrap: wrap;
+    }
+    .__br_capture_btn {
+      display: inline-flex;
+      align-items: center;
+      gap: 6px;
+      padding: 7px 14px;
+      background: #f3f4f6;
+      border: 1px solid #d1d5db;
+      border-radius: 8px;
+      font-size: 13px;
+      font-family: inherit;
+      cursor: pointer;
+      color: #374151;
+      transition: background 0.15s, border-color 0.15s;
+      white-space: nowrap;
+    }
+    .__br_capture_btn:hover { background: #e5e7eb; border-color: #9ca3af; }
+    .__br_capture_btn:disabled { opacity: 0.5; cursor: not-allowed; }
+    .__br_capture_preview {
+      margin-top: 8px;
+      max-width: 100%;
+      max-height: 120px;
+      border-radius: 6px;
+      border: 1px solid #e5e7eb;
+    }
+    .__br_or_divider {
+      font-size: 12px;
+      color: #9ca3af;
+    }
+
+    /* ── Status messages ─────────────────────────────────────── */
+    .__br_status_success {
+      margin-top: 12px;
+      padding: 10px 14px;
+      border-radius: 8px;
+      background: #d1fae5;
+      color: #065f46;
+      font-size: 13px;
+    }
+    .__br_status_success a { color: #065f46; font-weight: 600; }
+    .__br_status_error {
+      margin-top: 12px;
+      padding: 10px 14px;
+      border-radius: 8px;
+      background: #fee2e2;
+      color: #991b1b;
+      font-size: 13px;
+    }
+
+    /* ── Submit button ───────────────────────────────────────── */
+    .__br_submit_btn {
+      margin-top: 18px;
+      width: 100%;
+      padding: 11px 16px;
+      background: #e11d48;
+      color: #fff;
+      border: none;
+      border-radius: 8px;
+      font-size: 14px;
+      font-weight: 600;
+      font-family: inherit;
+      cursor: pointer;
+      transition: background 0.15s, transform 0.1s;
+    }
+    .__br_submit_btn:hover:not(:disabled) { background: #be123c; }
+    .__br_submit_btn:active:not(:disabled) { transform: scale(0.99); }
+    .__br_submit_btn:disabled {
+      background: #9ca3af;
+      cursor: not-allowed;
+    }
+
+    /* ── Responsive (narrow viewports) ──────────────────────── */
+    @media (max-width: 480px) {
+      #${MODAL_ID} {
+        padding: 20px 16px 16px;
+        border-radius: 12px 12px 0 0;
+        max-height: 95vh;
+      }
+      #${OVERLAY_ID} {
+        align-items: flex-end;
+        padding: 0;
+      }
+    }
+  `;
+    document.head.appendChild(style);
+}
+// ── Open / close ──────────────────────────────────────────────────────────────
+/**
+ * Opens the bug report modal and wires up form submission.
+ *
+ * The modal is a plain DOM element with production-ready CSS injected into the
+ * page. No React or CSS framework required — works in any web app.
+ *
+ * Features:
+ * - Focus trap (Tab/Shift-Tab cycle within modal)
+ * - Animated overlay + slide-up entrance
+ * - Responsive layout (stacks on mobile)
+ * - "Capture current screen" button (html2canvas when available)
+ * - Accessible: aria roles, keyboard dismiss, label associations
+ */
+export function openModal(config, callbacks) {
+    if (document.getElementById(MODAL_ID))
+        return;
+    injectStyles();
+    const overlay = document.createElement('div');
+    overlay.id = OVERLAY_ID;
+    const modal = document.createElement('div');
+    modal.id = MODAL_ID;
+    modal.setAttribute('role', 'dialog');
+    modal.setAttribute('aria-modal', 'true');
+    modal.setAttribute('aria-labelledby', '__bugreport_title__');
+    modal.innerHTML = buildFormHtml();
+    overlay.appendChild(modal);
+    document.body.appendChild(overlay);
+    // ── Close handlers ─────────────────────────────────────────────────────────
+    const closeBtn = document.getElementById('__bugreport_close__');
+    closeBtn?.addEventListener('click', () => closeModal(callbacks));
+    overlay.addEventListener('click', (e) => {
+        if (e.target === overlay)
+            closeModal(callbacks);
+    });
+    document.addEventListener('keydown', handleEscKey);
+    // ── Focus trap ─────────────────────────────────────────────────────────────
+    trapFocus(modal);
+    // ── Screenshot capture button ──────────────────────────────────────────────
+    const captureBtn = document.getElementById('__br_capture_btn__');
+    captureBtn?.addEventListener('click', async () => {
+        await handleCaptureScreenshot(captureBtn);
+    });
+    // ── Form submission ────────────────────────────────────────────────────────
+    const form = document.getElementById('__bugreport_form__');
+    form?.addEventListener('submit', async (e) => {
+        e.preventDefault();
+        await handleSubmit(form, config, callbacks);
+    });
+    // Focus the first input
+    const firstInput = modal.querySelector('input, select, textarea');
+    firstInput?.focus();
+}
+export function closeModal(callbacks) {
+    const overlay = document.getElementById(OVERLAY_ID);
+    if (overlay) {
+        overlay.style.animation = 'none';
+        overlay.style.opacity = '0';
+        overlay.style.transition = 'opacity 0.12s ease-in';
+        setTimeout(() => overlay.remove(), 120);
+    }
+    document.removeEventListener('keydown', handleEscKey);
+    callbacks?.onClose();
+}
+// ── Focus trap ────────────────────────────────────────────────────────────────
+function trapFocus(container) {
+    container.addEventListener('keydown', (e) => {
+        if (e.key !== 'Tab')
+            return;
+        const focusable = container.querySelectorAll('input, select, textarea, button, [tabindex]:not([tabindex="-1"])');
+        if (focusable.length === 0)
+            return;
+        const first = focusable[0];
+        const last = focusable[focusable.length - 1];
+        if (e.shiftKey && document.activeElement === first) {
+            e.preventDefault();
+            last.focus();
+        }
+        else if (!e.shiftKey && document.activeElement === last) {
+            e.preventDefault();
+            first.focus();
+        }
+    });
+}
+// ── Internal helpers ──────────────────────────────────────────────────────────
+function handleEscKey(e) {
+    if (e.key === 'Escape')
+        closeModal();
+}
+async function handleCaptureScreenshot(captureBtn) {
+    const preview = document.getElementById('__br_capture_preview__');
+    const fileInput = document.getElementById('__br_screenshot__');
+    const captureContainer = document.getElementById('__br_capture_data__');
+    captureBtn.setAttribute('disabled', 'true');
+    captureBtn.textContent = '📸 Capturing…';
+    try {
+        // Hide the modal overlay temporarily so it's not in the screenshot
+        const overlay = document.getElementById(OVERLAY_ID);
+        if (overlay)
+            overlay.style.display = 'none';
+        const dataUrl = await capturePageScreenshot();
+        if (overlay)
+            overlay.style.display = '';
+        if (dataUrl && preview && captureContainer) {
+            preview.src = dataUrl;
+            preview.style.display = 'block';
+            captureContainer.value = dataUrl;
+            // Clear the file input so the capture takes precedence
+            if (fileInput)
+                fileInput.value = '';
+        }
+    }
+    catch {
+        // Silently fail — the user can still upload manually
+    }
+    captureBtn.removeAttribute('disabled');
+    captureBtn.textContent = '📸 Capture screen';
+}
+async function handleSubmit(form, config, callbacks) {
+    setFormState(form, 'loading');
+    try {
+        const values = collectFormValues(form);
+        const formData = buildReportPayload({
+            summary: values.summary,
+            severity: values.severity,
+            whatHappened: values.whatHappened,
+            expectedResult: values.expectedResult,
+            actualResult: values.actualResult,
+            stepsToReproduce: values.stepsToReproduce,
+            notes: values.notes || undefined,
+            environment: config.environment,
+        }, config);
+        // Attach screenshot — prefer captured screenshot, fall back to file upload
+        if (values.capturedScreenshot) {
+            const blob = dataUrlToBlob(values.capturedScreenshot);
+            formData.append('screenshot', blob, 'screenshot.png');
+        }
+        else if (values.screenshot) {
+            formData.append('screenshot', values.screenshot);
+        }
+        const result = await submitReport({ apiBaseUrl: config.apiBaseUrl, formData });
+        setFormState(form, 'success', result.githubIssueUrl);
+    }
+    catch (err) {
+        const message = err instanceof Error ? err.message : 'Unknown error';
+        setFormState(form, 'error', message);
+    }
+}
+function dataUrlToBlob(dataUrl) {
+    const [header, base64] = dataUrl.split(',');
+    const mime = header.match(/:(.*?);/)?.[1] ?? 'image/png';
+    const bytes = atob(base64);
+    const array = new Uint8Array(bytes.length);
+    for (let i = 0; i < bytes.length; i++)
+        array[i] = bytes.charCodeAt(i);
+    return new Blob([array], { type: mime });
+}
+function collectFormValues(form) {
+    const data = new FormData(form);
+    const screenshot = form.querySelector('#__br_screenshot__')?.files?.[0] ?? null;
+    const capturedScreenshot = form.querySelector('#__br_capture_data__')?.value ?? '';
+    return {
+        summary: String(data.get('summary') ?? ''),
+        severity: String(data.get('severity') ?? 'medium'),
+        whatHappened: String(data.get('whatHappened') ?? ''),
+        expectedResult: String(data.get('expectedResult') ?? ''),
+        actualResult: String(data.get('actualResult') ?? ''),
+        stepsToReproduce: String(data.get('stepsToReproduce') ?? ''),
+        notes: String(data.get('notes') ?? ''),
+        screenshot,
+        capturedScreenshot,
+    };
+}
+function setFormState(form, state, message) {
+    const submitBtn = form.querySelector('#__bugreport_submit__');
+    const statusEl = document.getElementById('__bugreport_status__');
+    if (!submitBtn || !statusEl)
+        return;
+    statusEl.innerHTML = '';
+    statusEl.className = '';
+    submitBtn.disabled = false;
+    if (state === 'loading') {
+        submitBtn.disabled = true;
+        submitBtn.textContent = 'Submitting…';
+    }
+    else if (state === 'success') {
+        submitBtn.textContent = 'Submit bug report';
+        statusEl.className = '__br_status_success';
+        statusEl.innerHTML = `✅ Bug report submitted! <a href="${message}" target="_blank" rel="noopener">View GitHub issue →</a>`;
+        setTimeout(() => closeModal(), SUCCESS_AUTO_CLOSE_DELAY_MS);
+    }
+    else if (state === 'error') {
+        submitBtn.textContent = 'Submit bug report';
+        statusEl.className = '__br_status_error';
+        statusEl.textContent = `❌ ${message ?? 'Something went wrong. Please try again.'}`;
+    }
+}
+function buildFormHtml() {
+    return `
+    <div class="__br_header">
+      <h2 id="__bugreport_title__" class="__br_title">🐛 Report a bug</h2>
+      <button id="__bugreport_close__" type="button" aria-label="Close" class="__br_close_btn">✕</button>
+    </div>
+
+    <form id="__bugreport_form__" novalidate>
+
+      <div class="__br_field">
+        <label for="__br_summary__" class="__br_label">Summary<span class="__br_required">*</span></label>
+        <input id="__br_summary__" name="summary" type="text" required maxlength="200"
+          placeholder="One-line summary of the bug" class="__br_input" />
+      </div>
+
+      <div class="__br_field">
+        <label for="__br_severity__" class="__br_label">Severity<span class="__br_required">*</span></label>
+        <select id="__br_severity__" name="severity" required class="__br_select">
+          <option value="low">Low — minor / cosmetic</option>
+          <option value="medium" selected>Medium — feature partially broken</option>
+          <option value="high">High — major feature broken</option>
+          <option value="blocker">Blocker — app unusable / data loss</option>
+        </select>
+      </div>
+
+      <div class="__br_field">
+        <label for="__br_whatHappened__" class="__br_label">What happened?<span class="__br_required">*</span></label>
+        <textarea id="__br_whatHappened__" name="whatHappened" rows="3"
+          placeholder="Describe what you observed…" required class="__br_textarea"></textarea>
+      </div>
+
+      <div class="__br_field">
+        <label for="__br_expectedResult__" class="__br_label">Expected result<span class="__br_required">*</span></label>
+        <textarea id="__br_expectedResult__" name="expectedResult" rows="2"
+          placeholder="What should have happened?" required class="__br_textarea"></textarea>
+      </div>
+
+      <div class="__br_field">
+        <label for="__br_actualResult__" class="__br_label">Actual result<span class="__br_required">*</span></label>
+        <textarea id="__br_actualResult__" name="actualResult" rows="2"
+          placeholder="What actually happened?" required class="__br_textarea"></textarea>
+      </div>
+
+      <div class="__br_field">
+        <label for="__br_stepsToReproduce__" class="__br_label">Steps to reproduce<span class="__br_required">*</span></label>
+        <textarea id="__br_stepsToReproduce__" name="stepsToReproduce" rows="4"
+          placeholder="1. Go to /login\n2. Enter credentials\n3. Click Submit" required class="__br_textarea"></textarea>
+      </div>
+
+      <div class="__br_field">
+        <label class="__br_label">Screenshot (optional)</label>
+        <div class="__br_screenshot_row">
+          <button id="__br_capture_btn__" type="button" class="__br_capture_btn">📸 Capture screen</button>
+          <span class="__br_or_divider">or</span>
+          <input id="__br_screenshot__" name="screenshot" type="file"
+            accept="image/png,image/jpeg,image/webp,image/gif"
+            style="font-size:13px;color:#374151;max-width:200px;" />
+        </div>
+        <input id="__br_capture_data__" type="hidden" value="" />
+        <img id="__br_capture_preview__" alt="Captured screenshot preview"
+          class="__br_capture_preview" style="display:none;" />
+        <p class="__br_hint">PNG, JPG, WebP or GIF · max 5 MB</p>
+      </div>
+
+      <div class="__br_field">
+        <label for="__br_notes__" class="__br_label">Additional notes (optional)</label>
+        <textarea id="__br_notes__" name="notes" rows="2"
+          placeholder="Anything else worth mentioning?" class="__br_textarea"></textarea>
+      </div>
+
+      <div id="__bugreport_status__"></div>
+
+      <button id="__bugreport_submit__" type="submit" class="__br_submit_btn">
+        Submit bug report
+      </button>
+
+    </form>
+  `;
+}
+//# sourceMappingURL=modal.js.map

package/dist/widget/modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../src/widget/modal.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,64 @@
+{
+  "name": "@limekex/bugreport-widget-sdk",
+  "version": "0.1.0",
+  "description": "Browser SDK for embedding the Stage Bug Reporter widget into staging/UAT applications",
+  "keywords": [
+    "bug-reporter",
+    "bug-tracking",
+    "staging",
+    "testing",
+    "github-issues",
+    "qa",
+    "uat"
+  ],
+  "author": "limekex",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/limekex/bugreport-platform.git",
+    "directory": "packages/widget-sdk"
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "sideEffects": false,
+  "scripts": {
+    "build": "tsc --project tsconfig.json",
+    "typecheck": "tsc --noEmit",
+    "dev": "tsc --watch --noEmit",
+    "test": "vitest run",
+    "lint": "eslint \"src/**/*.ts\""
+  },
+  "dependencies": {
+    "@bugreport/shared-types": "workspace:*"
+  },
+  "devDependencies": {
+    "@types/node": "^20.12.7",
+    "jsdom": "^29.0.1",
+    "typescript": "^5.4.5",
+    "vitest": "^1.5.0"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    }
+  }
+}