sales-frontend-debug 0.0.36 → 0.0.37
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 +107 -75
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +59 -27
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React4, { useEffect, useState, useMemo, useRef, useCallback } from 'react';
|
|
2
2
|
import { getEnvironmentFromHostname, isClient } from 'sales-frontend-utils';
|
|
3
3
|
import { useDebugStore } from 'sales-frontend-stores';
|
|
4
4
|
|
|
@@ -347,7 +347,7 @@ var FloatingButton = ({ onClick }) => {
|
|
|
347
347
|
display: isVisible ? "flex" : "none"
|
|
348
348
|
// Hide until activated
|
|
349
349
|
};
|
|
350
|
-
return /* @__PURE__ */
|
|
350
|
+
return /* @__PURE__ */ React4.createElement("button", { style: buttonStyle, onMouseDown: handleMouseDown, onClick: handleClick }, "DEBUG");
|
|
351
351
|
};
|
|
352
352
|
var floating_button_default = FloatingButton;
|
|
353
353
|
var cookieClient = {
|
|
@@ -492,7 +492,7 @@ var MenuPanel = ({ menuItems: menuItems2, onMenuItemClick, onClose, serviceCode
|
|
|
492
492
|
"dsp-debug-mode-env": cookieClient.getCookie("dsp-debug-mode-env")
|
|
493
493
|
});
|
|
494
494
|
};
|
|
495
|
-
return /* @__PURE__ */
|
|
495
|
+
return /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React4.createElement("div", { style: debugMenuPanelStyle }, /* @__PURE__ */ React4.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React4.createElement("h2", { style: h2Style }, "Debug Menu"), /* @__PURE__ */ React4.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React4.createElement("ul", null, menuItems2.map((item) => /* @__PURE__ */ React4.createElement("li", { key: item.id, onClick: () => onMenuItemClick(item.component), style: menuItemStyle }, item.label))), serviceCode === "dsp" && /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React4.createElement("h2", { style: h2Style }, "\uD3FC\uD329\uD130")), /* @__PURE__ */ React4.createElement("ul", null, /* @__PURE__ */ React4.createElement("li", { style: menuItemStyle, onClick: () => handleFormFactor("tablet") }, "Tablet"), /* @__PURE__ */ React4.createElement("li", { style: menuItemStyle, onClick: () => handleFormFactor("phone") }, "Phone"), /* @__PURE__ */ React4.createElement("li", { style: menuItemStyle, onClick: () => handleFormFactor("pc") }, "PC")), /* @__PURE__ */ React4.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React4.createElement("h2", { style: h2Style }, "API\uD638\uC2A4\uD2B8")), /* @__PURE__ */ React4.createElement("ul", null, /* @__PURE__ */ React4.createElement("li", { style: menuItemStyle, onClick: () => handleHost("local") }, "local"), /* @__PURE__ */ React4.createElement("li", { style: menuItemStyle, onClick: () => handleHost("dev") }, "dev"), /* @__PURE__ */ React4.createElement("li", { style: menuItemStyle, onClick: () => handleHost("stg") }, "stg")), /* @__PURE__ */ React4.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React4.createElement("h2", { style: h2Style }, "\uCD08\uAE30\uD654")), /* @__PURE__ */ React4.createElement("ul", null, /* @__PURE__ */ React4.createElement("li", { style: menuItemStyle }, /* @__PURE__ */ React4.createElement("button", { onClick: handleDeleteHostCookie }, "Host \uC0AD\uC81C")), /* @__PURE__ */ React4.createElement("li", { style: menuItemStyle }, /* @__PURE__ */ React4.createElement("button", { onClick: handleDeleteCustomCookie }, "\uCEE4\uC2A4\uD140(x-channel-) \uC0AD\uC81C")), /* @__PURE__ */ React4.createElement("li", { style: menuItemStyle }, /* @__PURE__ */ React4.createElement("button", { onClick: handleDeleteTokenCookie }, "\uD1A0\uD070 \uC0AD\uC81C"))))));
|
|
496
496
|
};
|
|
497
497
|
var menu_panel_default = MenuPanel;
|
|
498
498
|
var globalLogs = [];
|
|
@@ -568,7 +568,7 @@ var LogMessage = ({ entry }) => {
|
|
|
568
568
|
return String(part);
|
|
569
569
|
});
|
|
570
570
|
const style = { ...logMessageStyle, ...logTypeStyles[entry.type] };
|
|
571
|
-
return /* @__PURE__ */
|
|
571
|
+
return /* @__PURE__ */ React4.createElement("pre", { style }, messageParts.join(" "));
|
|
572
572
|
};
|
|
573
573
|
var ConsoleLogPanel = ({ onClose }) => {
|
|
574
574
|
const { logs, clearLogs } = useConsoleLog();
|
|
@@ -586,7 +586,7 @@ var ConsoleLogPanel = ({ onClose }) => {
|
|
|
586
586
|
}
|
|
587
587
|
}, [filteredLogs]);
|
|
588
588
|
const segmentOptions = ["all", "log", "warn", "error"];
|
|
589
|
-
return /* @__PURE__ */
|
|
589
|
+
return /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React4.createElement("div", { style: debugFeaturePanelStyle }, /* @__PURE__ */ React4.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React4.createElement("h2", { style: h2Style }, "Console Logs"), /* @__PURE__ */ React4.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React4.createElement("div", { style: panelToolbarStyle }, /* @__PURE__ */ React4.createElement("div", null, segmentOptions.map((option) => /* @__PURE__ */ React4.createElement("button", { key: option, onClick: () => setFilter(option), disabled: filter === option }, option.charAt(0).toUpperCase() + option.slice(1)))), /* @__PURE__ */ React4.createElement("button", { onClick: clearLogs, style: clearButtonStyle }, "Clear")), /* @__PURE__ */ React4.createElement("div", { style: logListContainerStyle, ref: logContainerRef }, filteredLogs.map((log) => /* @__PURE__ */ React4.createElement("div", { key: log.id, style: logItemStyle }, /* @__PURE__ */ React4.createElement("span", { style: logTimestampStyle }, log.timestamp), /* @__PURE__ */ React4.createElement(LogMessage, { entry: log }))))));
|
|
590
590
|
};
|
|
591
591
|
var console_log_panel_default = ConsoleLogPanel;
|
|
592
592
|
var LoginPanel = ({ onClose, onLogin }) => {
|
|
@@ -628,10 +628,26 @@ var LoginPanel = ({ onClose, onLogin }) => {
|
|
|
628
628
|
SetStepValidationOff(false);
|
|
629
629
|
}
|
|
630
630
|
};
|
|
631
|
+
const handleTermsPathPolyNo = (e) => {
|
|
632
|
+
const val = e.target.value.trim();
|
|
633
|
+
if (!val) {
|
|
634
|
+
cookieClient.deleteCookie("Debug-Terms-PolyNo");
|
|
635
|
+
} else {
|
|
636
|
+
cookieClient.setCookie("Debug-Terms-PolyNo", val, { path: "/" });
|
|
637
|
+
}
|
|
638
|
+
};
|
|
639
|
+
const handleTermsPathSaleDate = (e) => {
|
|
640
|
+
const val = e.target.value.trim();
|
|
641
|
+
if (!val) {
|
|
642
|
+
cookieClient.deleteCookie("Debug-Terms-SaleDate");
|
|
643
|
+
} else {
|
|
644
|
+
cookieClient.setCookie("Debug-Terms-SaleDate", val, { path: "/" });
|
|
645
|
+
}
|
|
646
|
+
};
|
|
631
647
|
useEffect(() => {
|
|
632
648
|
setFormData({});
|
|
633
649
|
}, [selectedType]);
|
|
634
|
-
return /* @__PURE__ */
|
|
650
|
+
return /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React4.createElement("div", { style: debugFeaturePanelStyle }, /* @__PURE__ */ React4.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React4.createElement("h2", { style: h2Style }, "\uAC04\uD3B8 \uB85C\uADF8\uC778"), /* @__PURE__ */ React4.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React4.createElement("form", { style: loginFormContainerStyle, onSubmit: handleSubmit }, /* @__PURE__ */ React4.createElement("div", null, /* @__PURE__ */ React4.createElement("ul", { style: { listStyleType: "circle" } }, /* @__PURE__ */ React4.createElement("li", null, /* @__PURE__ */ React4.createElement("label", { htmlFor: "debug-on" }, "Debug On"), /* @__PURE__ */ React4.createElement("input", { type: "checkbox", id: "debug-on", onChange: handleDebugOn, checked: mode }), /* @__PURE__ */ React4.createElement("ul", { style: { listStyleType: "square", paddingLeft: "20px" } }, /* @__PURE__ */ React4.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__ */ React4.createElement("li", null, /* @__PURE__ */ React4.createElement("label", { htmlFor: "step-validation-off" }, "\uC11C\uC2DD Validation Off"), /* @__PURE__ */ React4.createElement(
|
|
635
651
|
"input",
|
|
636
652
|
{
|
|
637
653
|
type: "checkbox",
|
|
@@ -639,7 +655,23 @@ var LoginPanel = ({ onClose, onLogin }) => {
|
|
|
639
655
|
onChange: handleStepValidationOff,
|
|
640
656
|
checked: stepValidationOff
|
|
641
657
|
}
|
|
642
|
-
), /* @__PURE__ */
|
|
658
|
+
), /* @__PURE__ */ React4.createElement("ul", { style: { listStyleType: "square", paddingLeft: "20px" } }, /* @__PURE__ */ React4.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__ */ React4.createElement("li", null, /* @__PURE__ */ React4.createElement("label", { htmlFor: "terms-path-poly-no" }, "\uC57D\uAD00 polyNo"), /* @__PURE__ */ React4.createElement(
|
|
659
|
+
"input",
|
|
660
|
+
{
|
|
661
|
+
type: "text",
|
|
662
|
+
id: "terms-path-poly-no",
|
|
663
|
+
onChange: handleTermsPathPolyNo,
|
|
664
|
+
placeholder: "polyNo,saleDate\uB458\uB2E4\uC785\uB825"
|
|
665
|
+
}
|
|
666
|
+
)), /* @__PURE__ */ React4.createElement("li", null, /* @__PURE__ */ React4.createElement("label", { htmlFor: "terms-path-sale-date" }, "\uC57D\uAD00 saleDate"), /* @__PURE__ */ React4.createElement(
|
|
667
|
+
"input",
|
|
668
|
+
{
|
|
669
|
+
type: "text",
|
|
670
|
+
id: "terms-path-sale-date",
|
|
671
|
+
onChange: handleTermsPathSaleDate,
|
|
672
|
+
placeholder: "polyNo,saleDate\uB458\uB2E4\uC785\uB825"
|
|
673
|
+
}
|
|
674
|
+
), /* @__PURE__ */ React4.createElement("br", null), /* @__PURE__ */ React4.createElement("strong", null, "\uC57D\uAD00\uD655\uC778\uD6C4 \uD574\uB2F9\uCFE0\uD0A4 \uBC18\uB4DC\uC2DC \uC0AD\uC81C"))), /* @__PURE__ */ React4.createElement("br", null), " ", /* @__PURE__ */ React4.createElement("br", null), /* @__PURE__ */ React4.createElement("label", { htmlFor: "login-type-select" }, "\uB85C\uADF8\uC778 \uC720\uD615"), /* @__PURE__ */ React4.createElement("select", { id: "login-type-select", value: selectedTypeId, onChange: (e) => setSelectedTypeId(e.target.value) }, loginTypes.map((type) => /* @__PURE__ */ React4.createElement("option", { key: type.id, value: type.id }, type.label)))), selectedType?.fields.map((field) => /* @__PURE__ */ React4.createElement("div", { key: field.name }, /* @__PURE__ */ React4.createElement("label", { htmlFor: field.name }, field.label), /* @__PURE__ */ React4.createElement(
|
|
643
675
|
"input",
|
|
644
676
|
{
|
|
645
677
|
type: field.type,
|
|
@@ -650,7 +682,7 @@ var LoginPanel = ({ onClose, onLogin }) => {
|
|
|
650
682
|
onChange: handleInputChange,
|
|
651
683
|
required: true
|
|
652
684
|
}
|
|
653
|
-
))), /* @__PURE__ */
|
|
685
|
+
))), /* @__PURE__ */ React4.createElement("div", { style: formActionsStyle }, /* @__PURE__ */ React4.createElement("button", { type: "submit" }, "\uB85C\uADF8\uC778")))));
|
|
654
686
|
};
|
|
655
687
|
var login_panel_default = LoginPanel;
|
|
656
688
|
var SEARCH_SECTIONS = [
|
|
@@ -751,9 +783,9 @@ var NetworkLog = ({ onClose }) => {
|
|
|
751
783
|
};
|
|
752
784
|
const renderLogContent = (log) => {
|
|
753
785
|
const logInfo = getLogInfo(log);
|
|
754
|
-
return /* @__PURE__ */
|
|
786
|
+
return /* @__PURE__ */ React4.createElement("pre", null, JSON.stringify(logInfo, null, 2));
|
|
755
787
|
};
|
|
756
|
-
return /* @__PURE__ */
|
|
788
|
+
return /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React4.createElement("div", { style: debugFeaturePanelStyle }, /* @__PURE__ */ React4.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React4.createElement("h2", { style: h2Style }, "\uB124\uD2B8\uC6CC\uD06C \uB85C\uADF8"), /* @__PURE__ */ React4.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React4.createElement("div", { style: networkLogContainerStyle }, /* @__PURE__ */ React4.createElement("div", { style: searchContainerStyle }, /* @__PURE__ */ React4.createElement("select", { value: searchSection, onChange: (e) => setSearchSection(e.target.value) }, SEARCH_SECTIONS.map((option) => /* @__PURE__ */ React4.createElement("option", { key: option.value, value: option.value }, option.label))), /* @__PURE__ */ React4.createElement(
|
|
757
789
|
"input",
|
|
758
790
|
{
|
|
759
791
|
type: "text",
|
|
@@ -762,7 +794,7 @@ var NetworkLog = ({ onClose }) => {
|
|
|
762
794
|
onChange: (e) => setSearchTerm(e.target.value),
|
|
763
795
|
style: flex1Style
|
|
764
796
|
}
|
|
765
|
-
), /* @__PURE__ */
|
|
797
|
+
), /* @__PURE__ */ React4.createElement("label", null, /* @__PURE__ */ React4.createElement("input", { type: "checkbox", id: "hold-checkbox", checked: isHold, onChange: toggleHold }), "Hold"), /* @__PURE__ */ React4.createElement("button", { onClick: clear }, "clear")), isHold && /* @__PURE__ */ React4.createElement("div", { style: holdButtonsContainerStyle }, /* @__PURE__ */ React4.createElement("button", { onClick: () => playAllRequests() }, "REQ Resolve"), /* @__PURE__ */ React4.createElement("button", { onClick: () => playAllResponses() }, "RES Resolve")), /* @__PURE__ */ React4.createElement("div", { style: logListStyle }, filteredLogs.length === 0 ? /* @__PURE__ */ React4.createElement("p", null, "\uD45C\uC2DC\uD560 \uB85C\uADF8\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4.") : /* @__PURE__ */ React4.createElement("div", null, filteredLogs.map((log, index) => /* @__PURE__ */ React4.createElement("details", { key: index }, /* @__PURE__ */ React4.createElement("summary", { style: logSummaryStyle }, renderLogSummary(log)), /* @__PURE__ */ React4.createElement("div", { style: logContentStyle }, renderLogContent(log)))))))));
|
|
766
798
|
};
|
|
767
799
|
var network_log_default = NetworkLog;
|
|
768
800
|
var URL_MAP = {
|
|
@@ -792,7 +824,7 @@ var PageNavigationPanel = ({ onClose }) => {
|
|
|
792
824
|
setUrl("");
|
|
793
825
|
}
|
|
794
826
|
};
|
|
795
|
-
return /* @__PURE__ */
|
|
827
|
+
return /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React4.createElement("div", { style: debugFeaturePanelStyle }, /* @__PURE__ */ React4.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React4.createElement("h2", { style: h2Style }, "\uD398\uC774\uC9C0 \uC774\uB3D9"), /* @__PURE__ */ React4.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React4.createElement("div", { style: pageNavigationContentStyle }, /* @__PURE__ */ React4.createElement("select", { onChange: handleUrlTypeChange }, /* @__PURE__ */ React4.createElement("option", null, "\uC120\uD0DD"), /* @__PURE__ */ React4.createElement("option", { value: "FP_1" }, "FP-\uC785\uB825\uB2E8\uACC4_\uC2DC\uC791\uD558\uAE30"), /* @__PURE__ */ React4.createElement("option", { value: "FP_2" }, "FP-\uC785\uB825\uB2E8\uACC4_2"), /* @__PURE__ */ React4.createElement("option", { value: "FP_3" }, "FP-\uC785\uB825\uB2E8\uACC4_3"), /* @__PURE__ */ React4.createElement("option", { value: "FP_4" }, "FP-\uC785\uB825\uB2E8\uACC4_4"), /* @__PURE__ */ React4.createElement("option", { value: "FP_5" }, "FP-\uC785\uB825\uB2E8\uACC4_5"), /* @__PURE__ */ React4.createElement("option", { value: "CUST_1" }, "\uACE0\uAC1D-\uC785\uB825\uB2E8\uACC4_1"), /* @__PURE__ */ React4.createElement("option", { value: "CUST_2" }, "\uACE0\uAC1D-\uC785\uB825\uB2E8\uACC4_2"), /* @__PURE__ */ React4.createElement("option", { value: "CUST_3" }, "\uACE0\uAC1D-\uC785\uB825\uB2E8\uACC4_3"), /* @__PURE__ */ React4.createElement("option", { value: "CUST_4" }, "\uACE0\uAC1D-\uC785\uB825\uB2E8\uACC4_4"), /* @__PURE__ */ React4.createElement("option", { value: "none" }, "\uC9C1\uC811\uC785\uB825")), /* @__PURE__ */ React4.createElement(
|
|
796
828
|
"input",
|
|
797
829
|
{
|
|
798
830
|
type: "text",
|
|
@@ -801,7 +833,7 @@ var PageNavigationPanel = ({ onClose }) => {
|
|
|
801
833
|
placeholder: "\uC774\uB3D9\uD560 URL\uC744 \uC785\uB825\uD558\uC138\uC694 (\uC608: /main)",
|
|
802
834
|
style: flex1Style
|
|
803
835
|
}
|
|
804
|
-
), /* @__PURE__ */
|
|
836
|
+
), /* @__PURE__ */ React4.createElement("button", { onClick: handleNavigate }, "\uC774\uB3D9"))));
|
|
805
837
|
};
|
|
806
838
|
var page_navigation_panel_default = PageNavigationPanel;
|
|
807
839
|
var logTypeStyles2 = {
|
|
@@ -827,7 +859,7 @@ var ResultMessage = ({ log }) => {
|
|
|
827
859
|
});
|
|
828
860
|
const prefix = log.type === "return" ? "\u21A9 " : "";
|
|
829
861
|
const style = { ...logMessageStyle, ...logTypeStyles2[log.type] };
|
|
830
|
-
return /* @__PURE__ */
|
|
862
|
+
return /* @__PURE__ */ React4.createElement("pre", { style }, prefix, messageParts.join(" "));
|
|
831
863
|
};
|
|
832
864
|
var ScriptExecutorPanel = ({ onClose }) => {
|
|
833
865
|
const [code, setCode] = useState('// \uC5EC\uAE30\uC5D0 \uC2E4\uD589\uD560 \uCF54\uB4DC\uB97C \uC785\uB825\uD558\uC138\uC694\nconsole.log("Hello, World!");');
|
|
@@ -874,7 +906,7 @@ var ScriptExecutorPanel = ({ onClose }) => {
|
|
|
874
906
|
const handleClear = () => {
|
|
875
907
|
setResults([]);
|
|
876
908
|
};
|
|
877
|
-
return /* @__PURE__ */
|
|
909
|
+
return /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React4.createElement("div", { style: { ...debugFeaturePanelStyle, ...scriptExecutorContentStyle } }, /* @__PURE__ */ React4.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React4.createElement("h2", { style: h2Style }, "\uC2A4\uD06C\uB9BD\uD2B8 \uC2E4\uD589"), /* @__PURE__ */ React4.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React4.createElement("div", { style: scriptExecutorContentStyle }, /* @__PURE__ */ React4.createElement("div", { style: scriptInputSectionStyle }, /* @__PURE__ */ React4.createElement(
|
|
878
910
|
"textarea",
|
|
879
911
|
{
|
|
880
912
|
style: scriptTextareaStyle,
|
|
@@ -882,18 +914,18 @@ var ScriptExecutorPanel = ({ onClose }) => {
|
|
|
882
914
|
onChange: (e) => setCode(e.target.value),
|
|
883
915
|
spellCheck: "false"
|
|
884
916
|
}
|
|
885
|
-
), /* @__PURE__ */
|
|
917
|
+
), /* @__PURE__ */ React4.createElement("div", { style: scriptActionsStyle }, /* @__PURE__ */ React4.createElement("button", { onClick: handleExecute }, "\uC2E4\uD589 (\u25B6)"), /* @__PURE__ */ React4.createElement("button", { onClick: handleClear }, "\uACB0\uACFC \uC9C0\uC6B0\uAE30"))), /* @__PURE__ */ React4.createElement("div", { style: scriptOutputSectionStyle }, /* @__PURE__ */ React4.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React4.createElement("h3", { style: h3Style }, "\uACB0\uACFC")), /* @__PURE__ */ React4.createElement("div", { style: logListContainerStyle }, results.map((log) => /* @__PURE__ */ React4.createElement("div", { key: log.id, style: logItemStyle }, /* @__PURE__ */ React4.createElement("span", { style: logTimestampStyle }, log.timestamp), /* @__PURE__ */ React4.createElement(ResultMessage, { log }))))))));
|
|
886
918
|
};
|
|
887
919
|
var script_executor_panel_default = ScriptExecutorPanel;
|
|
888
920
|
var ValueDisplay = ({ value }) => {
|
|
889
921
|
try {
|
|
890
922
|
const parsed = JSON.parse(value);
|
|
891
923
|
if (typeof parsed === "object" && parsed !== null) {
|
|
892
|
-
return /* @__PURE__ */
|
|
924
|
+
return /* @__PURE__ */ React4.createElement("pre", { style: logContentStyle }, JSON.stringify(parsed, null, 2));
|
|
893
925
|
}
|
|
894
926
|
} catch (e) {
|
|
895
927
|
}
|
|
896
|
-
return /* @__PURE__ */
|
|
928
|
+
return /* @__PURE__ */ React4.createElement("div", { style: logContentStyle }, value);
|
|
897
929
|
};
|
|
898
930
|
var EditableRow = ({ item, onSave, onRemove }) => {
|
|
899
931
|
const [isEditing, setIsEditing] = useState(false);
|
|
@@ -906,7 +938,7 @@ var EditableRow = ({ item, onSave, onRemove }) => {
|
|
|
906
938
|
setValue(item.value);
|
|
907
939
|
setIsEditing(true);
|
|
908
940
|
};
|
|
909
|
-
return /* @__PURE__ */
|
|
941
|
+
return /* @__PURE__ */ React4.createElement("details", null, /* @__PURE__ */ React4.createElement("summary", null, item.key), /* @__PURE__ */ React4.createElement("div", null, isEditing ? /* @__PURE__ */ React4.createElement("button", { onClick: handleSave }, "Save") : /* @__PURE__ */ React4.createElement("button", { onClick: handleEdit }, "Edit"), /* @__PURE__ */ React4.createElement("button", { onClick: () => onRemove(item.key) }, "Remove"), isEditing ? /* @__PURE__ */ React4.createElement("textarea", { value, onChange: (e) => setValue(e.target.value), style: textareaStyle }) : /* @__PURE__ */ React4.createElement(ValueDisplay, { value: item.value })));
|
|
910
942
|
};
|
|
911
943
|
var StoragePanel = ({ onClose, storageType }) => {
|
|
912
944
|
const { items, setItem, removeItem } = useStorage(storageType);
|
|
@@ -919,7 +951,7 @@ var StoragePanel = ({ onClose, storageType }) => {
|
|
|
919
951
|
(item) => item.key.toLowerCase().includes(filter.toLowerCase()) || item.value.toLowerCase().includes(filter.toLowerCase())
|
|
920
952
|
);
|
|
921
953
|
}, [items, filter]);
|
|
922
|
-
return /* @__PURE__ */
|
|
954
|
+
return /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React4.createElement("div", { style: debugFeaturePanelStyle }, /* @__PURE__ */ React4.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React4.createElement("h2", { style: h2Style }, storageType === "localStorage" ? "Local Storage" : "Cookies"), /* @__PURE__ */ React4.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React4.createElement("div", { style: panelToolbarStyle }, /* @__PURE__ */ React4.createElement(
|
|
923
955
|
"input",
|
|
924
956
|
{
|
|
925
957
|
type: "text",
|
|
@@ -928,7 +960,7 @@ var StoragePanel = ({ onClose, storageType }) => {
|
|
|
928
960
|
onChange: (e) => setFilter(e.target.value),
|
|
929
961
|
style: storageSearchInputStyle
|
|
930
962
|
}
|
|
931
|
-
)), /* @__PURE__ */
|
|
963
|
+
)), /* @__PURE__ */ React4.createElement("div", { style: storageTableContainerStyle }, filteredItems.map((item) => /* @__PURE__ */ React4.createElement(EditableRow, { key: item.key, item, onSave: setItem, onRemove: removeItem })))));
|
|
932
964
|
};
|
|
933
965
|
var storage_panel_default = StoragePanel;
|
|
934
966
|
|
|
@@ -968,13 +1000,13 @@ var menuItems = [
|
|
|
968
1000
|
id: "local-storage",
|
|
969
1001
|
label: "\uB85C\uCEEC \uC2A4\uD1A0\uB9AC\uC9C0 \uAD00\uB9AC",
|
|
970
1002
|
// StoragePanel은 재사용 가능한 컴포넌트이므로, props를 통해 어떤 스토리지를 다룰지 지정합니다.
|
|
971
|
-
component: (props) => /* @__PURE__ */
|
|
1003
|
+
component: (props) => /* @__PURE__ */ React4.createElement(storage_panel_default, { ...props, storageType: "localStorage" }),
|
|
972
1004
|
display: true
|
|
973
1005
|
},
|
|
974
1006
|
{
|
|
975
1007
|
id: "cookie-management",
|
|
976
1008
|
label: "\uCFE0\uD0A4 \uAD00\uB9AC",
|
|
977
|
-
component: (props) => /* @__PURE__ */
|
|
1009
|
+
component: (props) => /* @__PURE__ */ React4.createElement(storage_panel_default, { ...props, storageType: "cookie" }),
|
|
978
1010
|
display: true
|
|
979
1011
|
},
|
|
980
1012
|
{
|
|
@@ -1050,9 +1082,9 @@ var DebugTool = ({
|
|
|
1050
1082
|
);
|
|
1051
1083
|
if (activeFeature) {
|
|
1052
1084
|
const FeatureComponent = activeFeature;
|
|
1053
|
-
return /* @__PURE__ */
|
|
1085
|
+
return /* @__PURE__ */ React4.createElement(FeatureComponent, { onClose: handleCloseFeature, onLogin });
|
|
1054
1086
|
}
|
|
1055
|
-
return /* @__PURE__ */
|
|
1087
|
+
return /* @__PURE__ */ React4.createElement(
|
|
1056
1088
|
"div",
|
|
1057
1089
|
{
|
|
1058
1090
|
style: {
|
|
@@ -1062,8 +1094,8 @@ var DebugTool = ({
|
|
|
1062
1094
|
zIndex: 9999
|
|
1063
1095
|
}
|
|
1064
1096
|
},
|
|
1065
|
-
/* @__PURE__ */
|
|
1066
|
-
isMenuOpen && /* @__PURE__ */
|
|
1097
|
+
/* @__PURE__ */ React4.createElement(floating_button_default, { onClick: toggleMenu }),
|
|
1098
|
+
isMenuOpen && /* @__PURE__ */ React4.createElement(
|
|
1067
1099
|
menu_panel_default,
|
|
1068
1100
|
{
|
|
1069
1101
|
menuItems: availableMenuItems,
|