sales-frontend-debug 0.0.60 → 0.0.62
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +102 -83
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +2 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.js +54 -36
- package/dist/index.js.map +1 -1
- package/package.json +4 -4
package/dist/index.d.cts
CHANGED
|
@@ -51,5 +51,6 @@ declare function addErrorLog(error: AxiosError): Promise<unknown> | undefined;
|
|
|
51
51
|
declare function isDebugStepValidationOff(): boolean;
|
|
52
52
|
declare function isDebugMode(): boolean;
|
|
53
53
|
declare function getDebugFileConvertType(): string;
|
|
54
|
+
declare function isDebugByFilterName(name: string): boolean;
|
|
54
55
|
|
|
55
|
-
export { DebugTool, addErrorLog, addRequestLog, addResponseLog, getDebugFileConvertType, isDebugMode, isDebugStepValidationOff };
|
|
56
|
+
export { DebugTool, addErrorLog, addRequestLog, addResponseLog, getDebugFileConvertType, isDebugByFilterName, isDebugMode, isDebugStepValidationOff };
|
package/dist/index.d.ts
CHANGED
|
@@ -51,5 +51,6 @@ declare function addErrorLog(error: AxiosError): Promise<unknown> | undefined;
|
|
|
51
51
|
declare function isDebugStepValidationOff(): boolean;
|
|
52
52
|
declare function isDebugMode(): boolean;
|
|
53
53
|
declare function getDebugFileConvertType(): string;
|
|
54
|
+
declare function isDebugByFilterName(name: string): boolean;
|
|
54
55
|
|
|
55
|
-
export { DebugTool, addErrorLog, addRequestLog, addResponseLog, getDebugFileConvertType, isDebugMode, isDebugStepValidationOff };
|
|
56
|
+
export { DebugTool, addErrorLog, addRequestLog, addResponseLog, getDebugFileConvertType, isDebugByFilterName, isDebugMode, isDebugStepValidationOff };
|
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React9, { useEffect, useState, useMemo, useRef, useCallback } from 'react';
|
|
2
2
|
import { getCookie, setCookie, deleteCookie } from 'sales-frontend-utils/cookie';
|
|
3
3
|
import { isClient, getEnvironmentFromHostname } from 'sales-frontend-utils';
|
|
4
4
|
import { useDebugStore } from 'sales-frontend-stores';
|
|
@@ -348,7 +348,7 @@ var FloatingButton = ({ onClick }) => {
|
|
|
348
348
|
display: isVisible ? "flex" : "none"
|
|
349
349
|
// Hide until activated
|
|
350
350
|
};
|
|
351
|
-
return /* @__PURE__ */
|
|
351
|
+
return /* @__PURE__ */ React9.createElement("button", { style: buttonStyle, onMouseDown: handleMouseDown, onClick: handleClick }, "DEBUG");
|
|
352
352
|
};
|
|
353
353
|
var floating_button_default = FloatingButton;
|
|
354
354
|
function ChangeHost() {
|
|
@@ -359,7 +359,7 @@ function ChangeHost() {
|
|
|
359
359
|
"dsp-debug-mode-env": getCookie("dsp-debug-mode-env")
|
|
360
360
|
});
|
|
361
361
|
};
|
|
362
|
-
return /* @__PURE__ */
|
|
362
|
+
return /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React9.createElement("h2", { style: h2Style }, "API\uD638\uC2A4\uD2B8")), /* @__PURE__ */ React9.createElement("ul", null, /* @__PURE__ */ React9.createElement("li", { style: menuItemStyle, onClick: () => handleHost("local") }, "local"), /* @__PURE__ */ React9.createElement("li", { style: menuItemStyle, onClick: () => handleHost("dev") }, "dev"), /* @__PURE__ */ React9.createElement("li", { style: menuItemStyle, onClick: () => handleHost("stg") }, "stg")));
|
|
363
363
|
}
|
|
364
364
|
var fileConvertTypeCookieKey = "dsp-debug-mode-file-convert-type";
|
|
365
365
|
function FileConvert() {
|
|
@@ -370,7 +370,21 @@ function FileConvert() {
|
|
|
370
370
|
[fileConvertTypeCookieKey]: getCookie(fileConvertTypeCookieKey)
|
|
371
371
|
});
|
|
372
372
|
};
|
|
373
|
-
return /* @__PURE__ */
|
|
373
|
+
return /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React9.createElement("h2", { style: h2Style }, "File Convert Type")), /* @__PURE__ */ React9.createElement("ul", null, /* @__PURE__ */ React9.createElement("li", { style: menuItemStyle, onClick: () => handleFileConvertType("fetch") }, "fetch"), /* @__PURE__ */ React9.createElement("li", { style: menuItemStyle, onClick: () => handleFileConvertType("canvas") }, "canvas"), /* @__PURE__ */ React9.createElement("li", { style: menuItemStyle, onClick: () => handleFileConvertType("xhr") }, "xhr")));
|
|
374
|
+
}
|
|
375
|
+
var filterNameCookieKey = "dsp-debug-mode-filter-name";
|
|
376
|
+
function Filter() {
|
|
377
|
+
const [filterName, setFilterName] = React9.useState("");
|
|
378
|
+
const handleFilterNameChange = (e) => {
|
|
379
|
+
const filterName2 = e.target.value;
|
|
380
|
+
setCookie(filterNameCookieKey, filterName2);
|
|
381
|
+
setFilterName(filterName2);
|
|
382
|
+
};
|
|
383
|
+
useEffect(() => {
|
|
384
|
+
const filterName2 = getCookie(filterNameCookieKey);
|
|
385
|
+
setFilterName(filterName2);
|
|
386
|
+
}, []);
|
|
387
|
+
return /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React9.createElement("h2", { style: h2Style }, "Filter ex: filter1,filter2")), /* @__PURE__ */ React9.createElement("ul", null, /* @__PURE__ */ React9.createElement("li", { style: menuItemStyle }, "filter-name:", /* @__PURE__ */ React9.createElement("input", { type: "text", onChange: handleFilterNameChange, value: filterName }))));
|
|
374
388
|
}
|
|
375
389
|
function FormFactor() {
|
|
376
390
|
const handleFormFactor = (formFactor) => {
|
|
@@ -380,7 +394,7 @@ function FormFactor() {
|
|
|
380
394
|
"x-channel-formfactor": getCookie("x-channel-formfactor")
|
|
381
395
|
});
|
|
382
396
|
};
|
|
383
|
-
return /* @__PURE__ */
|
|
397
|
+
return /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React9.createElement("h2", { style: h2Style }, "\uD3FC\uD329\uD130")), /* @__PURE__ */ React9.createElement("ul", null, /* @__PURE__ */ React9.createElement("li", { style: menuItemStyle, onClick: () => handleFormFactor("tablet") }, "Tablet"), /* @__PURE__ */ React9.createElement("li", { style: menuItemStyle, onClick: () => handleFormFactor("phone") }, "Phone"), /* @__PURE__ */ React9.createElement("li", { style: menuItemStyle, onClick: () => handleFormFactor("pc") }, "PC")));
|
|
384
398
|
}
|
|
385
399
|
function InitRefresh() {
|
|
386
400
|
const handleDeleteHostCookie = () => {
|
|
@@ -422,7 +436,7 @@ function InitRefresh() {
|
|
|
422
436
|
"x-channel-business-work-division-code": getCookie("x-channel-business-work-division-code")
|
|
423
437
|
});
|
|
424
438
|
};
|
|
425
|
-
return /* @__PURE__ */
|
|
439
|
+
return /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React9.createElement("h2", { style: h2Style }, "\uCD08\uAE30\uD654")), /* @__PURE__ */ React9.createElement("ul", null, /* @__PURE__ */ React9.createElement("li", { style: menuItemStyle }, /* @__PURE__ */ React9.createElement(
|
|
426
440
|
"button",
|
|
427
441
|
{
|
|
428
442
|
onClick: () => {
|
|
@@ -430,12 +444,12 @@ function InitRefresh() {
|
|
|
430
444
|
}
|
|
431
445
|
},
|
|
432
446
|
"\uC0C8\uB85C\uACE0\uCE68"
|
|
433
|
-
)), /* @__PURE__ */
|
|
447
|
+
)), /* @__PURE__ */ React9.createElement("li", { style: menuItemStyle }, /* @__PURE__ */ React9.createElement("button", { onClick: handleDeleteHostCookie }, "Host \uC0AD\uC81C")), /* @__PURE__ */ React9.createElement("li", { style: menuItemStyle }, /* @__PURE__ */ React9.createElement("button", { onClick: handleDeleteCustomCookie }, "\uCEE4\uC2A4\uD140(x-channel-) \uC0AD\uC81C")), /* @__PURE__ */ React9.createElement("li", { style: menuItemStyle }, /* @__PURE__ */ React9.createElement("button", { onClick: handleDeleteTokenCookie }, "\uD1A0\uD070 \uC0AD\uC81C"))));
|
|
434
448
|
}
|
|
435
449
|
|
|
436
450
|
// src/components/menu-panel.tsx
|
|
437
451
|
var MenuPanel = ({ menuItems: menuItems2, onMenuItemClick, onClose, serviceCode }) => {
|
|
438
|
-
return /* @__PURE__ */
|
|
452
|
+
return /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React9.createElement("div", { style: debugMenuPanelStyle }, /* @__PURE__ */ React9.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React9.createElement("h2", { style: h2Style }, "Debug Menu"), /* @__PURE__ */ React9.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React9.createElement("ul", null, menuItems2.map((item) => /* @__PURE__ */ React9.createElement("li", { key: item.id, onClick: () => onMenuItemClick(item.component), style: menuItemStyle }, item.label))), serviceCode === "dsp" && /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement(FormFactor, null), /* @__PURE__ */ React9.createElement(ChangeHost, null), /* @__PURE__ */ React9.createElement(InitRefresh, null), /* @__PURE__ */ React9.createElement(FileConvert, null), /* @__PURE__ */ React9.createElement(Filter, null))));
|
|
439
453
|
};
|
|
440
454
|
var menu_panel_default = MenuPanel;
|
|
441
455
|
var globalLogs = [];
|
|
@@ -511,7 +525,7 @@ var LogMessage = ({ entry }) => {
|
|
|
511
525
|
return String(part);
|
|
512
526
|
});
|
|
513
527
|
const style = { ...logMessageStyle, ...logTypeStyles[entry.type] };
|
|
514
|
-
return /* @__PURE__ */
|
|
528
|
+
return /* @__PURE__ */ React9.createElement("pre", { style }, messageParts.join(" "));
|
|
515
529
|
};
|
|
516
530
|
var ConsoleLogPanel = ({ onClose }) => {
|
|
517
531
|
const { logs, clearLogs } = useConsoleLog();
|
|
@@ -529,7 +543,7 @@ var ConsoleLogPanel = ({ onClose }) => {
|
|
|
529
543
|
}
|
|
530
544
|
}, [filteredLogs]);
|
|
531
545
|
const segmentOptions = ["all", "log", "warn", "error"];
|
|
532
|
-
return /* @__PURE__ */
|
|
546
|
+
return /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React9.createElement("div", { style: debugFeaturePanelStyle }, /* @__PURE__ */ React9.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React9.createElement("h2", { style: h2Style }, "Console Logs"), /* @__PURE__ */ React9.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React9.createElement("div", { style: panelToolbarStyle }, /* @__PURE__ */ React9.createElement("div", null, segmentOptions.map((option) => /* @__PURE__ */ React9.createElement("button", { key: option, onClick: () => setFilter(option), disabled: filter === option }, option.charAt(0).toUpperCase() + option.slice(1)))), /* @__PURE__ */ React9.createElement("button", { onClick: clearLogs, style: clearButtonStyle }, "Clear")), /* @__PURE__ */ React9.createElement("div", { style: logListContainerStyle, ref: logContainerRef }, filteredLogs.map((log) => /* @__PURE__ */ React9.createElement("div", { key: log.id, style: logItemStyle }, /* @__PURE__ */ React9.createElement("span", { style: logTimestampStyle }, log.timestamp), /* @__PURE__ */ React9.createElement(LogMessage, { entry: log }))))));
|
|
533
547
|
};
|
|
534
548
|
var console_log_panel_default = ConsoleLogPanel;
|
|
535
549
|
var LoginPanel = ({ onClose, onLogin }) => {
|
|
@@ -590,7 +604,7 @@ var LoginPanel = ({ onClose, onLogin }) => {
|
|
|
590
604
|
useEffect(() => {
|
|
591
605
|
setFormData({});
|
|
592
606
|
}, [selectedType]);
|
|
593
|
-
return /* @__PURE__ */
|
|
607
|
+
return /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React9.createElement("div", { style: debugFeaturePanelStyle }, /* @__PURE__ */ React9.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React9.createElement("h2", { style: h2Style }, "\uAC04\uD3B8 \uB85C\uADF8\uC778"), /* @__PURE__ */ React9.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React9.createElement("form", { style: loginFormContainerStyle, onSubmit: handleSubmit }, /* @__PURE__ */ React9.createElement("div", null, /* @__PURE__ */ React9.createElement("ul", { style: { listStyleType: "circle" } }, /* @__PURE__ */ React9.createElement("li", null, /* @__PURE__ */ React9.createElement("label", { htmlFor: "debug-on" }, "Debug On"), /* @__PURE__ */ React9.createElement("input", { type: "checkbox", id: "debug-on", onChange: handleDebugOn, checked: mode }), /* @__PURE__ */ React9.createElement("ul", { style: { listStyleType: "square", paddingLeft: "20px" } }, /* @__PURE__ */ React9.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.createElement("li", null, /* @__PURE__ */ React9.createElement("label", { htmlFor: "step-validation-off" }, "\uC11C\uC2DD Validation Off"), /* @__PURE__ */ React9.createElement(
|
|
594
608
|
"input",
|
|
595
609
|
{
|
|
596
610
|
type: "checkbox",
|
|
@@ -598,7 +612,7 @@ var LoginPanel = ({ onClose, onLogin }) => {
|
|
|
598
612
|
onChange: handleStepValidationOff,
|
|
599
613
|
checked: stepValidationOff
|
|
600
614
|
}
|
|
601
|
-
), /* @__PURE__ */
|
|
615
|
+
), /* @__PURE__ */ React9.createElement("ul", { style: { listStyleType: "square", paddingLeft: "20px" } }, /* @__PURE__ */ React9.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.createElement("li", null, /* @__PURE__ */ React9.createElement("label", { htmlFor: "terms-path-poly-no" }, "\uC57D\uAD00 polyNo"), /* @__PURE__ */ React9.createElement(
|
|
602
616
|
"input",
|
|
603
617
|
{
|
|
604
618
|
type: "text",
|
|
@@ -606,7 +620,7 @@ var LoginPanel = ({ onClose, onLogin }) => {
|
|
|
606
620
|
onChange: handleTermsPathPolyNo,
|
|
607
621
|
placeholder: "polyNo,saleDate\uB458\uB2E4\uC785\uB825"
|
|
608
622
|
}
|
|
609
|
-
)), /* @__PURE__ */
|
|
623
|
+
)), /* @__PURE__ */ React9.createElement("li", null, /* @__PURE__ */ React9.createElement("label", { htmlFor: "terms-path-sale-date" }, "\uC57D\uAD00 saleDate"), /* @__PURE__ */ React9.createElement(
|
|
610
624
|
"input",
|
|
611
625
|
{
|
|
612
626
|
type: "text",
|
|
@@ -614,7 +628,7 @@ var LoginPanel = ({ onClose, onLogin }) => {
|
|
|
614
628
|
onChange: handleTermsPathSaleDate,
|
|
615
629
|
placeholder: "polyNo,saleDate\uB458\uB2E4\uC785\uB825"
|
|
616
630
|
}
|
|
617
|
-
), /* @__PURE__ */
|
|
631
|
+
), /* @__PURE__ */ React9.createElement("br", null), /* @__PURE__ */ React9.createElement("strong", null, "\uC57D\uAD00\uD655\uC778\uD6C4 \uD574\uB2F9\uCFE0\uD0A4 \uBC18\uB4DC\uC2DC \uC0AD\uC81C"))), /* @__PURE__ */ React9.createElement("br", null), " ", /* @__PURE__ */ React9.createElement("br", null), /* @__PURE__ */ React9.createElement("label", { htmlFor: "login-type-select" }, "\uB85C\uADF8\uC778 \uC720\uD615"), /* @__PURE__ */ React9.createElement("select", { id: "login-type-select", value: selectedTypeId, onChange: (e) => setSelectedTypeId(e.target.value) }, loginTypes.map((type) => /* @__PURE__ */ React9.createElement("option", { key: type.id, value: type.id }, type.label)))), selectedType?.fields.map((field) => /* @__PURE__ */ React9.createElement("div", { key: field.name }, /* @__PURE__ */ React9.createElement("label", { htmlFor: field.name }, field.label), /* @__PURE__ */ React9.createElement(
|
|
618
632
|
"input",
|
|
619
633
|
{
|
|
620
634
|
type: field.type,
|
|
@@ -625,7 +639,7 @@ var LoginPanel = ({ onClose, onLogin }) => {
|
|
|
625
639
|
onChange: handleInputChange,
|
|
626
640
|
required: true
|
|
627
641
|
}
|
|
628
|
-
))), /* @__PURE__ */
|
|
642
|
+
))), /* @__PURE__ */ React9.createElement("div", { style: formActionsStyle }, /* @__PURE__ */ React9.createElement("button", { type: "submit" }, "\uB85C\uADF8\uC778")))));
|
|
629
643
|
};
|
|
630
644
|
var login_panel_default = LoginPanel;
|
|
631
645
|
var SEARCH_SECTIONS = [
|
|
@@ -726,9 +740,9 @@ var NetworkLog = ({ onClose }) => {
|
|
|
726
740
|
};
|
|
727
741
|
const renderLogContent = (log) => {
|
|
728
742
|
const logInfo = getLogInfo(log);
|
|
729
|
-
return /* @__PURE__ */
|
|
743
|
+
return /* @__PURE__ */ React9.createElement("pre", null, JSON.stringify(logInfo, null, 2));
|
|
730
744
|
};
|
|
731
|
-
return /* @__PURE__ */
|
|
745
|
+
return /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React9.createElement("div", { style: debugFeaturePanelStyle }, /* @__PURE__ */ React9.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React9.createElement("h2", { style: h2Style }, "\uB124\uD2B8\uC6CC\uD06C \uB85C\uADF8"), /* @__PURE__ */ React9.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React9.createElement("div", { style: networkLogContainerStyle }, /* @__PURE__ */ React9.createElement("div", { style: searchContainerStyle }, /* @__PURE__ */ React9.createElement("select", { value: searchSection, onChange: (e) => setSearchSection(e.target.value) }, SEARCH_SECTIONS.map((option) => /* @__PURE__ */ React9.createElement("option", { key: option.value, value: option.value }, option.label))), /* @__PURE__ */ React9.createElement(
|
|
732
746
|
"input",
|
|
733
747
|
{
|
|
734
748
|
type: "text",
|
|
@@ -737,14 +751,14 @@ var NetworkLog = ({ onClose }) => {
|
|
|
737
751
|
onChange: (e) => setSearchTerm(e.target.value),
|
|
738
752
|
style: flex1Style
|
|
739
753
|
}
|
|
740
|
-
), /* @__PURE__ */
|
|
754
|
+
), /* @__PURE__ */ React9.createElement("label", null, /* @__PURE__ */ React9.createElement("input", { type: "checkbox", id: "hold-checkbox", checked: isHold, onChange: toggleHold }), "Hold"), /* @__PURE__ */ React9.createElement("button", { onClick: clear }, "clear")), isHold && /* @__PURE__ */ React9.createElement("div", { style: holdButtonsContainerStyle }, /* @__PURE__ */ React9.createElement("button", { onClick: () => playAllRequests() }, "REQ Resolve"), /* @__PURE__ */ React9.createElement("button", { onClick: () => playAllResponses() }, "RES Resolve")), /* @__PURE__ */ React9.createElement("div", { style: logListStyle }, filteredLogs.length === 0 ? /* @__PURE__ */ React9.createElement("p", null, "\uD45C\uC2DC\uD560 \uB85C\uADF8\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4.") : /* @__PURE__ */ React9.createElement("div", null, filteredLogs.map((log, index) => /* @__PURE__ */ React9.createElement("details", { key: index }, /* @__PURE__ */ React9.createElement("summary", { style: logSummaryStyle }, renderLogSummary(log)), /* @__PURE__ */ React9.createElement("div", { style: logContentStyle }, renderLogContent(log)))))))));
|
|
741
755
|
};
|
|
742
756
|
var network_log_default = NetworkLog;
|
|
743
757
|
var LocationInfo = () => {
|
|
744
758
|
return Object.keys(location).map((key) => {
|
|
745
759
|
const val = location[key];
|
|
746
760
|
if (typeof val === "string") {
|
|
747
|
-
return /* @__PURE__ */
|
|
761
|
+
return /* @__PURE__ */ React9.createElement("div", { key }, key, ": ", val, " ", val && /* @__PURE__ */ React9.createElement("button", { onClick: () => navigator.clipboard.writeText(val) }, "\uBCF5\uC0AC"));
|
|
748
762
|
}
|
|
749
763
|
});
|
|
750
764
|
};
|
|
@@ -755,7 +769,7 @@ var PageNavigationPanel = ({ onClose }) => {
|
|
|
755
769
|
self.location.href = url;
|
|
756
770
|
}
|
|
757
771
|
};
|
|
758
|
-
return /* @__PURE__ */
|
|
772
|
+
return /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React9.createElement("div", { style: debugFeaturePanelStyle }, /* @__PURE__ */ React9.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React9.createElement("h2", { style: h2Style }, "\uD398\uC774\uC9C0 \uC815\uBCF4"), /* @__PURE__ */ React9.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React9.createElement("div", { style: pageNavigationContentStyle }, /* @__PURE__ */ React9.createElement("br", null), /* @__PURE__ */ React9.createElement("br", null), "\uD398\uC774\uC9C0\uC815\uBCF4 :", /* @__PURE__ */ React9.createElement("span", { style: { whiteSpace: "normal", wordBreak: "break-all" } }, LocationInfo()), /* @__PURE__ */ React9.createElement("br", null), /* @__PURE__ */ React9.createElement("br", null), "\uD398\uC774\uC9C0\uC774\uB3D9 :", /* @__PURE__ */ React9.createElement(
|
|
759
773
|
"input",
|
|
760
774
|
{
|
|
761
775
|
type: "text",
|
|
@@ -764,7 +778,7 @@ var PageNavigationPanel = ({ onClose }) => {
|
|
|
764
778
|
placeholder: "\uC774\uB3D9\uD560 URL\uC744 \uC785\uB825\uD558\uC138\uC694 (\uC608: /main)",
|
|
765
779
|
style: flex1Style
|
|
766
780
|
}
|
|
767
|
-
), /* @__PURE__ */
|
|
781
|
+
), /* @__PURE__ */ React9.createElement("button", { onClick: handleNavigate }, "\uC774\uB3D9"))));
|
|
768
782
|
};
|
|
769
783
|
var page_navigation_panel_default = PageNavigationPanel;
|
|
770
784
|
var logTypeStyles2 = {
|
|
@@ -790,7 +804,7 @@ var ResultMessage = ({ log }) => {
|
|
|
790
804
|
});
|
|
791
805
|
const prefix = log.type === "return" ? "\u21A9 " : "";
|
|
792
806
|
const style = { ...logMessageStyle, ...logTypeStyles2[log.type] };
|
|
793
|
-
return /* @__PURE__ */
|
|
807
|
+
return /* @__PURE__ */ React9.createElement("pre", { style }, prefix, messageParts.join(" "));
|
|
794
808
|
};
|
|
795
809
|
var ScriptExecutorPanel = ({ onClose }) => {
|
|
796
810
|
const [code, setCode] = useState('// \uC5EC\uAE30\uC5D0 \uC2E4\uD589\uD560 \uCF54\uB4DC\uB97C \uC785\uB825\uD558\uC138\uC694\nconsole.log("Hello, World!");');
|
|
@@ -837,7 +851,7 @@ var ScriptExecutorPanel = ({ onClose }) => {
|
|
|
837
851
|
const handleClear = () => {
|
|
838
852
|
setResults([]);
|
|
839
853
|
};
|
|
840
|
-
return /* @__PURE__ */
|
|
854
|
+
return /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React9.createElement("div", { style: { ...debugFeaturePanelStyle, ...scriptExecutorContentStyle } }, /* @__PURE__ */ React9.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React9.createElement("h2", { style: h2Style }, "\uC2A4\uD06C\uB9BD\uD2B8 \uC2E4\uD589"), /* @__PURE__ */ React9.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React9.createElement("div", { style: scriptExecutorContentStyle }, /* @__PURE__ */ React9.createElement("div", { style: scriptInputSectionStyle }, /* @__PURE__ */ React9.createElement(
|
|
841
855
|
"textarea",
|
|
842
856
|
{
|
|
843
857
|
style: scriptTextareaStyle,
|
|
@@ -845,7 +859,7 @@ var ScriptExecutorPanel = ({ onClose }) => {
|
|
|
845
859
|
onChange: (e) => setCode(e.target.value),
|
|
846
860
|
spellCheck: "false"
|
|
847
861
|
}
|
|
848
|
-
), /* @__PURE__ */
|
|
862
|
+
), /* @__PURE__ */ React9.createElement("div", { style: scriptActionsStyle }, /* @__PURE__ */ React9.createElement("button", { onClick: handleExecute }, "\uC2E4\uD589 (\u25B6)"), /* @__PURE__ */ React9.createElement("button", { onClick: handleClear }, "\uACB0\uACFC \uC9C0\uC6B0\uAE30"))), /* @__PURE__ */ React9.createElement("div", { style: scriptOutputSectionStyle }, /* @__PURE__ */ React9.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React9.createElement("h3", { style: h3Style }, "\uACB0\uACFC")), /* @__PURE__ */ React9.createElement("div", { style: logListContainerStyle }, results.map((log) => /* @__PURE__ */ React9.createElement("div", { key: log.id, style: logItemStyle }, /* @__PURE__ */ React9.createElement("span", { style: logTimestampStyle }, log.timestamp), /* @__PURE__ */ React9.createElement(ResultMessage, { log }))))))));
|
|
849
863
|
};
|
|
850
864
|
var script_executor_panel_default = ScriptExecutorPanel;
|
|
851
865
|
var useStorage = (storageType) => {
|
|
@@ -904,11 +918,11 @@ var ValueDisplay = ({ value }) => {
|
|
|
904
918
|
try {
|
|
905
919
|
const parsed = JSON.parse(value);
|
|
906
920
|
if (typeof parsed === "object" && parsed !== null) {
|
|
907
|
-
return /* @__PURE__ */
|
|
921
|
+
return /* @__PURE__ */ React9.createElement("pre", { style: logContentStyle }, JSON.stringify(parsed, null, 2));
|
|
908
922
|
}
|
|
909
923
|
} catch (e) {
|
|
910
924
|
}
|
|
911
|
-
return /* @__PURE__ */
|
|
925
|
+
return /* @__PURE__ */ React9.createElement("div", { style: logContentStyle }, value);
|
|
912
926
|
};
|
|
913
927
|
var EditableRow = ({ item, onSave, onRemove }) => {
|
|
914
928
|
const [isEditing, setIsEditing] = useState(false);
|
|
@@ -921,7 +935,7 @@ var EditableRow = ({ item, onSave, onRemove }) => {
|
|
|
921
935
|
setValue(item.value);
|
|
922
936
|
setIsEditing(true);
|
|
923
937
|
};
|
|
924
|
-
return /* @__PURE__ */
|
|
938
|
+
return /* @__PURE__ */ React9.createElement("details", null, /* @__PURE__ */ React9.createElement("summary", null, item.key), /* @__PURE__ */ React9.createElement("div", null, isEditing ? /* @__PURE__ */ React9.createElement("button", { onClick: handleSave }, "Save") : /* @__PURE__ */ React9.createElement("button", { onClick: handleEdit }, "Edit"), /* @__PURE__ */ React9.createElement("button", { onClick: () => onRemove(item.key) }, "Remove"), isEditing ? /* @__PURE__ */ React9.createElement("textarea", { value, onChange: (e) => setValue(e.target.value), style: textareaStyle }) : /* @__PURE__ */ React9.createElement(ValueDisplay, { value: item.value })));
|
|
925
939
|
};
|
|
926
940
|
var StoragePanel = ({ onClose, storageType }) => {
|
|
927
941
|
const { items, setItem, removeItem } = useStorage(storageType);
|
|
@@ -934,7 +948,7 @@ var StoragePanel = ({ onClose, storageType }) => {
|
|
|
934
948
|
(item) => item.key.toLowerCase().includes(filter.toLowerCase()) || item.value.toLowerCase().includes(filter.toLowerCase())
|
|
935
949
|
);
|
|
936
950
|
}, [items, filter]);
|
|
937
|
-
return /* @__PURE__ */
|
|
951
|
+
return /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React9.createElement("div", { style: debugFeaturePanelStyle }, /* @__PURE__ */ React9.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React9.createElement("h2", { style: h2Style }, storageType === "localStorage" ? "Local Storage" : "Cookies"), /* @__PURE__ */ React9.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React9.createElement("div", { style: panelToolbarStyle }, /* @__PURE__ */ React9.createElement(
|
|
938
952
|
"input",
|
|
939
953
|
{
|
|
940
954
|
type: "text",
|
|
@@ -943,7 +957,7 @@ var StoragePanel = ({ onClose, storageType }) => {
|
|
|
943
957
|
onChange: (e) => setFilter(e.target.value),
|
|
944
958
|
style: storageSearchInputStyle
|
|
945
959
|
}
|
|
946
|
-
)), /* @__PURE__ */
|
|
960
|
+
)), /* @__PURE__ */ React9.createElement("div", { style: storageTableContainerStyle }, filteredItems.map((item) => /* @__PURE__ */ React9.createElement(EditableRow, { key: item.key, item, onSave: setItem, onRemove: removeItem })))));
|
|
947
961
|
};
|
|
948
962
|
var storage_panel_default = StoragePanel;
|
|
949
963
|
|
|
@@ -983,13 +997,13 @@ var menuItems = [
|
|
|
983
997
|
id: "local-storage",
|
|
984
998
|
label: "\uB85C\uCEEC \uC2A4\uD1A0\uB9AC\uC9C0 \uAD00\uB9AC",
|
|
985
999
|
// StoragePanel은 재사용 가능한 컴포넌트이므로, props를 통해 어떤 스토리지를 다룰지 지정합니다.
|
|
986
|
-
component: (props) => /* @__PURE__ */
|
|
1000
|
+
component: (props) => /* @__PURE__ */ React9.createElement(storage_panel_default, { ...props, storageType: "localStorage" }),
|
|
987
1001
|
display: true
|
|
988
1002
|
},
|
|
989
1003
|
{
|
|
990
1004
|
id: "cookie-management",
|
|
991
1005
|
label: "\uCFE0\uD0A4 \uAD00\uB9AC",
|
|
992
|
-
component: (props) => /* @__PURE__ */
|
|
1006
|
+
component: (props) => /* @__PURE__ */ React9.createElement(storage_panel_default, { ...props, storageType: "cookie" }),
|
|
993
1007
|
display: true
|
|
994
1008
|
},
|
|
995
1009
|
{
|
|
@@ -1065,9 +1079,9 @@ var DebugTool = ({
|
|
|
1065
1079
|
);
|
|
1066
1080
|
if (activeFeature) {
|
|
1067
1081
|
const FeatureComponent = activeFeature;
|
|
1068
|
-
return /* @__PURE__ */
|
|
1082
|
+
return /* @__PURE__ */ React9.createElement(FeatureComponent, { onClose: handleCloseFeature, onLogin });
|
|
1069
1083
|
}
|
|
1070
|
-
return /* @__PURE__ */
|
|
1084
|
+
return /* @__PURE__ */ React9.createElement(
|
|
1071
1085
|
"div",
|
|
1072
1086
|
{
|
|
1073
1087
|
style: {
|
|
@@ -1077,8 +1091,8 @@ var DebugTool = ({
|
|
|
1077
1091
|
zIndex: 9999
|
|
1078
1092
|
}
|
|
1079
1093
|
},
|
|
1080
|
-
/* @__PURE__ */
|
|
1081
|
-
isMenuOpen && /* @__PURE__ */
|
|
1094
|
+
/* @__PURE__ */ React9.createElement(floating_button_default, { onClick: toggleMenu }),
|
|
1095
|
+
isMenuOpen && /* @__PURE__ */ React9.createElement(
|
|
1082
1096
|
menu_panel_default,
|
|
1083
1097
|
{
|
|
1084
1098
|
menuItems: availableMenuItems,
|
|
@@ -1179,7 +1193,11 @@ function getDebugFileConvertType() {
|
|
|
1179
1193
|
const fileConvertType = getCookie(fileConvertTypeCookieKey);
|
|
1180
1194
|
return fileConvertType;
|
|
1181
1195
|
}
|
|
1196
|
+
function isDebugByFilterName(name) {
|
|
1197
|
+
const filterNames = getCookie(filterNameCookieKey)?.split(",");
|
|
1198
|
+
return filterNames?.includes(name) || false;
|
|
1199
|
+
}
|
|
1182
1200
|
|
|
1183
|
-
export { DebugTool, addErrorLog, addRequestLog, addResponseLog, getDebugFileConvertType, isDebugMode, isDebugStepValidationOff };
|
|
1201
|
+
export { DebugTool, addErrorLog, addRequestLog, addResponseLog, getDebugFileConvertType, isDebugByFilterName, isDebugMode, isDebugStepValidationOff };
|
|
1184
1202
|
//# sourceMappingURL=index.js.map
|
|
1185
1203
|
//# sourceMappingURL=index.js.map
|