@impakers/debug 1.4.14 → 1.4.16

package/dist/react.mjs

@@ -2125,6 +2125,14 @@ async function fetchFeedbacks(endpoint, url, options = {}) {
     return data.tasks || [];
   }, options);
 }
+async function fetchAllFeedbacks(endpoint, options = {}) {
+  const cacheKey = getAllFeedbacksCacheKey();
+  return readWithCache(cacheKey, async () => {
+    const res = await apiFetch(`${endpoint}?url=__all__`);
+    const data = await res.json();
+    return data.tasks || [];
+  }, options);
+}
 async function revalidateFeedbacks(endpoint, url) {
   const cacheKey = getFeedbacksCacheKey(url);
   return revalidateCache(cacheKey, async () => {
@@ -2444,16 +2452,18 @@ var styles_module_default3 = classNames3;
 
 // src/components/comment-thread/index.tsx
 import { Fragment, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-function timeAgo(dateStr) {
-  const diff = Date.now() - new Date(dateStr).getTime();
+function formatTime(dateStr) {
+  const date = new Date(dateStr);
+  const diff = Date.now() - date.getTime();
+  const pad = (n) => String(n).padStart(2, "0");
+  const abs = `${pad(date.getMonth() + 1)}.${pad(date.getDate())} ${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(date.getSeconds())}`;
   const m = Math.floor(diff / 6e4);
-  if (m < 1) return "just now";
-  if (m < 60) return `${m}m`;
+  if (m < 1) return `${abs} (just now)`;
+  if (m < 60) return `${abs} (${m}m)`;
   const h = Math.floor(m / 60);
-  if (h < 24) return `${h}h`;
+  if (h < 24) return `${abs} (${h}h)`;
   const d = Math.floor(h / 24);
-  if (d < 30) return `${d}d`;
-  return new Date(dateStr).toLocaleDateString("ko-KR", { month: "short", day: "numeric" });
+  return `${abs} (${d}d)`;
 }
 function getInitials(name) {
   return name.slice(0, 1).toUpperCase();
@@ -2632,7 +2642,7 @@ function CommentThread({
           /* @__PURE__ */ jsxs4("div", { className: styles_module_default3.headerInfo, children: [
             /* @__PURE__ */ jsxs4("div", { className: styles_module_default3.headerTop, children: [
               /* @__PURE__ */ jsx4("span", { className: styles_module_default3.authorName, children: task.authorName || currentUserName }),
-              /* @__PURE__ */ jsx4("span", { className: styles_module_default3.timestamp, children: timeAgo(task.createdAt) })
+              /* @__PURE__ */ jsx4("span", { className: styles_module_default3.timestamp, children: formatTime(task.createdAt) })
             ] }),
             /* @__PURE__ */ jsx4("div", { className: styles_module_default3.title, children: feedbackTitle })
           ] }),
@@ -2645,7 +2655,7 @@ function CommentThread({
             /* @__PURE__ */ jsxs4("div", { className: styles_module_default3.commentContent, children: [
               /* @__PURE__ */ jsxs4("div", { className: styles_module_default3.commentTop, children: [
                 /* @__PURE__ */ jsx4("span", { className: styles_module_default3.commentAuthor, children: comment.authorName }),
-                /* @__PURE__ */ jsx4("span", { className: styles_module_default3.commentTime, children: timeAgo(comment.createdAt) })
+                /* @__PURE__ */ jsx4("span", { className: styles_module_default3.commentTime, children: formatTime(comment.createdAt) })
               ] }),
               comment.content && /* @__PURE__ */ jsx4("div", { className: styles_module_default3.commentText, children: comment.content }),
               comment.imageUrl && comment.imageUrl !== "loading..." && /* @__PURE__ */ jsx4(
@@ -3038,16 +3048,18 @@ function FilePreviewModal({
     ] }) })
   ] }) });
 }
-function timeAgo2(dateStr) {
-  const diff = Date.now() - new Date(dateStr).getTime();
+function formatTime2(dateStr) {
+  const date = new Date(dateStr);
+  const diff = Date.now() - date.getTime();
+  const pad = (n) => String(n).padStart(2, "0");
+  const abs = `${pad(date.getMonth() + 1)}.${pad(date.getDate())} ${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(date.getSeconds())}`;
   const m = Math.floor(diff / 6e4);
-  if (m < 1) return "just now";
-  if (m < 60) return `${m}m`;
+  if (m < 1) return `${abs} (just now)`;
+  if (m < 60) return `${abs} (${m}m)`;
   const h = Math.floor(m / 60);
-  if (h < 24) return `${h}h`;
+  if (h < 24) return `${abs} (${h}h)`;
   const d = Math.floor(h / 24);
-  if (d < 30) return `${d}d`;
-  return new Date(dateStr).toLocaleDateString("ko-KR", { month: "short", day: "numeric" });
+  return `${abs} (${d}d)`;
 }
 function getInitials2(name) {
   return name.slice(0, 1).toUpperCase();
@@ -3164,7 +3176,7 @@ function InboxPanel({
             /* @__PURE__ */ jsxs6("div", { children: [
               /* @__PURE__ */ jsxs6("div", { className: styles_module_default5.cardMeta, children: [
                 /* @__PURE__ */ jsx6("span", { className: styles_module_default5.cardAuthor, children: selectedItem.authorName }),
-                /* @__PURE__ */ jsx6("span", { className: styles_module_default5.cardTime, children: timeAgo2(selectedItem.createdAt) })
+                /* @__PURE__ */ jsx6("span", { className: styles_module_default5.cardTime, children: formatTime2(selectedItem.createdAt) })
               ] }),
               /* @__PURE__ */ jsx6("div", { className: styles_module_default5.detailTitle, children: selectedItem.title.replace(/^\[피드백\]\s*/, "") })
             ] })
@@ -3178,7 +3190,7 @@ function InboxPanel({
               /* @__PURE__ */ jsxs6("div", { className: styles_module_default5.commentBody, children: [
                 /* @__PURE__ */ jsxs6("div", { className: styles_module_default5.commentMeta, children: [
                   /* @__PURE__ */ jsx6("span", { className: styles_module_default5.commentAuthorName, children: c.authorName }),
-                  /* @__PURE__ */ jsx6("span", { className: styles_module_default5.commentTime, children: timeAgo2(c.createdAt) })
+                  /* @__PURE__ */ jsx6("span", { className: styles_module_default5.commentTime, children: formatTime2(c.createdAt) })
                 ] }),
                 c.content && /* @__PURE__ */ jsx6("div", { className: styles_module_default5.commentContent, children: c.content }),
                 c.imageUrl && /* @__PURE__ */ jsx6(
@@ -3307,7 +3319,7 @@ function InboxPanel({
               /* @__PURE__ */ jsx6("div", { className: styles_module_default5.cardAvatar, children: getInitials2(item.authorName) }),
               /* @__PURE__ */ jsx6("div", { className: styles_module_default5.cardInfo, children: /* @__PURE__ */ jsxs6("div", { className: styles_module_default5.cardMeta, children: [
                 /* @__PURE__ */ jsx6("span", { className: styles_module_default5.cardAuthor, children: item.authorName }),
-                /* @__PURE__ */ jsx6("span", { className: styles_module_default5.cardTime, children: timeAgo2(item.createdAt) })
+                /* @__PURE__ */ jsx6("span", { className: styles_module_default5.cardTime, children: formatTime2(item.createdAt) })
               ] }) })
             ] }),
             /* @__PURE__ */ jsx6("div", { className: styles_module_default5.cardTitle, children: item.title.replace(/^\[피드백\]\s*/, "") }),
@@ -3607,6 +3619,7 @@ function DebugWidget({ endpoint, getUser, onHide }) {
   const [activeThread, setActiveThread] = useState5(null);
   const [threadComments, setThreadComments] = useState5({});
   const [serverTasks, setServerTasks] = useState5([]);
+  const [allServerTasks, setAllServerTasks] = useState5([]);
   const [showInbox, setShowInbox] = useState5(false);
   const [showSettings, setShowSettings] = useState5(false);
   const [settings, setSettings] = useState5(() => loadSettings());
@@ -3640,6 +3653,8 @@ function DebugWidget({ endpoint, getUser, onHide }) {
       startDelayedCapture();
     } else if (id === "inbox") {
       setShowInbox(true);
+      fetchAllFeedbacks(endpoint, { staleWhileRevalidate: true }).then(setAllServerTasks).catch(() => {
+      });
       if (isActive) {
         setIsActive(false);
         document.documentElement.classList.remove("impakers-selecting");
@@ -4181,32 +4196,16 @@ function DebugWidget({ endpoint, getUser, onHide }) {
     createdAt: task.createdAt,
     commentCount: task.commentCount || 0
   }));
-  const allRouteItems = (() => {
-    const items = [...allInboxItems];
-    try {
-      for (let i = 0; i < localStorage.length; i++) {
-        const key = localStorage.key(i);
-        if (!key?.startsWith(STORAGE_PREFIX)) continue;
-        const route = key.slice(STORAGE_PREFIX.length);
-        if (route === currentPath) continue;
-        const stored = JSON.parse(localStorage.getItem(key) || "[]");
-        for (const a of stored) {
-          items.push({
-            id: a.id,
-            title: a.comment || "\uD53C\uB4DC\uBC31",
-            status: "todo",
-            priority: "medium",
-            authorName: getUser?.()?.name ? String(getUser().name) : "\uC775\uBA85",
-            feedbackUrl: route,
-            createdAt: new Date(a.timestamp).toISOString(),
-            commentCount: (threadComments[a.id] || []).length
-          });
-        }
-      }
-    } catch {
-    }
-    return items.sort((a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime());
-  })();
+  const allRouteItems = allServerTasks.map((task) => ({
+    id: task.id,
+    title: task.title || "\uD53C\uB4DC\uBC31",
+    status: task.status,
+    priority: task.priority,
+    authorName: task.authorName || "\uC775\uBA85",
+    feedbackUrl: task.feedbackUrl || "",
+    createdAt: task.createdAt,
+    commentCount: task.commentCount || 0
+  }));
   return createPortal3(
     /* @__PURE__ */ jsxs8("div", { "data-impakers-debug": "", children: [
       /* @__PURE__ */ jsx8(
@@ -4620,7 +4619,7 @@ function ImpakersDebugProvider({ endpoint, getUser }) {
   }, []);
   useEffect6(() => {
     function handleKeyDown(e) {
-      if ((e.ctrlKey || e.metaKey) && e.shiftKey && e.key === ".") {
+      if ((e.ctrlKey || e.metaKey) && e.shiftKey && (e.key === "." || e.key === ">" || e.code === "Period")) {
         e.preventDefault();
         if (hidden) {
           setHidden(false);