issue-sticker 0.4.0 → 0.5.0

package/dist/issue-sticker-headless-react.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { memo, useRef, useState, useCallback, useEffect } from "react";
-import { c as createLucideIcon, u as ungzip_1, a as cn, R as Replayer } from "./createLucideIcon-C0Ldhp96.js";
-import { T as TooltipProvider, a as Tooltip, b as TooltipTrigger, c as TooltipContent } from "./tooltip-CEc_RGfI.js";
+import { c as createLucideIcon, u as ungzip_1, a as cn, R as Replayer } from "./createLucideIcon-BzRMP02h.js";
+import { T as TooltipProvider, a as Tooltip, b as TooltipTrigger, c as TooltipContent } from "./tooltip-B6UPO-U8.js";
 /**
  * @license lucide-react v0.468.0 - ISC
  *

package/dist/issue-sticker-headless.js

@@ -1,7 +1,34 @@
-import { u as uploadScreenshotDataUrls, a as uploadSignedMediaWithApi, d as directUploadToSignedUrl, p as pristineFetch, n as normalizeExposedJiraFields, b as normalizeJiraFieldId, g as getElementPosition, c as captureWithModernScreenshot, e as buildJiraCreateFields, f as buildNotionCreateFields, h as buildGuestOwnerQuery, i as buildIssueIntegrationsPayload, j as devLogger, C as ConsoleCollector, N as NetworkCollector, s as selectNetworkLogsForSubmit, k as filterExcludeServiceRelatedLogs, l as filterExcludeServiceRelatedConsoleLogs, m as compactNetworkLogsForTransport, o as CONSOLE_LOG_SUBMIT_LIMIT, q as buildExternalUserPayload, r as shrinkNetworkLogsToFit, t as measureJsonBytes, v as sanitizeString, w as getCurrentPageUrl, S as ScreenRecordingController, x as SessionReplayCaptureController, y as preloadModernScreenshot, z as isIssueStickerExtensionRuntimeActive } from "./externalUserPayload-BVNl_35M.js";
+import { u as uploadScreenshotDataUrls, a as uploadSignedMediaWithApi, d as directUploadToSignedUrl, p as pristineFetch, n as normalizeExposedJiraFields, b as normalizeJiraFieldId, g as getElementPosition, c as captureWithModernScreenshot, e as buildJiraCreateFields, f as buildNotionCreateFields, h as buildGuestOwnerQuery, i as buildIssueIntegrationsPayload, j as devLogger, C as ConsoleCollector, N as NetworkCollector, s as selectNetworkLogsForSubmit, k as filterExcludeServiceRelatedLogs, l as filterExcludeServiceRelatedConsoleLogs, m as compactNetworkLogsForTransport, o as CONSOLE_LOG_SUBMIT_LIMIT, q as buildExternalUserPayload, r as shrinkNetworkLogsToFit, t as measureJsonBytes, v as sanitizeString, w as getCurrentPageUrl, S as ScreenRecordingController, x as SessionReplayCaptureController, y as preloadModernScreenshot, I as ISSUE_STICKER_INTERNAL_LOG_PREFIX, z as isIssueStickerExtensionRuntimeActive } from "./externalUserPayload-zu5IXBjn.js";
 import "react/jsx-runtime";
 import "react";
-import "./createLucideIcon-C0Ldhp96.js";
+import "./createLucideIcon-BzRMP02h.js";
+const WINDOW_MS = 6e4;
+const MAX_PER_WINDOW = 5;
+class AutoIssueRateLimit {
+  constructor(max = MAX_PER_WINDOW, windowMs = WINDOW_MS) {
+    this.max = max;
+    this.windowMs = windowMs;
+    this.accepted = [];
+  }
+  get label() {
+    return `${this.windowMs / 1e3}초에 ${this.max}건`;
+  }
+  /**
+   * 자리가 있으면 차지하고 true 를 돌려준다. 실패한 호출도 서버 왕복을 이미 썼으므로
+   * 자리를 돌려주지 않는다.
+   */
+  claim(now = Date.now()) {
+    this.accepted = this.accepted.filter((at) => now - at < this.windowMs);
+    if (this.accepted.length >= this.max) {
+      return false;
+    }
+    this.accepted.push(now);
+    return true;
+  }
+  reset() {
+    this.accepted = [];
+  }
+}
 class IssueStickerHeadlessError extends Error {
   constructor(code, message, cause) {
     super(message);
@@ -604,7 +631,7 @@ function composeIssueFilterGroups(integrations, customFields) {
 function buildHeadlessCaptureContext({
   target,
   event,
-  videoFile,
+  videoFile = null,
   createVideoPreviewUrl,
   sessionReplayEnabled
 }) {
@@ -614,7 +641,7 @@ function buildHeadlessCaptureContext({
     mediaMode,
     position,
     screenshotPreviewUrls: [],
-    videoPreviewUrl: mediaMode === "video" && videoFile ? createVideoPreviewUrl(videoFile) : null,
+    videoPreviewUrl: mediaMode === "video" && videoFile && createVideoPreviewUrl ? createVideoPreviewUrl(videoFile) : null,
     targetSelector: position.selector,
     sessionReplayEnabled,
     sessionReplayPreview: null
@@ -624,6 +651,7 @@ async function captureHeadlessScreenshots({
   target,
   excludeSelectors
 }) {
+  const targetIsDocumentRoot = target === document.body || target === document.documentElement;
   const screenshots = await Promise.all([
     captureWithModernScreenshot({
       element: document.documentElement,
@@ -631,10 +659,12 @@ async function captureHeadlessScreenshots({
       width: window.innerWidth,
       height: window.innerHeight
     }).catch(() => void 0),
-    captureWithModernScreenshot({
-      element: target,
-      excludeSelectors
-    }).catch(() => void 0)
+    ...targetIsDocumentRoot ? [] : [
+      captureWithModernScreenshot({
+        element: target,
+        excludeSelectors
+      }).catch(() => void 0)
+    ]
   ]);
   return screenshots.filter(
     (dataUrl) => typeof dataUrl === "string" && dataUrl.length > 0
@@ -1238,10 +1268,15 @@ function buildIssueCreatePayload({
   currentUrl,
   userAgent
 }) {
+  var _a, _b, _c;
+  const title = (_a = draft.title) == null ? void 0 : _a.trim();
+  const description = (_b = draft.description) == null ? void 0 : _b.trim();
+  const intent = (_c = draft.intent) == null ? void 0 : _c.trim();
   const base = {
     url: currentUrl,
-    title: draft.title.trim(),
-    description: draft.description.trim(),
+    ...title ? { title } : {},
+    ...description ? { description } : {},
+    ...intent ? { intent } : {},
     position: draft.position,
     ...uploads.screenshotUploadIds.length > 0 ? { screenshot_upload_ids: uploads.screenshotUploadIds } : {},
     ...uploads.videoUpload ? { video_upload_id: uploads.videoUpload.id } : {},
@@ -1402,6 +1437,7 @@ class HeadlessClientImpl {
     var _a;
     this.config = config;
     this.state = new HeadlessClientState();
+    this.autoIssueRateLimit = new AutoIssueRateLimit();
     this.pendingMedia = new HeadlessPendingMedia();
     this.initializePromise = null;
     this.captureCleanup = null;
@@ -1605,14 +1641,15 @@ class HeadlessClientImpl {
     this.state.setSnapshot({ phase: "idle", draft: null, formSchema: null, error: null });
   }
   async submitDraft(input) {
+    var _a, _b, _c;
     await this.ensureInitialized();
     this.state.assertPhase(["draftingIssue"], "submitDraft");
     this.state.requireDraft();
-    if (!input.title.trim()) {
-      throw new IssueStickerHeadlessError("VALIDATION_ERROR", "제목을 입력해주세요.");
-    }
-    if (!input.description.trim()) {
-      throw new IssueStickerHeadlessError("VALIDATION_ERROR", "설명을 입력해주세요.");
+    if (!((_a = input.title) == null ? void 0 : _a.trim()) && !((_b = input.description) == null ? void 0 : _b.trim()) && !((_c = input.intent) == null ? void 0 : _c.trim())) {
+      throw new IssueStickerHeadlessError(
+        "VALIDATION_ERROR",
+        "제목·설명 또는 기대한 동작(intent)을 입력해주세요."
+      );
     }
     this.state.setSnapshot({ phase: "submittingIssue", error: null });
     try {
@@ -1624,6 +1661,7 @@ class HeadlessClientImpl {
         screenshotPreviewUrls,
         title: input.title,
         description: input.description,
+        intent: input.intent,
         dynamicFields: input.dynamicFields ?? {}
       };
       const createdIssue = await submitHeadlessIssueDraft({
@@ -1656,6 +1694,76 @@ class HeadlessClientImpl {
       throw nextError;
     }
   }
+  async createIssue(input) {
+    var _a, _b;
+    try {
+      if (!((_a = input.title) == null ? void 0 : _a.trim()) || !((_b = input.description) == null ? void 0 : _b.trim())) {
+        return this.skipCreateIssue("제목과 설명이 모두 필요합니다.");
+      }
+      if (typeof document === "undefined" || typeof window === "undefined") {
+        return this.skipCreateIssue("브라우저 DOM 에서만 이슈를 만들 수 있습니다.");
+      }
+      await this.ensureInitialized();
+      if (this.snapshot.extensionActive) {
+        return this.skipCreateIssue("이슈스티커 익스텐션이 이 페이지를 사용 중입니다.");
+      }
+      if (!this.autoIssueRateLimit.claim()) {
+        return this.skipCreateIssue(
+          `${this.autoIssueRateLimit.label}까지 호출할 수 있습니다. 호출 조건을 다시 확인해주세요.`
+        );
+      }
+      const target = input.target ?? document.body;
+      const sessionReplay = this.sessionReplayController.getSnapshot();
+      const draft = buildHeadlessCaptureContext({
+        target,
+        sessionReplayEnabled: Boolean(sessionReplay.enabled && sessionReplay.canAttach)
+      });
+      const logs = this.logCollectors.collect();
+      const screenshotPreviewUrls = input.media === "none" ? [] : await this.logCollectors.pauseNetworkWhile(
+        () => captureHeadlessScreenshots({ target, excludeSelectors: this.getExcludeSelectors() })
+      );
+      const formSchema = this.snapshot.auth.mode === "member" && Object.keys(input.dynamicFields ?? {}).length > 0 ? await this.loadFormSchema({}) : null;
+      const createdIssue = await submitHeadlessIssueDraft({
+        draft: {
+          ...draft,
+          screenshotPreviewUrls,
+          title: input.title,
+          description: input.description,
+          dynamicFields: input.dynamicFields ?? {}
+        },
+        pendingVideoFile: null,
+        transport: this.transport,
+        issueRepository: this.issueRepository,
+        formSchema,
+        auth: this.snapshot.auth,
+        config: this.config,
+        projectId: this.state.requireProjectId(),
+        logs,
+        currentUrl: getCurrentPageUrl(),
+        userAgent: typeof navigator !== "undefined" ? navigator.userAgent : void 0,
+        uploadSessionReplaySnapshot: () => this.uploadSessionReplaySnapshot()
+      });
+      this.state.setSnapshot({
+        issues: [createdIssue, ...this.snapshot.issues]
+      });
+      return createdIssue;
+    } catch (error) {
+      return this.skipCreateIssue("이슈를 생성하지 못했습니다.", error);
+    }
+  }
+  /**
+   * createIssue 가 이슈를 만들지 않고 끝난 이유를 남긴다.
+   *
+   * devLogger 는 프로덕션 빌드에서 침묵하는데, 이 실패는 예외로 드러나지 않으므로
+   * 통합한 쪽이 프로덕션에서도 알아야 한다. 접두어가 붙어 있어 우리 수집기가
+   * 자기 로그로 걸러내므로 고객 이슈의 콘솔 로그를 오염시키지 않는다.
+   */
+  skipCreateIssue(reason, cause) {
+    const args = [ISSUE_STICKER_INTERNAL_LOG_PREFIX, "[headless] createIssue:", reason];
+    if (cause !== void 0) args.push(cause);
+    console.warn(...args);
+    return null;
+  }
   async loginAsMember() {
     await this.ensureInitialized();
     if (!this.authBridge.canUseBridge) {
@@ -1694,6 +1802,7 @@ class HeadlessClientImpl {
     this.sessionReplayController.destroy();
     this.clearPendingMedia();
     this.logCollectors.stop();
+    this.autoIssueRateLimit.reset();
     this.authBridge.destroy();
     this.state.reset();
   }