sales-frontend-debug 0.0.44 → 0.0.46
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 +127 -128
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +79 -80
- 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 React7, { 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__ */ React7.createElement("button", { style: buttonStyle, onMouseDown: handleMouseDown, onClick: handleClick }, "DEBUG");
|
|
351
351
|
};
|
|
352
352
|
var floating_button_default = FloatingButton;
|
|
353
353
|
var cookieClient = {
|
|
@@ -437,8 +437,42 @@ var useStorage = (storageType) => {
|
|
|
437
437
|
return { items, setItem, removeItem, loadItems };
|
|
438
438
|
};
|
|
439
439
|
|
|
440
|
-
// src/
|
|
441
|
-
|
|
440
|
+
// src/features/change-host/index.tsx
|
|
441
|
+
function ChangeHost() {
|
|
442
|
+
const handleHost = (host) => {
|
|
443
|
+
cookieClient.setCookie("dsp-debug-mode-env", host);
|
|
444
|
+
alert(`\uD638\uC2A4\uD2B8\uAC00 \uBCC0\uACBD\uB418\uC5C8\uC2B5\uB2C8\uB2E4.:${host}`);
|
|
445
|
+
console.log("\uD638\uC2A4\uD2B8\uAC00 \uBCC0\uACBD\uB418\uC5C8\uC2B5\uB2C8\uB2E4.", {
|
|
446
|
+
"dsp-debug-mode-env": cookieClient.getCookie("dsp-debug-mode-env")
|
|
447
|
+
});
|
|
448
|
+
};
|
|
449
|
+
return /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React7.createElement("h2", { style: h2Style }, "API\uD638\uC2A4\uD2B8")), /* @__PURE__ */ React7.createElement("ul", null, /* @__PURE__ */ React7.createElement("li", { style: menuItemStyle, onClick: () => handleHost("local") }, "local"), /* @__PURE__ */ React7.createElement("li", { style: menuItemStyle, onClick: () => handleHost("dev") }, "dev"), /* @__PURE__ */ React7.createElement("li", { style: menuItemStyle, onClick: () => handleHost("stg") }, "stg")));
|
|
450
|
+
}
|
|
451
|
+
function FormFactor() {
|
|
452
|
+
const handleFormFactor = (formFactor) => {
|
|
453
|
+
cookieClient.setCookie("x-channel-formfactor", formFactor);
|
|
454
|
+
alert(`\uD3FC\uD329\uD130\uAC00 \uBCC0\uACBD\uB418\uC5C8\uC2B5\uB2C8\uB2E4.:${formFactor}`);
|
|
455
|
+
console.log("\uD3FC\uD329\uD130\uAC00 \uBCC0\uACBD\uB418\uC5C8\uC2B5\uB2C8\uB2E4.", {
|
|
456
|
+
"x-channel-formfactor": cookieClient.getCookie("x-channel-formfactor")
|
|
457
|
+
});
|
|
458
|
+
};
|
|
459
|
+
return /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React7.createElement("h2", { style: h2Style }, "\uD3FC\uD329\uD130")), /* @__PURE__ */ React7.createElement("ul", null, /* @__PURE__ */ React7.createElement("li", { style: menuItemStyle, onClick: () => handleFormFactor("tablet") }, "Tablet"), /* @__PURE__ */ React7.createElement("li", { style: menuItemStyle, onClick: () => handleFormFactor("phone") }, "Phone"), /* @__PURE__ */ React7.createElement("li", { style: menuItemStyle, onClick: () => handleFormFactor("pc") }, "PC")));
|
|
460
|
+
}
|
|
461
|
+
function InitRefresh() {
|
|
462
|
+
const handleDeleteHostCookie = () => {
|
|
463
|
+
cookieClient.deleteCookie("dsp-debug-mode-env");
|
|
464
|
+
alert("\uD638\uC2A4\uD2B8\uAC00 \uC0AD\uC81C\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
|
|
465
|
+
console.log("\uD638\uC2A4\uD2B8\uAC00 \uC0AD\uC81C\uB418\uC5C8\uC2B5\uB2C8\uB2E4.", {
|
|
466
|
+
"dsp-debug-mode-env": cookieClient.getCookie("dsp-debug-mode-env")
|
|
467
|
+
});
|
|
468
|
+
};
|
|
469
|
+
const handleDeleteTokenCookie = () => {
|
|
470
|
+
cookieClient.deleteCookie("accessToken");
|
|
471
|
+
alert("\uD1A0\uD070\uCFE0\uD0A4\uAC00 \uC0AD\uC81C\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
|
|
472
|
+
console.log("\uD1A0\uD070\uCFE0\uD0A4\uAC00 \uC0AD\uC81C\uB418\uC5C8\uC2B5\uB2C8\uB2E4.", {
|
|
473
|
+
accessToken: cookieClient.getCookie("accessToken")
|
|
474
|
+
});
|
|
475
|
+
};
|
|
442
476
|
const handleDeleteCustomCookie = () => {
|
|
443
477
|
cookieClient.deleteCookie("x-channel-appversion");
|
|
444
478
|
cookieClient.deleteCookie("x-channel-deviceid");
|
|
@@ -464,37 +498,14 @@ var MenuPanel = ({ menuItems: menuItems2, onMenuItemClick, onClose, serviceCode
|
|
|
464
498
|
"x-channel-business-work-division-code": cookieClient.getCookie("x-channel-business-work-division-code")
|
|
465
499
|
});
|
|
466
500
|
};
|
|
467
|
-
|
|
468
|
-
cookieClient.deleteCookie("dsp-debug-mode-env");
|
|
469
|
-
alert("\uD638\uC2A4\uD2B8\uAC00 \uC0AD\uC81C\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
|
|
470
|
-
console.log("\uD638\uC2A4\uD2B8\uAC00 \uC0AD\uC81C\uB418\uC5C8\uC2B5\uB2C8\uB2E4.", {
|
|
471
|
-
"dsp-debug-mode-env": cookieClient.getCookie("dsp-debug-mode-env")
|
|
472
|
-
});
|
|
473
|
-
};
|
|
474
|
-
const handleDeleteTokenCookie = () => {
|
|
475
|
-
cookieClient.deleteCookie("accessToken");
|
|
476
|
-
alert("\uD1A0\uD070\uCFE0\uD0A4\uAC00 \uC0AD\uC81C\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
|
|
477
|
-
console.log("\uD1A0\uD070\uCFE0\uD0A4\uAC00 \uC0AD\uC81C\uB418\uC5C8\uC2B5\uB2C8\uB2E4.", {
|
|
478
|
-
accessToken: cookieClient.getCookie("accessToken")
|
|
479
|
-
});
|
|
480
|
-
};
|
|
481
|
-
const handleFormFactor = (formFactor) => {
|
|
482
|
-
cookieClient.setCookie("x-channel-formfactor", formFactor);
|
|
483
|
-
alert(`\uD3FC\uD329\uD130\uAC00 \uBCC0\uACBD\uB418\uC5C8\uC2B5\uB2C8\uB2E4.:${formFactor}`);
|
|
484
|
-
console.log("\uD3FC\uD329\uD130\uAC00 \uBCC0\uACBD\uB418\uC5C8\uC2B5\uB2C8\uB2E4.", {
|
|
485
|
-
"x-channel-formfactor": cookieClient.getCookie("x-channel-formfactor")
|
|
486
|
-
});
|
|
487
|
-
};
|
|
488
|
-
const handleHost = (host) => {
|
|
489
|
-
cookieClient.setCookie("dsp-debug-mode-env", host);
|
|
490
|
-
alert(`\uD638\uC2A4\uD2B8\uAC00 \uBCC0\uACBD\uB418\uC5C8\uC2B5\uB2C8\uB2E4.:${host}`);
|
|
491
|
-
console.log("\uD638\uC2A4\uD2B8\uAC00 \uBCC0\uACBD\uB418\uC5C8\uC2B5\uB2C8\uB2E4.", {
|
|
492
|
-
"dsp-debug-mode-env": cookieClient.getCookie("dsp-debug-mode-env")
|
|
493
|
-
});
|
|
494
|
-
};
|
|
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: () => {
|
|
501
|
+
return /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React7.createElement("h2", { style: h2Style }, "\uCD08\uAE30\uD654")), /* @__PURE__ */ React7.createElement("ul", null, /* @__PURE__ */ React7.createElement("li", { style: menuItemStyle }, /* @__PURE__ */ React7.createElement("button", { onClick: () => {
|
|
496
502
|
window.location.reload();
|
|
497
|
-
} }, "\uC0C8\uB85C\uACE0\uCE68")), /* @__PURE__ */
|
|
503
|
+
} }, "\uC0C8\uB85C\uACE0\uCE68")), /* @__PURE__ */ React7.createElement("li", { style: menuItemStyle }, /* @__PURE__ */ React7.createElement("button", { onClick: handleDeleteHostCookie }, "Host \uC0AD\uC81C")), /* @__PURE__ */ React7.createElement("li", { style: menuItemStyle }, /* @__PURE__ */ React7.createElement("button", { onClick: handleDeleteCustomCookie }, "\uCEE4\uC2A4\uD140(x-channel-) \uC0AD\uC81C")), /* @__PURE__ */ React7.createElement("li", { style: menuItemStyle }, /* @__PURE__ */ React7.createElement("button", { onClick: handleDeleteTokenCookie }, "\uD1A0\uD070 \uC0AD\uC81C"))));
|
|
504
|
+
}
|
|
505
|
+
|
|
506
|
+
// src/components/menu-panel.tsx
|
|
507
|
+
var MenuPanel = ({ menuItems: menuItems2, onMenuItemClick, onClose, serviceCode }) => {
|
|
508
|
+
return /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React7.createElement("div", { style: debugMenuPanelStyle }, /* @__PURE__ */ React7.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React7.createElement("h2", { style: h2Style }, "Debug Menu"), /* @__PURE__ */ React7.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React7.createElement("ul", null, menuItems2.map((item) => /* @__PURE__ */ React7.createElement("li", { key: item.id, onClick: () => onMenuItemClick(item.component), style: menuItemStyle }, item.label))), serviceCode === "dsp" && /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement(FormFactor, null), /* @__PURE__ */ React7.createElement(ChangeHost, null), /* @__PURE__ */ React7.createElement(InitRefresh, null))));
|
|
498
509
|
};
|
|
499
510
|
var menu_panel_default = MenuPanel;
|
|
500
511
|
var globalLogs = [];
|
|
@@ -570,7 +581,7 @@ var LogMessage = ({ entry }) => {
|
|
|
570
581
|
return String(part);
|
|
571
582
|
});
|
|
572
583
|
const style = { ...logMessageStyle, ...logTypeStyles[entry.type] };
|
|
573
|
-
return /* @__PURE__ */
|
|
584
|
+
return /* @__PURE__ */ React7.createElement("pre", { style }, messageParts.join(" "));
|
|
574
585
|
};
|
|
575
586
|
var ConsoleLogPanel = ({ onClose }) => {
|
|
576
587
|
const { logs, clearLogs } = useConsoleLog();
|
|
@@ -588,7 +599,7 @@ var ConsoleLogPanel = ({ onClose }) => {
|
|
|
588
599
|
}
|
|
589
600
|
}, [filteredLogs]);
|
|
590
601
|
const segmentOptions = ["all", "log", "warn", "error"];
|
|
591
|
-
return /* @__PURE__ */
|
|
602
|
+
return /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React7.createElement("div", { style: debugFeaturePanelStyle }, /* @__PURE__ */ React7.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React7.createElement("h2", { style: h2Style }, "Console Logs"), /* @__PURE__ */ React7.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React7.createElement("div", { style: panelToolbarStyle }, /* @__PURE__ */ React7.createElement("div", null, segmentOptions.map((option) => /* @__PURE__ */ React7.createElement("button", { key: option, onClick: () => setFilter(option), disabled: filter === option }, option.charAt(0).toUpperCase() + option.slice(1)))), /* @__PURE__ */ React7.createElement("button", { onClick: clearLogs, style: clearButtonStyle }, "Clear")), /* @__PURE__ */ React7.createElement("div", { style: logListContainerStyle, ref: logContainerRef }, filteredLogs.map((log) => /* @__PURE__ */ React7.createElement("div", { key: log.id, style: logItemStyle }, /* @__PURE__ */ React7.createElement("span", { style: logTimestampStyle }, log.timestamp), /* @__PURE__ */ React7.createElement(LogMessage, { entry: log }))))));
|
|
592
603
|
};
|
|
593
604
|
var console_log_panel_default = ConsoleLogPanel;
|
|
594
605
|
var LoginPanel = ({ onClose, onLogin }) => {
|
|
@@ -649,7 +660,7 @@ var LoginPanel = ({ onClose, onLogin }) => {
|
|
|
649
660
|
useEffect(() => {
|
|
650
661
|
setFormData({});
|
|
651
662
|
}, [selectedType]);
|
|
652
|
-
return /* @__PURE__ */
|
|
663
|
+
return /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React7.createElement("div", { style: debugFeaturePanelStyle }, /* @__PURE__ */ React7.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React7.createElement("h2", { style: h2Style }, "\uAC04\uD3B8 \uB85C\uADF8\uC778"), /* @__PURE__ */ React7.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React7.createElement("form", { style: loginFormContainerStyle, onSubmit: handleSubmit }, /* @__PURE__ */ React7.createElement("div", null, /* @__PURE__ */ React7.createElement("ul", { style: { listStyleType: "circle" } }, /* @__PURE__ */ React7.createElement("li", null, /* @__PURE__ */ React7.createElement("label", { htmlFor: "debug-on" }, "Debug On"), /* @__PURE__ */ React7.createElement("input", { type: "checkbox", id: "debug-on", onChange: handleDebugOn, checked: mode }), /* @__PURE__ */ React7.createElement("ul", { style: { listStyleType: "square", paddingLeft: "20px" } }, /* @__PURE__ */ React7.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__ */ React7.createElement("li", null, /* @__PURE__ */ React7.createElement("label", { htmlFor: "step-validation-off" }, "\uC11C\uC2DD Validation Off"), /* @__PURE__ */ React7.createElement(
|
|
653
664
|
"input",
|
|
654
665
|
{
|
|
655
666
|
type: "checkbox",
|
|
@@ -657,7 +668,7 @@ var LoginPanel = ({ onClose, onLogin }) => {
|
|
|
657
668
|
onChange: handleStepValidationOff,
|
|
658
669
|
checked: stepValidationOff
|
|
659
670
|
}
|
|
660
|
-
), /* @__PURE__ */
|
|
671
|
+
), /* @__PURE__ */ React7.createElement("ul", { style: { listStyleType: "square", paddingLeft: "20px" } }, /* @__PURE__ */ React7.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__ */ React7.createElement("li", null, /* @__PURE__ */ React7.createElement("label", { htmlFor: "terms-path-poly-no" }, "\uC57D\uAD00 polyNo"), /* @__PURE__ */ React7.createElement(
|
|
661
672
|
"input",
|
|
662
673
|
{
|
|
663
674
|
type: "text",
|
|
@@ -665,7 +676,7 @@ var LoginPanel = ({ onClose, onLogin }) => {
|
|
|
665
676
|
onChange: handleTermsPathPolyNo,
|
|
666
677
|
placeholder: "polyNo,saleDate\uB458\uB2E4\uC785\uB825"
|
|
667
678
|
}
|
|
668
|
-
)), /* @__PURE__ */
|
|
679
|
+
)), /* @__PURE__ */ React7.createElement("li", null, /* @__PURE__ */ React7.createElement("label", { htmlFor: "terms-path-sale-date" }, "\uC57D\uAD00 saleDate"), /* @__PURE__ */ React7.createElement(
|
|
669
680
|
"input",
|
|
670
681
|
{
|
|
671
682
|
type: "text",
|
|
@@ -673,7 +684,7 @@ var LoginPanel = ({ onClose, onLogin }) => {
|
|
|
673
684
|
onChange: handleTermsPathSaleDate,
|
|
674
685
|
placeholder: "polyNo,saleDate\uB458\uB2E4\uC785\uB825"
|
|
675
686
|
}
|
|
676
|
-
), /* @__PURE__ */
|
|
687
|
+
), /* @__PURE__ */ React7.createElement("br", null), /* @__PURE__ */ React7.createElement("strong", null, "\uC57D\uAD00\uD655\uC778\uD6C4 \uD574\uB2F9\uCFE0\uD0A4 \uBC18\uB4DC\uC2DC \uC0AD\uC81C"))), /* @__PURE__ */ React7.createElement("br", null), " ", /* @__PURE__ */ React7.createElement("br", null), /* @__PURE__ */ React7.createElement("label", { htmlFor: "login-type-select" }, "\uB85C\uADF8\uC778 \uC720\uD615"), /* @__PURE__ */ React7.createElement("select", { id: "login-type-select", value: selectedTypeId, onChange: (e) => setSelectedTypeId(e.target.value) }, loginTypes.map((type) => /* @__PURE__ */ React7.createElement("option", { key: type.id, value: type.id }, type.label)))), selectedType?.fields.map((field) => /* @__PURE__ */ React7.createElement("div", { key: field.name }, /* @__PURE__ */ React7.createElement("label", { htmlFor: field.name }, field.label), /* @__PURE__ */ React7.createElement(
|
|
677
688
|
"input",
|
|
678
689
|
{
|
|
679
690
|
type: field.type,
|
|
@@ -684,7 +695,7 @@ var LoginPanel = ({ onClose, onLogin }) => {
|
|
|
684
695
|
onChange: handleInputChange,
|
|
685
696
|
required: true
|
|
686
697
|
}
|
|
687
|
-
))), /* @__PURE__ */
|
|
698
|
+
))), /* @__PURE__ */ React7.createElement("div", { style: formActionsStyle }, /* @__PURE__ */ React7.createElement("button", { type: "submit" }, "\uB85C\uADF8\uC778")))));
|
|
688
699
|
};
|
|
689
700
|
var login_panel_default = LoginPanel;
|
|
690
701
|
var SEARCH_SECTIONS = [
|
|
@@ -785,9 +796,9 @@ var NetworkLog = ({ onClose }) => {
|
|
|
785
796
|
};
|
|
786
797
|
const renderLogContent = (log) => {
|
|
787
798
|
const logInfo = getLogInfo(log);
|
|
788
|
-
return /* @__PURE__ */
|
|
799
|
+
return /* @__PURE__ */ React7.createElement("pre", null, JSON.stringify(logInfo, null, 2));
|
|
789
800
|
};
|
|
790
|
-
return /* @__PURE__ */
|
|
801
|
+
return /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React7.createElement("div", { style: debugFeaturePanelStyle }, /* @__PURE__ */ React7.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React7.createElement("h2", { style: h2Style }, "\uB124\uD2B8\uC6CC\uD06C \uB85C\uADF8"), /* @__PURE__ */ React7.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React7.createElement("div", { style: networkLogContainerStyle }, /* @__PURE__ */ React7.createElement("div", { style: searchContainerStyle }, /* @__PURE__ */ React7.createElement("select", { value: searchSection, onChange: (e) => setSearchSection(e.target.value) }, SEARCH_SECTIONS.map((option) => /* @__PURE__ */ React7.createElement("option", { key: option.value, value: option.value }, option.label))), /* @__PURE__ */ React7.createElement(
|
|
791
802
|
"input",
|
|
792
803
|
{
|
|
793
804
|
type: "text",
|
|
@@ -796,20 +807,16 @@ var NetworkLog = ({ onClose }) => {
|
|
|
796
807
|
onChange: (e) => setSearchTerm(e.target.value),
|
|
797
808
|
style: flex1Style
|
|
798
809
|
}
|
|
799
|
-
), /* @__PURE__ */
|
|
810
|
+
), /* @__PURE__ */ React7.createElement("label", null, /* @__PURE__ */ React7.createElement("input", { type: "checkbox", id: "hold-checkbox", checked: isHold, onChange: toggleHold }), "Hold"), /* @__PURE__ */ React7.createElement("button", { onClick: clear }, "clear")), isHold && /* @__PURE__ */ React7.createElement("div", { style: holdButtonsContainerStyle }, /* @__PURE__ */ React7.createElement("button", { onClick: () => playAllRequests() }, "REQ Resolve"), /* @__PURE__ */ React7.createElement("button", { onClick: () => playAllResponses() }, "RES Resolve")), /* @__PURE__ */ React7.createElement("div", { style: logListStyle }, filteredLogs.length === 0 ? /* @__PURE__ */ React7.createElement("p", null, "\uD45C\uC2DC\uD560 \uB85C\uADF8\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4.") : /* @__PURE__ */ React7.createElement("div", null, filteredLogs.map((log, index) => /* @__PURE__ */ React7.createElement("details", { key: index }, /* @__PURE__ */ React7.createElement("summary", { style: logSummaryStyle }, renderLogSummary(log)), /* @__PURE__ */ React7.createElement("div", { style: logContentStyle }, renderLogContent(log)))))))));
|
|
800
811
|
};
|
|
801
812
|
var network_log_default = NetworkLog;
|
|
802
|
-
var
|
|
803
|
-
|
|
804
|
-
|
|
805
|
-
|
|
806
|
-
|
|
807
|
-
|
|
808
|
-
|
|
809
|
-
CUST_3: "",
|
|
810
|
-
CUST_4: "",
|
|
811
|
-
CUST_5: "",
|
|
812
|
-
none: ""
|
|
813
|
+
var LocationInfo = () => {
|
|
814
|
+
return Object.keys(location).map((key) => {
|
|
815
|
+
const val = location[key];
|
|
816
|
+
if (typeof val === "string") {
|
|
817
|
+
return /* @__PURE__ */ React7.createElement("div", { key }, key, ": ", val, " ", val && /* @__PURE__ */ React7.createElement("button", { onClick: () => navigator.clipboard.writeText(val) }, "\uBCF5\uC0AC"));
|
|
818
|
+
}
|
|
819
|
+
});
|
|
813
820
|
};
|
|
814
821
|
var PageNavigationPanel = ({ onClose }) => {
|
|
815
822
|
const [url, setUrl] = useState("");
|
|
@@ -818,15 +825,7 @@ var PageNavigationPanel = ({ onClose }) => {
|
|
|
818
825
|
self.location.href = url;
|
|
819
826
|
}
|
|
820
827
|
};
|
|
821
|
-
|
|
822
|
-
const urlType = e.target.value;
|
|
823
|
-
if (urlType !== "none") {
|
|
824
|
-
setUrl(URL_MAP[urlType]);
|
|
825
|
-
} else {
|
|
826
|
-
setUrl("");
|
|
827
|
-
}
|
|
828
|
-
};
|
|
829
|
-
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(
|
|
828
|
+
return /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React7.createElement("div", { style: debugFeaturePanelStyle }, /* @__PURE__ */ React7.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React7.createElement("h2", { style: h2Style }, "\uD398\uC774\uC9C0 \uC815\uBCF4"), /* @__PURE__ */ React7.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React7.createElement("div", { style: pageNavigationContentStyle }, /* @__PURE__ */ React7.createElement("br", null), /* @__PURE__ */ React7.createElement("br", null), "\uD398\uC774\uC9C0\uC815\uBCF4 :", /* @__PURE__ */ React7.createElement("span", { style: { whiteSpace: "normal", wordBreak: "break-all" } }, LocationInfo()), /* @__PURE__ */ React7.createElement("br", null), /* @__PURE__ */ React7.createElement("br", null), "\uD398\uC774\uC9C0\uC774\uB3D9 :", /* @__PURE__ */ React7.createElement(
|
|
830
829
|
"input",
|
|
831
830
|
{
|
|
832
831
|
type: "text",
|
|
@@ -835,7 +834,7 @@ var PageNavigationPanel = ({ onClose }) => {
|
|
|
835
834
|
placeholder: "\uC774\uB3D9\uD560 URL\uC744 \uC785\uB825\uD558\uC138\uC694 (\uC608: /main)",
|
|
836
835
|
style: flex1Style
|
|
837
836
|
}
|
|
838
|
-
), /* @__PURE__ */
|
|
837
|
+
), /* @__PURE__ */ React7.createElement("button", { onClick: handleNavigate }, "\uC774\uB3D9"))));
|
|
839
838
|
};
|
|
840
839
|
var page_navigation_panel_default = PageNavigationPanel;
|
|
841
840
|
var logTypeStyles2 = {
|
|
@@ -861,7 +860,7 @@ var ResultMessage = ({ log }) => {
|
|
|
861
860
|
});
|
|
862
861
|
const prefix = log.type === "return" ? "\u21A9 " : "";
|
|
863
862
|
const style = { ...logMessageStyle, ...logTypeStyles2[log.type] };
|
|
864
|
-
return /* @__PURE__ */
|
|
863
|
+
return /* @__PURE__ */ React7.createElement("pre", { style }, prefix, messageParts.join(" "));
|
|
865
864
|
};
|
|
866
865
|
var ScriptExecutorPanel = ({ onClose }) => {
|
|
867
866
|
const [code, setCode] = useState('// \uC5EC\uAE30\uC5D0 \uC2E4\uD589\uD560 \uCF54\uB4DC\uB97C \uC785\uB825\uD558\uC138\uC694\nconsole.log("Hello, World!");');
|
|
@@ -908,7 +907,7 @@ var ScriptExecutorPanel = ({ onClose }) => {
|
|
|
908
907
|
const handleClear = () => {
|
|
909
908
|
setResults([]);
|
|
910
909
|
};
|
|
911
|
-
return /* @__PURE__ */
|
|
910
|
+
return /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React7.createElement("div", { style: { ...debugFeaturePanelStyle, ...scriptExecutorContentStyle } }, /* @__PURE__ */ React7.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React7.createElement("h2", { style: h2Style }, "\uC2A4\uD06C\uB9BD\uD2B8 \uC2E4\uD589"), /* @__PURE__ */ React7.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React7.createElement("div", { style: scriptExecutorContentStyle }, /* @__PURE__ */ React7.createElement("div", { style: scriptInputSectionStyle }, /* @__PURE__ */ React7.createElement(
|
|
912
911
|
"textarea",
|
|
913
912
|
{
|
|
914
913
|
style: scriptTextareaStyle,
|
|
@@ -916,18 +915,18 @@ var ScriptExecutorPanel = ({ onClose }) => {
|
|
|
916
915
|
onChange: (e) => setCode(e.target.value),
|
|
917
916
|
spellCheck: "false"
|
|
918
917
|
}
|
|
919
|
-
), /* @__PURE__ */
|
|
918
|
+
), /* @__PURE__ */ React7.createElement("div", { style: scriptActionsStyle }, /* @__PURE__ */ React7.createElement("button", { onClick: handleExecute }, "\uC2E4\uD589 (\u25B6)"), /* @__PURE__ */ React7.createElement("button", { onClick: handleClear }, "\uACB0\uACFC \uC9C0\uC6B0\uAE30"))), /* @__PURE__ */ React7.createElement("div", { style: scriptOutputSectionStyle }, /* @__PURE__ */ React7.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React7.createElement("h3", { style: h3Style }, "\uACB0\uACFC")), /* @__PURE__ */ React7.createElement("div", { style: logListContainerStyle }, results.map((log) => /* @__PURE__ */ React7.createElement("div", { key: log.id, style: logItemStyle }, /* @__PURE__ */ React7.createElement("span", { style: logTimestampStyle }, log.timestamp), /* @__PURE__ */ React7.createElement(ResultMessage, { log }))))))));
|
|
920
919
|
};
|
|
921
920
|
var script_executor_panel_default = ScriptExecutorPanel;
|
|
922
921
|
var ValueDisplay = ({ value }) => {
|
|
923
922
|
try {
|
|
924
923
|
const parsed = JSON.parse(value);
|
|
925
924
|
if (typeof parsed === "object" && parsed !== null) {
|
|
926
|
-
return /* @__PURE__ */
|
|
925
|
+
return /* @__PURE__ */ React7.createElement("pre", { style: logContentStyle }, JSON.stringify(parsed, null, 2));
|
|
927
926
|
}
|
|
928
927
|
} catch (e) {
|
|
929
928
|
}
|
|
930
|
-
return /* @__PURE__ */
|
|
929
|
+
return /* @__PURE__ */ React7.createElement("div", { style: logContentStyle }, value);
|
|
931
930
|
};
|
|
932
931
|
var EditableRow = ({ item, onSave, onRemove }) => {
|
|
933
932
|
const [isEditing, setIsEditing] = useState(false);
|
|
@@ -940,7 +939,7 @@ var EditableRow = ({ item, onSave, onRemove }) => {
|
|
|
940
939
|
setValue(item.value);
|
|
941
940
|
setIsEditing(true);
|
|
942
941
|
};
|
|
943
|
-
return /* @__PURE__ */
|
|
942
|
+
return /* @__PURE__ */ React7.createElement("details", null, /* @__PURE__ */ React7.createElement("summary", null, item.key), /* @__PURE__ */ React7.createElement("div", null, isEditing ? /* @__PURE__ */ React7.createElement("button", { onClick: handleSave }, "Save") : /* @__PURE__ */ React7.createElement("button", { onClick: handleEdit }, "Edit"), /* @__PURE__ */ React7.createElement("button", { onClick: () => onRemove(item.key) }, "Remove"), isEditing ? /* @__PURE__ */ React7.createElement("textarea", { value, onChange: (e) => setValue(e.target.value), style: textareaStyle }) : /* @__PURE__ */ React7.createElement(ValueDisplay, { value: item.value })));
|
|
944
943
|
};
|
|
945
944
|
var StoragePanel = ({ onClose, storageType }) => {
|
|
946
945
|
const { items, setItem, removeItem } = useStorage(storageType);
|
|
@@ -953,7 +952,7 @@ var StoragePanel = ({ onClose, storageType }) => {
|
|
|
953
952
|
(item) => item.key.toLowerCase().includes(filter.toLowerCase()) || item.value.toLowerCase().includes(filter.toLowerCase())
|
|
954
953
|
);
|
|
955
954
|
}, [items, filter]);
|
|
956
|
-
return /* @__PURE__ */
|
|
955
|
+
return /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React7.createElement("div", { style: debugFeaturePanelStyle }, /* @__PURE__ */ React7.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React7.createElement("h2", { style: h2Style }, storageType === "localStorage" ? "Local Storage" : "Cookies"), /* @__PURE__ */ React7.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React7.createElement("div", { style: panelToolbarStyle }, /* @__PURE__ */ React7.createElement(
|
|
957
956
|
"input",
|
|
958
957
|
{
|
|
959
958
|
type: "text",
|
|
@@ -962,7 +961,7 @@ var StoragePanel = ({ onClose, storageType }) => {
|
|
|
962
961
|
onChange: (e) => setFilter(e.target.value),
|
|
963
962
|
style: storageSearchInputStyle
|
|
964
963
|
}
|
|
965
|
-
)), /* @__PURE__ */
|
|
964
|
+
)), /* @__PURE__ */ React7.createElement("div", { style: storageTableContainerStyle }, filteredItems.map((item) => /* @__PURE__ */ React7.createElement(EditableRow, { key: item.key, item, onSave: setItem, onRemove: removeItem })))));
|
|
966
965
|
};
|
|
967
966
|
var storage_panel_default = StoragePanel;
|
|
968
967
|
|
|
@@ -1002,13 +1001,13 @@ var menuItems = [
|
|
|
1002
1001
|
id: "local-storage",
|
|
1003
1002
|
label: "\uB85C\uCEEC \uC2A4\uD1A0\uB9AC\uC9C0 \uAD00\uB9AC",
|
|
1004
1003
|
// StoragePanel은 재사용 가능한 컴포넌트이므로, props를 통해 어떤 스토리지를 다룰지 지정합니다.
|
|
1005
|
-
component: (props) => /* @__PURE__ */
|
|
1004
|
+
component: (props) => /* @__PURE__ */ React7.createElement(storage_panel_default, { ...props, storageType: "localStorage" }),
|
|
1006
1005
|
display: true
|
|
1007
1006
|
},
|
|
1008
1007
|
{
|
|
1009
1008
|
id: "cookie-management",
|
|
1010
1009
|
label: "\uCFE0\uD0A4 \uAD00\uB9AC",
|
|
1011
|
-
component: (props) => /* @__PURE__ */
|
|
1010
|
+
component: (props) => /* @__PURE__ */ React7.createElement(storage_panel_default, { ...props, storageType: "cookie" }),
|
|
1012
1011
|
display: true
|
|
1013
1012
|
},
|
|
1014
1013
|
{
|
|
@@ -1026,7 +1025,7 @@ var menuItems = [
|
|
|
1026
1025
|
},
|
|
1027
1026
|
{
|
|
1028
1027
|
id: "page-navigation",
|
|
1029
|
-
label: "\uD398\uC774\uC9C0 \
|
|
1028
|
+
label: "\uD398\uC774\uC9C0 \uC815\uBCF4",
|
|
1030
1029
|
component: page_navigation_panel_default,
|
|
1031
1030
|
display: true
|
|
1032
1031
|
}
|
|
@@ -1084,9 +1083,9 @@ var DebugTool = ({
|
|
|
1084
1083
|
);
|
|
1085
1084
|
if (activeFeature) {
|
|
1086
1085
|
const FeatureComponent = activeFeature;
|
|
1087
|
-
return /* @__PURE__ */
|
|
1086
|
+
return /* @__PURE__ */ React7.createElement(FeatureComponent, { onClose: handleCloseFeature, onLogin });
|
|
1088
1087
|
}
|
|
1089
|
-
return /* @__PURE__ */
|
|
1088
|
+
return /* @__PURE__ */ React7.createElement(
|
|
1090
1089
|
"div",
|
|
1091
1090
|
{
|
|
1092
1091
|
style: {
|
|
@@ -1096,8 +1095,8 @@ var DebugTool = ({
|
|
|
1096
1095
|
zIndex: 9999
|
|
1097
1096
|
}
|
|
1098
1097
|
},
|
|
1099
|
-
/* @__PURE__ */
|
|
1100
|
-
isMenuOpen && /* @__PURE__ */
|
|
1098
|
+
/* @__PURE__ */ React7.createElement(floating_button_default, { onClick: toggleMenu }),
|
|
1099
|
+
isMenuOpen && /* @__PURE__ */ React7.createElement(
|
|
1101
1100
|
menu_panel_default,
|
|
1102
1101
|
{
|
|
1103
1102
|
menuItems: availableMenuItems,
|