sales-frontend-debug 0.0.29 → 0.0.31
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 +88 -69
- 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 +48 -30
- package/dist/index.js.map +1 -1
- package/package.json +5 -5
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React2, { 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
|
|
|
@@ -268,7 +268,7 @@ var FloatingButton = ({ onClick }) => {
|
|
|
268
268
|
transform: `translate(${position.x}px, ${position.y}px)`,
|
|
269
269
|
cursor: isDragging ? "grabbing" : "grab"
|
|
270
270
|
};
|
|
271
|
-
return /* @__PURE__ */
|
|
271
|
+
return /* @__PURE__ */ React2.createElement(
|
|
272
272
|
"button",
|
|
273
273
|
{
|
|
274
274
|
style: buttonStyle,
|
|
@@ -393,6 +393,13 @@ var MenuPanel = ({ menuItems: menuItems2, onMenuItemClick, onClose, serviceCode
|
|
|
393
393
|
"x-channel-business-work-division-code": cookieClient.getCookie("x-channel-business-work-division-code")
|
|
394
394
|
});
|
|
395
395
|
};
|
|
396
|
+
const handleDeleteHostCookie = () => {
|
|
397
|
+
cookieClient.deleteCookie("dsp-debug-mode-env");
|
|
398
|
+
alert("\uD638\uC2A4\uD2B8\uAC00 \uC0AD\uC81C\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
|
|
399
|
+
console.log("\uD638\uC2A4\uD2B8\uAC00 \uC0AD\uC81C\uB418\uC5C8\uC2B5\uB2C8\uB2E4.", {
|
|
400
|
+
"dsp-debug-mode-env": cookieClient.getCookie("dsp-debug-mode-env")
|
|
401
|
+
});
|
|
402
|
+
};
|
|
396
403
|
const handleDeleteTokenCookie = () => {
|
|
397
404
|
cookieClient.deleteCookie("accessToken");
|
|
398
405
|
alert("\uD1A0\uD070\uCFE0\uD0A4\uAC00 \uC0AD\uC81C\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
|
|
@@ -407,7 +414,14 @@ var MenuPanel = ({ menuItems: menuItems2, onMenuItemClick, onClose, serviceCode
|
|
|
407
414
|
"x-channel-formfactor": cookieClient.getCookie("x-channel-formfactor")
|
|
408
415
|
});
|
|
409
416
|
};
|
|
410
|
-
|
|
417
|
+
const handleHost = (host) => {
|
|
418
|
+
cookieClient.setCookie("dsp-debug-mode-env", host);
|
|
419
|
+
alert(`\uD638\uC2A4\uD2B8\uAC00 \uBCC0\uACBD\uB418\uC5C8\uC2B5\uB2C8\uB2E4.:${host}`);
|
|
420
|
+
console.log("\uD638\uC2A4\uD2B8\uAC00 \uBCC0\uACBD\uB418\uC5C8\uC2B5\uB2C8\uB2E4.", {
|
|
421
|
+
"dsp-debug-mode-env": cookieClient.getCookie("dsp-debug-mode-env")
|
|
422
|
+
});
|
|
423
|
+
};
|
|
424
|
+
return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React2.createElement("div", { style: debugMenuPanelStyle }, /* @__PURE__ */ React2.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React2.createElement("h2", { style: h2Style }, "Debug Menu"), /* @__PURE__ */ React2.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React2.createElement("ul", null, menuItems2.map((item) => /* @__PURE__ */ React2.createElement("li", { key: item.id, onClick: () => onMenuItemClick(item.component), style: menuItemStyle }, item.label))), serviceCode === "dsp" && /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React2.createElement("h2", { style: h2Style }, "\uD3FC\uD329\uD130")), /* @__PURE__ */ React2.createElement("ul", null, /* @__PURE__ */ React2.createElement("li", { style: menuItemStyle, onClick: () => handleFormFactor("tablet") }, "Tablet"), /* @__PURE__ */ React2.createElement("li", { style: menuItemStyle, onClick: () => handleFormFactor("phone") }, "Phone"), /* @__PURE__ */ React2.createElement("li", { style: menuItemStyle, onClick: () => handleFormFactor("pc") }, "PC")), /* @__PURE__ */ React2.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React2.createElement("h2", { style: h2Style }, "API\uD638\uC2A4\uD2B8")), /* @__PURE__ */ React2.createElement("ul", null, /* @__PURE__ */ React2.createElement("li", { style: menuItemStyle, onClick: () => handleHost("local") }, "local"), /* @__PURE__ */ React2.createElement("li", { style: menuItemStyle, onClick: () => handleHost("dev") }, "dev"), /* @__PURE__ */ React2.createElement("li", { style: menuItemStyle, onClick: () => handleHost("stg") }, "stg")), /* @__PURE__ */ React2.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React2.createElement("h2", { style: h2Style }, "\uCD08\uAE30\uD654")), /* @__PURE__ */ React2.createElement("ul", null, /* @__PURE__ */ React2.createElement("li", { style: menuItemStyle }, /* @__PURE__ */ React2.createElement("button", { onClick: handleDeleteHostCookie }, "Host \uC0AD\uC81C")), /* @__PURE__ */ React2.createElement("li", { style: menuItemStyle }, /* @__PURE__ */ React2.createElement("button", { onClick: handleDeleteCustomCookie }, "\uCEE4\uC2A4\uD140(x-channel-) \uC0AD\uC81C")), /* @__PURE__ */ React2.createElement("li", { style: menuItemStyle }, /* @__PURE__ */ React2.createElement("button", { onClick: handleDeleteTokenCookie }, "\uD1A0\uD070 \uC0AD\uC81C"))))));
|
|
411
425
|
};
|
|
412
426
|
var menu_panel_default = MenuPanel;
|
|
413
427
|
var globalLogs = [];
|
|
@@ -483,7 +497,7 @@ var LogMessage = ({ entry }) => {
|
|
|
483
497
|
return String(part);
|
|
484
498
|
});
|
|
485
499
|
const style = { ...logMessageStyle, ...logTypeStyles[entry.type] };
|
|
486
|
-
return /* @__PURE__ */
|
|
500
|
+
return /* @__PURE__ */ React2.createElement("pre", { style }, messageParts.join(" "));
|
|
487
501
|
};
|
|
488
502
|
var ConsoleLogPanel = ({ onClose }) => {
|
|
489
503
|
const { logs, clearLogs } = useConsoleLog();
|
|
@@ -501,7 +515,7 @@ var ConsoleLogPanel = ({ onClose }) => {
|
|
|
501
515
|
}
|
|
502
516
|
}, [filteredLogs]);
|
|
503
517
|
const segmentOptions = ["all", "log", "warn", "error"];
|
|
504
|
-
return /* @__PURE__ */
|
|
518
|
+
return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React2.createElement("div", { style: debugFeaturePanelStyle }, /* @__PURE__ */ React2.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React2.createElement("h2", { style: h2Style }, "Console Logs"), /* @__PURE__ */ React2.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React2.createElement("div", { style: panelToolbarStyle }, /* @__PURE__ */ React2.createElement("div", null, segmentOptions.map((option) => /* @__PURE__ */ React2.createElement("button", { key: option, onClick: () => setFilter(option), disabled: filter === option }, option.charAt(0).toUpperCase() + option.slice(1)))), /* @__PURE__ */ React2.createElement("button", { onClick: clearLogs, style: clearButtonStyle }, "Clear")), /* @__PURE__ */ React2.createElement("div", { style: logListContainerStyle, ref: logContainerRef }, filteredLogs.map((log) => /* @__PURE__ */ React2.createElement("div", { key: log.id, style: logItemStyle }, /* @__PURE__ */ React2.createElement("span", { style: logTimestampStyle }, log.timestamp), /* @__PURE__ */ React2.createElement(LogMessage, { entry: log }))))));
|
|
505
519
|
};
|
|
506
520
|
var console_log_panel_default = ConsoleLogPanel;
|
|
507
521
|
var LoginPanel = ({ onClose, onLogin }) => {
|
|
@@ -546,7 +560,7 @@ var LoginPanel = ({ onClose, onLogin }) => {
|
|
|
546
560
|
useEffect(() => {
|
|
547
561
|
setFormData({});
|
|
548
562
|
}, [selectedType]);
|
|
549
|
-
return /* @__PURE__ */
|
|
563
|
+
return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React2.createElement("div", { style: debugFeaturePanelStyle }, /* @__PURE__ */ React2.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React2.createElement("h2", { style: h2Style }, "\uAC04\uD3B8 \uB85C\uADF8\uC778"), /* @__PURE__ */ React2.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React2.createElement("form", { style: loginFormContainerStyle, onSubmit: handleSubmit }, /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement("ul", { style: { listStyleType: "circle" } }, /* @__PURE__ */ React2.createElement("li", null, /* @__PURE__ */ React2.createElement("label", { htmlFor: "debug-on" }, "Debug On"), /* @__PURE__ */ React2.createElement("input", { type: "checkbox", id: "debug-on", onChange: handleDebugOn, checked: mode }), /* @__PURE__ */ React2.createElement("ul", { style: { listStyleType: "square", paddingLeft: "20px" } }, /* @__PURE__ */ React2.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__ */ React2.createElement("li", null, /* @__PURE__ */ React2.createElement("label", { htmlFor: "step-validation-off" }, "\uC11C\uC2DD Validation Off"), /* @__PURE__ */ React2.createElement(
|
|
550
564
|
"input",
|
|
551
565
|
{
|
|
552
566
|
type: "checkbox",
|
|
@@ -554,7 +568,7 @@ var LoginPanel = ({ onClose, onLogin }) => {
|
|
|
554
568
|
onChange: handleStepValidationOff,
|
|
555
569
|
checked: stepValidationOff
|
|
556
570
|
}
|
|
557
|
-
), /* @__PURE__ */
|
|
571
|
+
), /* @__PURE__ */ React2.createElement("ul", { style: { listStyleType: "square", paddingLeft: "20px" } }, /* @__PURE__ */ React2.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__ */ React2.createElement("br", null), " ", /* @__PURE__ */ React2.createElement("br", null), /* @__PURE__ */ React2.createElement("label", { htmlFor: "login-type-select" }, "\uB85C\uADF8\uC778 \uC720\uD615"), /* @__PURE__ */ React2.createElement("select", { id: "login-type-select", value: selectedTypeId, onChange: (e) => setSelectedTypeId(e.target.value) }, loginTypes.map((type) => /* @__PURE__ */ React2.createElement("option", { key: type.id, value: type.id }, type.label)))), selectedType?.fields.map((field) => /* @__PURE__ */ React2.createElement("div", { key: field.name }, /* @__PURE__ */ React2.createElement("label", { htmlFor: field.name }, field.label), /* @__PURE__ */ React2.createElement(
|
|
558
572
|
"input",
|
|
559
573
|
{
|
|
560
574
|
type: field.type,
|
|
@@ -565,7 +579,7 @@ var LoginPanel = ({ onClose, onLogin }) => {
|
|
|
565
579
|
onChange: handleInputChange,
|
|
566
580
|
required: true
|
|
567
581
|
}
|
|
568
|
-
))), /* @__PURE__ */
|
|
582
|
+
))), /* @__PURE__ */ React2.createElement("div", { style: formActionsStyle }, /* @__PURE__ */ React2.createElement("button", { type: "submit" }, "\uB85C\uADF8\uC778")))));
|
|
569
583
|
};
|
|
570
584
|
var login_panel_default = LoginPanel;
|
|
571
585
|
var SEARCH_SECTIONS = [
|
|
@@ -666,9 +680,9 @@ var NetworkLog = ({ onClose }) => {
|
|
|
666
680
|
};
|
|
667
681
|
const renderLogContent = (log) => {
|
|
668
682
|
const logInfo = getLogInfo(log);
|
|
669
|
-
return /* @__PURE__ */
|
|
683
|
+
return /* @__PURE__ */ React2.createElement("pre", null, JSON.stringify(logInfo, null, 2));
|
|
670
684
|
};
|
|
671
|
-
return /* @__PURE__ */
|
|
685
|
+
return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React2.createElement("div", { style: debugFeaturePanelStyle }, /* @__PURE__ */ React2.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React2.createElement("h2", { style: h2Style }, "\uB124\uD2B8\uC6CC\uD06C \uB85C\uADF8"), /* @__PURE__ */ React2.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React2.createElement("div", { style: networkLogContainerStyle }, /* @__PURE__ */ React2.createElement("div", { style: searchContainerStyle }, /* @__PURE__ */ React2.createElement("select", { value: searchSection, onChange: (e) => setSearchSection(e.target.value) }, SEARCH_SECTIONS.map((option) => /* @__PURE__ */ React2.createElement("option", { key: option.value, value: option.value }, option.label))), /* @__PURE__ */ React2.createElement(
|
|
672
686
|
"input",
|
|
673
687
|
{
|
|
674
688
|
type: "text",
|
|
@@ -677,7 +691,7 @@ var NetworkLog = ({ onClose }) => {
|
|
|
677
691
|
onChange: (e) => setSearchTerm(e.target.value),
|
|
678
692
|
style: flex1Style
|
|
679
693
|
}
|
|
680
|
-
), /* @__PURE__ */
|
|
694
|
+
), /* @__PURE__ */ React2.createElement("label", null, /* @__PURE__ */ React2.createElement("input", { type: "checkbox", id: "hold-checkbox", checked: isHold, onChange: toggleHold }), "Hold"), /* @__PURE__ */ React2.createElement("button", { onClick: clear }, "clear")), isHold && /* @__PURE__ */ React2.createElement("div", { style: holdButtonsContainerStyle }, /* @__PURE__ */ React2.createElement("button", { onClick: () => playAllRequests() }, "REQ Resolve"), /* @__PURE__ */ React2.createElement("button", { onClick: () => playAllResponses() }, "RES Resolve")), /* @__PURE__ */ React2.createElement("div", { style: logListStyle }, filteredLogs.length === 0 ? /* @__PURE__ */ React2.createElement("p", null, "\uD45C\uC2DC\uD560 \uB85C\uADF8\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4.") : /* @__PURE__ */ React2.createElement("div", null, filteredLogs.map((log, index) => /* @__PURE__ */ React2.createElement("details", { key: index }, /* @__PURE__ */ React2.createElement("summary", { style: logSummaryStyle }, renderLogSummary(log)), /* @__PURE__ */ React2.createElement("div", { style: logContentStyle }, renderLogContent(log)))))))));
|
|
681
695
|
};
|
|
682
696
|
var network_log_default = NetworkLog;
|
|
683
697
|
var URL_MAP = {
|
|
@@ -707,7 +721,7 @@ var PageNavigationPanel = ({ onClose }) => {
|
|
|
707
721
|
setUrl("");
|
|
708
722
|
}
|
|
709
723
|
};
|
|
710
|
-
return /* @__PURE__ */
|
|
724
|
+
return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React2.createElement("div", { style: debugFeaturePanelStyle }, /* @__PURE__ */ React2.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React2.createElement("h2", { style: h2Style }, "\uD398\uC774\uC9C0 \uC774\uB3D9"), /* @__PURE__ */ React2.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React2.createElement("div", { style: pageNavigationContentStyle }, /* @__PURE__ */ React2.createElement("select", { onChange: handleUrlTypeChange }, /* @__PURE__ */ React2.createElement("option", null, "\uC120\uD0DD"), /* @__PURE__ */ React2.createElement("option", { value: "FP_1" }, "FP-\uC785\uB825\uB2E8\uACC4_\uC2DC\uC791\uD558\uAE30"), /* @__PURE__ */ React2.createElement("option", { value: "FP_2" }, "FP-\uC785\uB825\uB2E8\uACC4_2"), /* @__PURE__ */ React2.createElement("option", { value: "FP_3" }, "FP-\uC785\uB825\uB2E8\uACC4_3"), /* @__PURE__ */ React2.createElement("option", { value: "FP_4" }, "FP-\uC785\uB825\uB2E8\uACC4_4"), /* @__PURE__ */ React2.createElement("option", { value: "FP_5" }, "FP-\uC785\uB825\uB2E8\uACC4_5"), /* @__PURE__ */ React2.createElement("option", { value: "CUST_1" }, "\uACE0\uAC1D-\uC785\uB825\uB2E8\uACC4_1"), /* @__PURE__ */ React2.createElement("option", { value: "CUST_2" }, "\uACE0\uAC1D-\uC785\uB825\uB2E8\uACC4_2"), /* @__PURE__ */ React2.createElement("option", { value: "CUST_3" }, "\uACE0\uAC1D-\uC785\uB825\uB2E8\uACC4_3"), /* @__PURE__ */ React2.createElement("option", { value: "CUST_4" }, "\uACE0\uAC1D-\uC785\uB825\uB2E8\uACC4_4"), /* @__PURE__ */ React2.createElement("option", { value: "none" }, "\uC9C1\uC811\uC785\uB825")), /* @__PURE__ */ React2.createElement(
|
|
711
725
|
"input",
|
|
712
726
|
{
|
|
713
727
|
type: "text",
|
|
@@ -716,7 +730,7 @@ var PageNavigationPanel = ({ onClose }) => {
|
|
|
716
730
|
placeholder: "\uC774\uB3D9\uD560 URL\uC744 \uC785\uB825\uD558\uC138\uC694 (\uC608: /main)",
|
|
717
731
|
style: flex1Style
|
|
718
732
|
}
|
|
719
|
-
), /* @__PURE__ */
|
|
733
|
+
), /* @__PURE__ */ React2.createElement("button", { onClick: handleNavigate }, "\uC774\uB3D9"))));
|
|
720
734
|
};
|
|
721
735
|
var page_navigation_panel_default = PageNavigationPanel;
|
|
722
736
|
var logTypeStyles2 = {
|
|
@@ -742,7 +756,7 @@ var ResultMessage = ({ log }) => {
|
|
|
742
756
|
});
|
|
743
757
|
const prefix = log.type === "return" ? "\u21A9 " : "";
|
|
744
758
|
const style = { ...logMessageStyle, ...logTypeStyles2[log.type] };
|
|
745
|
-
return /* @__PURE__ */
|
|
759
|
+
return /* @__PURE__ */ React2.createElement("pre", { style }, prefix, messageParts.join(" "));
|
|
746
760
|
};
|
|
747
761
|
var ScriptExecutorPanel = ({ onClose }) => {
|
|
748
762
|
const [code, setCode] = useState('// \uC5EC\uAE30\uC5D0 \uC2E4\uD589\uD560 \uCF54\uB4DC\uB97C \uC785\uB825\uD558\uC138\uC694\nconsole.log("Hello, World!");');
|
|
@@ -789,7 +803,7 @@ var ScriptExecutorPanel = ({ onClose }) => {
|
|
|
789
803
|
const handleClear = () => {
|
|
790
804
|
setResults([]);
|
|
791
805
|
};
|
|
792
|
-
return /* @__PURE__ */
|
|
806
|
+
return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React2.createElement("div", { style: { ...debugFeaturePanelStyle, ...scriptExecutorContentStyle } }, /* @__PURE__ */ React2.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React2.createElement("h2", { style: h2Style }, "\uC2A4\uD06C\uB9BD\uD2B8 \uC2E4\uD589"), /* @__PURE__ */ React2.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React2.createElement("div", { style: scriptExecutorContentStyle }, /* @__PURE__ */ React2.createElement("div", { style: scriptInputSectionStyle }, /* @__PURE__ */ React2.createElement(
|
|
793
807
|
"textarea",
|
|
794
808
|
{
|
|
795
809
|
style: scriptTextareaStyle,
|
|
@@ -797,18 +811,18 @@ var ScriptExecutorPanel = ({ onClose }) => {
|
|
|
797
811
|
onChange: (e) => setCode(e.target.value),
|
|
798
812
|
spellCheck: "false"
|
|
799
813
|
}
|
|
800
|
-
), /* @__PURE__ */
|
|
814
|
+
), /* @__PURE__ */ React2.createElement("div", { style: scriptActionsStyle }, /* @__PURE__ */ React2.createElement("button", { onClick: handleExecute }, "\uC2E4\uD589 (\u25B6)"), /* @__PURE__ */ React2.createElement("button", { onClick: handleClear }, "\uACB0\uACFC \uC9C0\uC6B0\uAE30"))), /* @__PURE__ */ React2.createElement("div", { style: scriptOutputSectionStyle }, /* @__PURE__ */ React2.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React2.createElement("h3", { style: h3Style }, "\uACB0\uACFC")), /* @__PURE__ */ React2.createElement("div", { style: logListContainerStyle }, results.map((log) => /* @__PURE__ */ React2.createElement("div", { key: log.id, style: logItemStyle }, /* @__PURE__ */ React2.createElement("span", { style: logTimestampStyle }, log.timestamp), /* @__PURE__ */ React2.createElement(ResultMessage, { log }))))))));
|
|
801
815
|
};
|
|
802
816
|
var script_executor_panel_default = ScriptExecutorPanel;
|
|
803
817
|
var ValueDisplay = ({ value }) => {
|
|
804
818
|
try {
|
|
805
819
|
const parsed = JSON.parse(value);
|
|
806
820
|
if (typeof parsed === "object" && parsed !== null) {
|
|
807
|
-
return /* @__PURE__ */
|
|
821
|
+
return /* @__PURE__ */ React2.createElement("pre", { style: logContentStyle }, JSON.stringify(parsed, null, 2));
|
|
808
822
|
}
|
|
809
823
|
} catch (e) {
|
|
810
824
|
}
|
|
811
|
-
return /* @__PURE__ */
|
|
825
|
+
return /* @__PURE__ */ React2.createElement("div", { style: logContentStyle }, value);
|
|
812
826
|
};
|
|
813
827
|
var EditableRow = ({ item, onSave, onRemove }) => {
|
|
814
828
|
const [isEditing, setIsEditing] = useState(false);
|
|
@@ -821,7 +835,7 @@ var EditableRow = ({ item, onSave, onRemove }) => {
|
|
|
821
835
|
setValue(item.value);
|
|
822
836
|
setIsEditing(true);
|
|
823
837
|
};
|
|
824
|
-
return /* @__PURE__ */
|
|
838
|
+
return /* @__PURE__ */ React2.createElement("details", null, /* @__PURE__ */ React2.createElement("summary", null, item.key), /* @__PURE__ */ React2.createElement("div", null, isEditing ? /* @__PURE__ */ React2.createElement("button", { onClick: handleSave }, "Save") : /* @__PURE__ */ React2.createElement("button", { onClick: handleEdit }, "Edit"), /* @__PURE__ */ React2.createElement("button", { onClick: () => onRemove(item.key) }, "Remove"), isEditing ? /* @__PURE__ */ React2.createElement("textarea", { value, onChange: (e) => setValue(e.target.value), style: textareaStyle }) : /* @__PURE__ */ React2.createElement(ValueDisplay, { value: item.value })));
|
|
825
839
|
};
|
|
826
840
|
var StoragePanel = ({ onClose, storageType }) => {
|
|
827
841
|
const { items, setItem, removeItem } = useStorage(storageType);
|
|
@@ -834,7 +848,7 @@ var StoragePanel = ({ onClose, storageType }) => {
|
|
|
834
848
|
(item) => item.key.toLowerCase().includes(filter.toLowerCase()) || item.value.toLowerCase().includes(filter.toLowerCase())
|
|
835
849
|
);
|
|
836
850
|
}, [items, filter]);
|
|
837
|
-
return /* @__PURE__ */
|
|
851
|
+
return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React2.createElement("div", { style: debugFeaturePanelStyle }, /* @__PURE__ */ React2.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React2.createElement("h2", { style: h2Style }, storageType === "localStorage" ? "Local Storage" : "Cookies"), /* @__PURE__ */ React2.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React2.createElement("div", { style: panelToolbarStyle }, /* @__PURE__ */ React2.createElement(
|
|
838
852
|
"input",
|
|
839
853
|
{
|
|
840
854
|
type: "text",
|
|
@@ -843,7 +857,7 @@ var StoragePanel = ({ onClose, storageType }) => {
|
|
|
843
857
|
onChange: (e) => setFilter(e.target.value),
|
|
844
858
|
style: storageSearchInputStyle
|
|
845
859
|
}
|
|
846
|
-
)), /* @__PURE__ */
|
|
860
|
+
)), /* @__PURE__ */ React2.createElement("div", { style: storageTableContainerStyle }, filteredItems.map((item) => /* @__PURE__ */ React2.createElement(EditableRow, { key: item.key, item, onSave: setItem, onRemove: removeItem })))));
|
|
847
861
|
};
|
|
848
862
|
var storage_panel_default = StoragePanel;
|
|
849
863
|
|
|
@@ -883,13 +897,13 @@ var menuItems = [
|
|
|
883
897
|
id: "local-storage",
|
|
884
898
|
label: "\uB85C\uCEEC \uC2A4\uD1A0\uB9AC\uC9C0 \uAD00\uB9AC",
|
|
885
899
|
// StoragePanel은 재사용 가능한 컴포넌트이므로, props를 통해 어떤 스토리지를 다룰지 지정합니다.
|
|
886
|
-
component: (props) => /* @__PURE__ */
|
|
900
|
+
component: (props) => /* @__PURE__ */ React2.createElement(storage_panel_default, { ...props, storageType: "localStorage" }),
|
|
887
901
|
display: true
|
|
888
902
|
},
|
|
889
903
|
{
|
|
890
904
|
id: "cookie-management",
|
|
891
905
|
label: "\uCFE0\uD0A4 \uAD00\uB9AC",
|
|
892
|
-
component: (props) => /* @__PURE__ */
|
|
906
|
+
component: (props) => /* @__PURE__ */ React2.createElement(storage_panel_default, { ...props, storageType: "cookie" }),
|
|
893
907
|
display: true
|
|
894
908
|
},
|
|
895
909
|
{
|
|
@@ -965,9 +979,9 @@ var DebugTool = ({
|
|
|
965
979
|
);
|
|
966
980
|
if (activeFeature) {
|
|
967
981
|
const FeatureComponent = activeFeature;
|
|
968
|
-
return /* @__PURE__ */
|
|
982
|
+
return /* @__PURE__ */ React2.createElement(FeatureComponent, { onClose: handleCloseFeature, onLogin });
|
|
969
983
|
}
|
|
970
|
-
return /* @__PURE__ */
|
|
984
|
+
return /* @__PURE__ */ React2.createElement(
|
|
971
985
|
"div",
|
|
972
986
|
{
|
|
973
987
|
style: {
|
|
@@ -977,8 +991,8 @@ var DebugTool = ({
|
|
|
977
991
|
zIndex: 9999
|
|
978
992
|
}
|
|
979
993
|
},
|
|
980
|
-
/* @__PURE__ */
|
|
981
|
-
isMenuOpen && /* @__PURE__ */
|
|
994
|
+
/* @__PURE__ */ React2.createElement(floating_button_default, { onClick: toggleMenu }),
|
|
995
|
+
isMenuOpen && /* @__PURE__ */ React2.createElement(
|
|
982
996
|
menu_panel_default,
|
|
983
997
|
{
|
|
984
998
|
menuItems: availableMenuItems,
|
|
@@ -1064,10 +1078,14 @@ function addErrorLog(error) {
|
|
|
1064
1078
|
|
|
1065
1079
|
// src/debug-utils.ts
|
|
1066
1080
|
function isDebugStepValidationOff() {
|
|
1067
|
-
const
|
|
1068
|
-
return
|
|
1081
|
+
const debugStepValidationOff = cookieClient.getCookie("Debug-Step-Validation-Off") === "true";
|
|
1082
|
+
return debugStepValidationOff;
|
|
1083
|
+
}
|
|
1084
|
+
function isDebugMode() {
|
|
1085
|
+
const debugMode = cookieClient.getCookie("dsp-debug-mode") === "on";
|
|
1086
|
+
return debugMode;
|
|
1069
1087
|
}
|
|
1070
1088
|
|
|
1071
|
-
export { DebugTool, addErrorLog, addRequestLog, addResponseLog, isDebugStepValidationOff };
|
|
1089
|
+
export { DebugTool, addErrorLog, addRequestLog, addResponseLog, isDebugMode, isDebugStepValidationOff };
|
|
1072
1090
|
//# sourceMappingURL=index.js.map
|
|
1073
1091
|
//# sourceMappingURL=index.js.map
|