@koderlabs/tasks-sdk-web-reporter 0.1.1 → 0.1.3

package/README.md

@@ -9,7 +9,11 @@ This package replaces the v0 `@koderlabs/tasks-widget`. The factory function `wi
 ## Install
 
 ```bash
+npm install @koderlabs/tasks-sdk @koderlabs/tasks-sdk-web-reporter
+# or
 pnpm add @koderlabs/tasks-sdk @koderlabs/tasks-sdk-web-reporter
+# or
+yarn add @koderlabs/tasks-sdk @koderlabs/tasks-sdk-web-reporter
 ```
 
 ## Usage

package/dist/index.cjs

@@ -1746,6 +1746,9 @@ var WidgetIntegration = class WidgetIntegration2 {
         this.opts.hotkey = false;
         this.opts.autoInject = false;
       }
+      if (init.requireUser === void 0 && typeof cfg.defaultReporterBehavior === "string") {
+        this.opts.requireUser = cfg.defaultReporterBehavior === "current_user";
+      }
     } catch {
     }
   }
@@ -1794,11 +1797,66 @@ var WidgetIntegration = class WidgetIntegration2 {
     if (this._visible) return;
     if (!this.client) return;
     this._visible = true;
-    this._openModal();
+    if (this.opts.requireUser && !this._hasIdentity()) {
+      this._openLoginPrompt();
+    } else {
+      this._openModal();
+    }
     this._emit({
       name: "show"
     });
   }
+  /** True when the client carries a logged-in user (id or email present). */
+  _hasIdentity() {
+    const u = this.client?.options.user;
+    return Boolean(u && (u.id || u.email));
+  }
+  /** Build a minimal "Please sign in" modal — no form, just a CTA + cancel. */
+  _openLoginPrompt() {
+    const shell = new ModalShell({
+      onClose: /* @__PURE__ */ __name(() => {
+        this._visible = false;
+        this._emit({
+          name: "hide"
+        });
+      }, "onClose")
+    });
+    this.shell?.destroy();
+    this.shell = shell;
+    const here = typeof window !== "undefined" ? window.location.pathname + window.location.search : "/";
+    const loginUrl = this.opts.loginUrl ?? `/login?next=${encodeURIComponent(here)}`;
+    const wrapper = document.createElement("div");
+    wrapper.style.cssText = "padding:24px;font-family:system-ui,-apple-system,sans-serif;text-align:center;max-width:340px;";
+    wrapper.innerHTML = `
+      <div style="font-size:32px;margin-bottom:8px">\u{1F512}</div>
+      <div style="font-size:18px;font-weight:600;color:#111827;margin-bottom:6px">Sign in to report a bug</div>
+      <div style="font-size:13px;color:#6b7280;margin-bottom:18px;line-height:1.5">This project requires reporters to be signed in so bug reports can be linked to your account.</div>
+    `;
+    const signInBtn = document.createElement("button");
+    signInBtn.type = "button";
+    signInBtn.textContent = "Sign in";
+    signInBtn.style.cssText = "width:100%;padding:10px 16px;background:#2563eb;color:#fff;border:0;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;margin-bottom:8px;";
+    signInBtn.addEventListener("click", () => {
+      try {
+        window.location.assign(loginUrl);
+      } catch {
+      }
+    });
+    const cancelBtn = document.createElement("button");
+    cancelBtn.type = "button";
+    cancelBtn.textContent = "Cancel";
+    cancelBtn.style.cssText = "width:100%;padding:10px 16px;background:transparent;color:#6b7280;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;cursor:pointer;";
+    cancelBtn.addEventListener("click", () => {
+      shell.close();
+      this._visible = false;
+      this._emit({
+        name: "feedbackdiscarded"
+      });
+    });
+    wrapper.appendChild(signInBtn);
+    wrapper.appendChild(cancelBtn);
+    shell.open(wrapper);
+  }
   hide() {
     if (!this._visible) return;
     this.shell?.close();