sales-frontend-debug 0.0.61 → 0.0.63

package/dist/index.cjs

@@ -367,30 +367,68 @@ function ChangeHost() {
   };
   return /* @__PURE__ */ React9__default.default.createElement(React9__default.default.Fragment, null, /* @__PURE__ */ React9__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React9__default.default.createElement("h2", { style: h2Style }, "API\uD638\uC2A4\uD2B8")), /* @__PURE__ */ React9__default.default.createElement("ul", null, /* @__PURE__ */ React9__default.default.createElement("li", { style: menuItemStyle, onClick: () => handleHost("local") }, "local"), /* @__PURE__ */ React9__default.default.createElement("li", { style: menuItemStyle, onClick: () => handleHost("dev") }, "dev"), /* @__PURE__ */ React9__default.default.createElement("li", { style: menuItemStyle, onClick: () => handleHost("stg") }, "stg")));
 }
-var fileConvertTypeCookieKey = "dsp-debug-mode-file-convert-type";
-function FileConvert() {
-  const handleFileConvertType = (host) => {
-    cookie.setCookie(fileConvertTypeCookieKey, host);
-    alert(`file convert type \uBCC0\uACBD\uB418\uC5C8\uC2B5\uB2C8\uB2E4.:${host}`);
-    console.log("file convert type \uBCC0\uACBD\uB418\uC5C8\uC2B5\uB2C8\uB2E4.", {
-      [fileConvertTypeCookieKey]: cookie.getCookie(fileConvertTypeCookieKey)
-    });
-  };
-  return /* @__PURE__ */ React9__default.default.createElement(React9__default.default.Fragment, null, /* @__PURE__ */ React9__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React9__default.default.createElement("h2", { style: h2Style }, "File Convert Type")), /* @__PURE__ */ React9__default.default.createElement("ul", null, /* @__PURE__ */ React9__default.default.createElement("li", { style: menuItemStyle, onClick: () => handleFileConvertType("fetch") }, "fetch"), /* @__PURE__ */ React9__default.default.createElement("li", { style: menuItemStyle, onClick: () => handleFileConvertType("canvas") }, "canvas"), /* @__PURE__ */ React9__default.default.createElement("li", { style: menuItemStyle, onClick: () => handleFileConvertType("xhr") }, "xhr")));
-}
 var filterNameCookieKey = "dsp-debug-mode-filter-name";
+var filterList = [
+  {
+    key: "downloader",
+    description: "\uB2E4\uC6B4\uB85C\uB354 \uD6C5 \uBD84\uAE30 \uD655\uC778\uC6A9"
+  },
+  {
+    key: "console-log",
+    description: "\uCF58\uC194\uB85C\uADF8 on/off"
+  },
+  {
+    key: "auth-token",
+    description: "\uCFE0\uD0A4\uC5D0\uC11C \uD1A0\uD070\uD68D\uB4DD"
+  },
+  {
+    key: "validation-off",
+    description: "\uC720\uD6A8\uC131\uAC80\uC0AC off"
+  },
+  {
+    key: "http-log",
+    description: "http \uC694\uCCAD/\uC751\uB2F5 \uB85C\uADF8 on/off"
+  }
+];
 function Filter() {
   const [filterName, setFilterName] = React9__default.default.useState("");
-  const handleFilterNameChange = (e) => {
-    const filterName2 = e.target.value;
-    cookie.setCookie(filterNameCookieKey, filterName2);
-    setFilterName(filterName2);
-  };
   React9.useEffect(() => {
     const filterName2 = cookie.getCookie(filterNameCookieKey);
     setFilterName(filterName2);
   }, []);
-  return /* @__PURE__ */ React9__default.default.createElement(React9__default.default.Fragment, null, /* @__PURE__ */ React9__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React9__default.default.createElement("h2", { style: h2Style }, "Filter ex: filter1,filter2")), /* @__PURE__ */ React9__default.default.createElement("ul", null, /* @__PURE__ */ React9__default.default.createElement("li", { style: menuItemStyle }, "filter-name:", /* @__PURE__ */ React9__default.default.createElement("input", { type: "text", onChange: handleFilterNameChange, value: filterName }))));
+  return /* @__PURE__ */ React9__default.default.createElement(React9__default.default.Fragment, null, /* @__PURE__ */ React9__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React9__default.default.createElement("h2", { style: h2Style }, "\uB514\uBC84\uAE45 \uC635\uC158")), /* @__PURE__ */ React9__default.default.createElement("ul", null, filterList.map((filter) => /* @__PURE__ */ React9__default.default.createElement("li", { style: menuItemStyle, key: filter.key }, /* @__PURE__ */ React9__default.default.createElement(
+    "input",
+    {
+      type: "checkbox",
+      checked: filterName.includes(filter.key),
+      onChange: (e) => {
+        if (e.target.checked) {
+          setFilterName((prev) => {
+            if (prev) {
+              const newFilterName = `${prev},${filter.key}`;
+              cookie.setCookie(filterNameCookieKey, newFilterName);
+              return newFilterName;
+            } else {
+              cookie.setCookie(filterNameCookieKey, filter.key);
+              return filter.key;
+            }
+          });
+        } else {
+          setFilterName((prev) => {
+            if (prev.includes(",")) {
+              const arr = prev.split(",");
+              const newFilterName = arr.filter((item) => item !== filter.key).join(",");
+              cookie.setCookie(filterNameCookieKey, newFilterName);
+              return newFilterName;
+            } else {
+              cookie.deleteCookie(filterNameCookieKey);
+              return "";
+            }
+          });
+        }
+      }
+    }
+  ), filter.key))));
 }
 function FormFactor() {
   const handleFormFactor = (formFactor) => {
@@ -455,13 +493,23 @@ function InitRefresh() {
 
 // src/components/menu-panel.tsx
 var MenuPanel = ({ menuItems: menuItems2, onMenuItemClick, onClose, serviceCode }) => {
-  return /* @__PURE__ */ React9__default.default.createElement(React9__default.default.Fragment, null, /* @__PURE__ */ React9__default.default.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React9__default.default.createElement("div", { style: debugMenuPanelStyle }, /* @__PURE__ */ React9__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React9__default.default.createElement("h2", { style: h2Style }, "Debug Menu"), /* @__PURE__ */ React9__default.default.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React9__default.default.createElement("ul", null, menuItems2.map((item) => /* @__PURE__ */ React9__default.default.createElement("li", { key: item.id, onClick: () => onMenuItemClick(item.component), style: menuItemStyle }, item.label))), serviceCode === "dsp" && /* @__PURE__ */ React9__default.default.createElement(React9__default.default.Fragment, null, /* @__PURE__ */ React9__default.default.createElement(FormFactor, null), /* @__PURE__ */ React9__default.default.createElement(ChangeHost, null), /* @__PURE__ */ React9__default.default.createElement(InitRefresh, null), /* @__PURE__ */ React9__default.default.createElement(FileConvert, null), /* @__PURE__ */ React9__default.default.createElement(Filter, null))));
+  return /* @__PURE__ */ React9__default.default.createElement(React9__default.default.Fragment, null, /* @__PURE__ */ React9__default.default.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React9__default.default.createElement("div", { style: debugMenuPanelStyle }, /* @__PURE__ */ React9__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React9__default.default.createElement("h2", { style: h2Style }, "Debug Menu"), /* @__PURE__ */ React9__default.default.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React9__default.default.createElement("ul", null, menuItems2.map((item) => /* @__PURE__ */ React9__default.default.createElement("li", { key: item.id, onClick: () => onMenuItemClick(item.component), style: menuItemStyle }, item.label))), serviceCode === "dsp" && /* @__PURE__ */ React9__default.default.createElement(React9__default.default.Fragment, null, /* @__PURE__ */ React9__default.default.createElement(Filter, null), /* @__PURE__ */ React9__default.default.createElement(FormFactor, null), /* @__PURE__ */ React9__default.default.createElement(ChangeHost, null), /* @__PURE__ */ React9__default.default.createElement(InitRefresh, null))));
 };
 var menu_panel_default = MenuPanel;
+function isDebugStepValidationOff() {
+  return isDebugByFilterName("validation-off");
+}
+function isDebugByFilterName(name) {
+  const filterNames = cookie.getCookie(filterNameCookieKey)?.split(",");
+  return filterNames?.includes(name) || false;
+}
+
+// src/features/console-log/use-console-log.ts
 var globalLogs = [];
 var listeners = [];
 var originalConsoleMethods = {};
 var isConsoleOverridden = false;
+var MAX_LOGS = 10;
 var addLog = (type, ...args) => {
   const newLog = {
     id: Date.now() + Math.random(),
@@ -469,6 +517,11 @@ var addLog = (type, ...args) => {
     timestamp: (/* @__PURE__ */ new Date()).toLocaleTimeString(),
     message: args
   };
+  if (globalLogs.length >= MAX_LOGS) {
+    if (!isDebugByFilterName("console-log")) {
+      globalLogs.shift();
+    }
+  }
   globalLogs = [...globalLogs, newLog];
   listeners.forEach((listener) => listener([...globalLogs]));
 };
@@ -555,10 +608,6 @@ var console_log_panel_default = ConsoleLogPanel;
 var LoginPanel = ({ onClose, onLogin }) => {
   const [selectedTypeId, setSelectedTypeId] = React9.useState(loginTypes[0]?.id || "");
   const [formData, setFormData] = React9.useState({});
-  const [mode, setMode] = React9.useState(cookie.getCookie("dsp-debug-mode") === "on");
-  const [stepValidationOff, SetStepValidationOff] = React9.useState(
-    cookie.getCookie("Debug-Step-Validation-Off") === "true"
-  );
   const selectedType = React9.useMemo(() => loginTypes.find((t) => t.id === selectedTypeId), [selectedTypeId]);
   const handleInputChange = (e) => {
     const { name, value } = e.target;
@@ -567,74 +616,15 @@ var LoginPanel = ({ onClose, onLogin }) => {
   const handleSubmit = (e) => {
     e.preventDefault();
     if (selectedType) {
+      salesFrontendUtils.deleteCookie("accessToken");
       onLogin(selectedType.id, formData);
       onClose();
     }
   };
-  const handleDebugOn = (e) => {
-    const checkbox = e.target;
-    if (checkbox.checked) {
-      cookie.setCookie("dsp-debug-mode", "on", { path: "/" });
-      setMode(true);
-    } else {
-      cookie.setCookie("dsp-debug-mode", "off", { path: "/" });
-      setMode(false);
-    }
-  };
-  const handleStepValidationOff = (e) => {
-    const checkbox = e.target;
-    if (checkbox.checked) {
-      cookie.setCookie("Debug-Step-Validation-Off", "true", { path: "/" });
-      SetStepValidationOff(true);
-    } else {
-      cookie.setCookie("Debug-Step-Validation-Off", "false", { path: "/" });
-      SetStepValidationOff(false);
-    }
-  };
-  const handleTermsPathPolyNo = (e) => {
-    const val = e.target.value.trim();
-    if (!val) {
-      cookie.deleteCookie("Debug-Terms-PolyNo");
-    } else {
-      cookie.setCookie("Debug-Terms-PolyNo", val, { path: "/" });
-    }
-  };
-  const handleTermsPathSaleDate = (e) => {
-    const val = e.target.value.trim();
-    if (!val) {
-      cookie.deleteCookie("Debug-Terms-SaleDate");
-    } else {
-      cookie.setCookie("Debug-Terms-SaleDate", val, { path: "/" });
-    }
-  };
   React9.useEffect(() => {
     setFormData({});
   }, [selectedType]);
-  return /* @__PURE__ */ React9__default.default.createElement(React9__default.default.Fragment, null, /* @__PURE__ */ React9__default.default.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React9__default.default.createElement("div", { style: debugFeaturePanelStyle }, /* @__PURE__ */ React9__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React9__default.default.createElement("h2", { style: h2Style }, "\uAC04\uD3B8 \uB85C\uADF8\uC778"), /* @__PURE__ */ React9__default.default.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React9__default.default.createElement("form", { style: loginFormContainerStyle, onSubmit: handleSubmit }, /* @__PURE__ */ React9__default.default.createElement("div", null, /* @__PURE__ */ React9__default.default.createElement("ul", { style: { listStyleType: "circle" } }, /* @__PURE__ */ React9__default.default.createElement("li", null, /* @__PURE__ */ React9__default.default.createElement("label", { htmlFor: "debug-on" }, "Debug On"), /* @__PURE__ */ React9__default.default.createElement("input", { type: "checkbox", id: "debug-on", onChange: handleDebugOn, checked: mode }), /* @__PURE__ */ React9__default.default.createElement("ul", { style: { listStyleType: "square", paddingLeft: "20px" } }, /* @__PURE__ */ React9__default.default.createElement("li", null, "(\uCFE0\uD0A4\uC5D0 \uC14B\uD305\uB41C \uD1A0\uD070\uAC12\uC73C\uB85C \uD5E4\uB354\uB97C \uC0DD\uC131\uD569\uB2C8\uB2E4. \uAC04\uD3B8\uB85C\uADF8\uC778 \uC0AC\uC6A9\uC2DC \uD544\uC218\uCCB4\uD06C)"))), /* @__PURE__ */ React9__default.default.createElement("li", null, /* @__PURE__ */ React9__default.default.createElement("label", { htmlFor: "step-validation-off" }, "\uC11C\uC2DD Validation Off"), /* @__PURE__ */ React9__default.default.createElement(
-    "input",
-    {
-      type: "checkbox",
-      id: "step-validation-off",
-      onChange: handleStepValidationOff,
-      checked: stepValidationOff
-    }
-  ), /* @__PURE__ */ React9__default.default.createElement("ul", { style: { listStyleType: "square", paddingLeft: "20px" } }, /* @__PURE__ */ React9__default.default.createElement("li", null, "(\uC11C\uC2DD \uB2E8\uACC4 \uC774\uB3D9\uC2DC, validation\uC744 \uB044\uACE0 \uBBF8\uC791\uC131 \uB2E8\uACC4\uB3C4 \uC774\uB3D9\uAC00\uB2A5\uD558\uB3C4\uB85D \uD569\uB2C8\uB2E4.)"))), /* @__PURE__ */ React9__default.default.createElement("li", null, /* @__PURE__ */ React9__default.default.createElement("label", { htmlFor: "terms-path-poly-no" }, "\uC57D\uAD00 polyNo"), /* @__PURE__ */ React9__default.default.createElement(
-    "input",
-    {
-      type: "text",
-      id: "terms-path-poly-no",
-      onChange: handleTermsPathPolyNo,
-      placeholder: "polyNo,saleDate\uB458\uB2E4\uC785\uB825"
-    }
-  )), /* @__PURE__ */ React9__default.default.createElement("li", null, /* @__PURE__ */ React9__default.default.createElement("label", { htmlFor: "terms-path-sale-date" }, "\uC57D\uAD00 saleDate"), /* @__PURE__ */ React9__default.default.createElement(
-    "input",
-    {
-      type: "text",
-      id: "terms-path-sale-date",
-      onChange: handleTermsPathSaleDate,
-      placeholder: "polyNo,saleDate\uB458\uB2E4\uC785\uB825"
-    }
-  ), /* @__PURE__ */ React9__default.default.createElement("br", null), /* @__PURE__ */ React9__default.default.createElement("strong", null, "\uC57D\uAD00\uD655\uC778\uD6C4 \uD574\uB2F9\uCFE0\uD0A4 \uBC18\uB4DC\uC2DC \uC0AD\uC81C"))), /* @__PURE__ */ React9__default.default.createElement("br", null), " ", /* @__PURE__ */ React9__default.default.createElement("br", null), /* @__PURE__ */ React9__default.default.createElement("label", { htmlFor: "login-type-select" }, "\uB85C\uADF8\uC778 \uC720\uD615"), /* @__PURE__ */ React9__default.default.createElement("select", { id: "login-type-select", value: selectedTypeId, onChange: (e) => setSelectedTypeId(e.target.value) }, loginTypes.map((type) => /* @__PURE__ */ React9__default.default.createElement("option", { key: type.id, value: type.id }, type.label)))), selectedType?.fields.map((field) => /* @__PURE__ */ React9__default.default.createElement("div", { key: field.name }, /* @__PURE__ */ React9__default.default.createElement("label", { htmlFor: field.name }, field.label), /* @__PURE__ */ React9__default.default.createElement(
+  return /* @__PURE__ */ React9__default.default.createElement(React9__default.default.Fragment, null, /* @__PURE__ */ React9__default.default.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React9__default.default.createElement("div", { style: debugFeaturePanelStyle }, /* @__PURE__ */ React9__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React9__default.default.createElement("h2", { style: h2Style }, "\uAC04\uD3B8 \uB85C\uADF8\uC778"), /* @__PURE__ */ React9__default.default.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React9__default.default.createElement("form", { style: loginFormContainerStyle, onSubmit: handleSubmit }, /* @__PURE__ */ React9__default.default.createElement("div", null, /* @__PURE__ */ React9__default.default.createElement("label", { htmlFor: "login-type-select" }, "\uB85C\uADF8\uC778 \uC720\uD615"), /* @__PURE__ */ React9__default.default.createElement("select", { id: "login-type-select", value: selectedTypeId, onChange: (e) => setSelectedTypeId(e.target.value) }, loginTypes.map((type) => /* @__PURE__ */ React9__default.default.createElement("option", { key: type.id, value: type.id }, type.label)))), selectedType?.fields.map((field) => /* @__PURE__ */ React9__default.default.createElement("div", { key: field.name }, /* @__PURE__ */ React9__default.default.createElement("label", { htmlFor: field.name }, field.label), /* @__PURE__ */ React9__default.default.createElement(
     "input",
     {
       type: field.type,
@@ -973,17 +963,6 @@ var loginTypes = [
     id: "fp",
     label: "FP \uB85C\uADF8\uC778",
     fields: [{ name: "employeeId", label: "\uC0AC\uBC88", type: "text", placeholder: "\uC0AC\uBC88\uC744 \uC785\uB825\uD558\uC138\uC694" }]
-  },
-  {
-    id: "customer",
-    label: "\uACE0\uAC1D \uB85C\uADF8\uC778",
-    fields: [
-      { name: "name", label: "\uC774\uB984", type: "text", placeholder: "\uC774\uB984" },
-      { name: "phone", label: "\uC804\uD654\uBC88\uD638", type: "tel", placeholder: "\uC804\uD654\uBC88\uD638" },
-      { name: "residentNumber", label: "\uC8FC\uBBFC\uBC88\uD638", type: "text", placeholder: "\uC8FC\uBBFC\uBC88\uD638 \uC55E 7\uC790\uB9AC" },
-      { name: "userId", label: "\uC544\uC774\uB514", type: "text", placeholder: "\uC544\uC774\uB514" },
-      { name: "password", label: "\uBE44\uBC00\uBC88\uD638", type: "password", placeholder: "\uBE44\uBC00\uBC88\uD638" }
-    ]
   }
 ];
 var menuItems = [
@@ -1109,13 +1088,19 @@ var DebugTool = ({
     )
   );
 };
+var MAX_LOGS2 = 20;
 function addRequestLog(config) {
   if (!salesFrontendUtils.isClient()) {
     return;
   }
   const env = salesFrontendUtils.getEnvironmentFromHostname(location.hostname);
   if (env !== "prd") {
-    const { addRequest, isHold, holdRequest } = salesFrontendStores.useDebugStore.getState();
+    const { addRequest, isHold, holdRequest, requests } = salesFrontendStores.useDebugStore.getState();
+    if (requests.length >= MAX_LOGS2) {
+      if (!isDebugByFilterName("http-log")) {
+        requests.shift();
+      }
+    }
     const startTime = Date.now();
     const requestInfo = {
       url: config.url || "",
@@ -1140,7 +1125,12 @@ function addResponseLog(response) {
   }
   const env = salesFrontendUtils.getEnvironmentFromHostname(location.hostname);
   if (env !== "prd") {
-    const { addResponse, isHold, holdResponse } = salesFrontendStores.useDebugStore.getState();
+    const { addResponse, isHold, holdResponse, responses } = salesFrontendStores.useDebugStore.getState();
+    if (responses.length >= MAX_LOGS2) {
+      if (!isDebugByFilterName("http-log")) {
+        responses.shift();
+      }
+    }
     const { config } = response;
     const responseInfo = {
       url: config.url || "",
@@ -1160,9 +1150,17 @@ function addResponseLog(response) {
   }
 }
 function addErrorLog(error) {
+  if (!salesFrontendUtils.isClient()) {
+    return;
+  }
   const env = salesFrontendUtils.getEnvironmentFromHostname(location.hostname);
   if (env !== "prd") {
-    const { addError, isHold, holdError } = salesFrontendStores.useDebugStore.getState();
+    const { addError, isHold, holdError, errors } = salesFrontendStores.useDebugStore.getState();
+    if (errors.length >= MAX_LOGS2) {
+      if (!isDebugByFilterName("http-log")) {
+        errors.shift();
+      }
+    }
     const { config } = error;
     const errorInfo = {
       url: config?.url || "",
@@ -1187,30 +1185,12 @@ function addErrorLog(error) {
     }
   }
 }
-function isDebugStepValidationOff() {
-  const debugStepValidationOff = cookie.getCookie("Debug-Step-Validation-Off") === "true";
-  return debugStepValidationOff;
-}
-function isDebugMode() {
-  const debugMode = cookie.getCookie("dsp-debug-mode") === "on";
-  return debugMode;
-}
-function getDebugFileConvertType() {
-  const fileConvertType = cookie.getCookie(fileConvertTypeCookieKey);
-  return fileConvertType;
-}
-function isDebugByFilterName(name) {
-  const filterNames = cookie.getCookie(filterNameCookieKey)?.split(",");
-  return filterNames?.includes(name) || false;
-}
 
 exports.DebugTool = DebugTool;
 exports.addErrorLog = addErrorLog;
 exports.addRequestLog = addRequestLog;
 exports.addResponseLog = addResponseLog;
-exports.getDebugFileConvertType = getDebugFileConvertType;
 exports.isDebugByFilterName = isDebugByFilterName;
-exports.isDebugMode = isDebugMode;
 exports.isDebugStepValidationOff = isDebugStepValidationOff;
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map