sales-frontend-debug 0.0.46 → 0.0.48
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 +192 -207
- 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 +150 -166
- package/dist/index.js.map +1 -1
- package/package.json +4 -4
package/dist/index.cjs
CHANGED
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var React8 = require('react');
|
|
4
|
+
var cookie = require('sales-frontend-utils/cookie');
|
|
4
5
|
var salesFrontendUtils = require('sales-frontend-utils');
|
|
5
6
|
var salesFrontendStores = require('sales-frontend-stores');
|
|
6
7
|
|
|
7
8
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
8
9
|
|
|
9
|
-
var
|
|
10
|
+
var React8__default = /*#__PURE__*/_interopDefault(React8);
|
|
10
11
|
|
|
11
12
|
// src/debug-tool.tsx
|
|
12
13
|
|
|
@@ -230,18 +231,18 @@ var textareaStyle = {
|
|
|
230
231
|
|
|
231
232
|
// src/components/floating-button.tsx
|
|
232
233
|
var FloatingButton = ({ onClick }) => {
|
|
233
|
-
const [position, setPosition] =
|
|
234
|
-
const [isDragging, setIsDragging] =
|
|
235
|
-
const [isVisible, setIsVisible] =
|
|
236
|
-
const gestureStep =
|
|
237
|
-
const gestureTimeout =
|
|
238
|
-
const globalDragStart =
|
|
239
|
-
const dragHappened =
|
|
240
|
-
const dragStartPos =
|
|
241
|
-
const elementStartPos =
|
|
242
|
-
const clickCount =
|
|
243
|
-
const clickTimeout =
|
|
244
|
-
|
|
234
|
+
const [position, setPosition] = React8.useState({ x: 0, y: 0 });
|
|
235
|
+
const [isDragging, setIsDragging] = React8.useState(false);
|
|
236
|
+
const [isVisible, setIsVisible] = React8.useState(false);
|
|
237
|
+
const gestureStep = React8.useRef(0);
|
|
238
|
+
const gestureTimeout = React8.useRef(null);
|
|
239
|
+
const globalDragStart = React8.useRef(null);
|
|
240
|
+
const dragHappened = React8.useRef(false);
|
|
241
|
+
const dragStartPos = React8.useRef({ x: 0, y: 0 });
|
|
242
|
+
const elementStartPos = React8.useRef({ x: 0, y: 0 });
|
|
243
|
+
const clickCount = React8.useRef(0);
|
|
244
|
+
const clickTimeout = React8.useRef(null);
|
|
245
|
+
React8.useEffect(() => {
|
|
245
246
|
const handleGlobalMouseDown = (e) => {
|
|
246
247
|
globalDragStart.current = { x: e.clientX, y: e.clientY };
|
|
247
248
|
};
|
|
@@ -287,7 +288,7 @@ var FloatingButton = ({ onClick }) => {
|
|
|
287
288
|
}
|
|
288
289
|
};
|
|
289
290
|
}, []);
|
|
290
|
-
|
|
291
|
+
React8.useEffect(() => {
|
|
291
292
|
const handleGlobalClick = () => {
|
|
292
293
|
clickCount.current += 1;
|
|
293
294
|
if (clickCount.current === 1) {
|
|
@@ -353,165 +354,94 @@ var FloatingButton = ({ onClick }) => {
|
|
|
353
354
|
display: isVisible ? "flex" : "none"
|
|
354
355
|
// Hide until activated
|
|
355
356
|
};
|
|
356
|
-
return /* @__PURE__ */
|
|
357
|
+
return /* @__PURE__ */ React8__default.default.createElement("button", { style: buttonStyle, onMouseDown: handleMouseDown, onClick: handleClick }, "DEBUG");
|
|
357
358
|
};
|
|
358
359
|
var floating_button_default = FloatingButton;
|
|
359
|
-
var cookieClient = {
|
|
360
|
-
getCookie(name) {
|
|
361
|
-
if (typeof document === "undefined") {
|
|
362
|
-
return "";
|
|
363
|
-
}
|
|
364
|
-
const match = document.cookie.match(new RegExp(`(^|; *)${name}=([^;]*)`));
|
|
365
|
-
return match ? decodeURIComponent(match[2] || "") : "";
|
|
366
|
-
},
|
|
367
|
-
setCookie(name, value, options = {}) {
|
|
368
|
-
if (typeof document === "undefined") {
|
|
369
|
-
return;
|
|
370
|
-
}
|
|
371
|
-
let cookieString = `${name}=${encodeURIComponent(value)}`;
|
|
372
|
-
if (options.expires) {
|
|
373
|
-
let expiresDate;
|
|
374
|
-
if (typeof options.expires === "number") {
|
|
375
|
-
expiresDate = /* @__PURE__ */ new Date();
|
|
376
|
-
expiresDate.setDate(expiresDate.getDate() + options.expires);
|
|
377
|
-
} else {
|
|
378
|
-
expiresDate = options.expires;
|
|
379
|
-
}
|
|
380
|
-
cookieString += `; expires=${expiresDate.toUTCString()}`;
|
|
381
|
-
}
|
|
382
|
-
cookieString += `; path=${options.path || "/"}`;
|
|
383
|
-
if (options.domain) {
|
|
384
|
-
cookieString += `; domain=${options.domain}`;
|
|
385
|
-
}
|
|
386
|
-
if (options.secure) {
|
|
387
|
-
cookieString += "; secure";
|
|
388
|
-
}
|
|
389
|
-
document.cookie = cookieString;
|
|
390
|
-
},
|
|
391
|
-
deleteCookie(name, options = {}) {
|
|
392
|
-
cookieClient.setCookie(name, "", { ...options, expires: -1 });
|
|
393
|
-
}
|
|
394
|
-
};
|
|
395
|
-
var useStorage = (storageType) => {
|
|
396
|
-
const [items, setItems] = React7.useState([]);
|
|
397
|
-
const loadItems = React7.useCallback(() => {
|
|
398
|
-
const newItems = [];
|
|
399
|
-
if (storageType === "localStorage") {
|
|
400
|
-
for (let i = 0; i < localStorage.length; i++) {
|
|
401
|
-
const key = localStorage.key(i);
|
|
402
|
-
if (key) {
|
|
403
|
-
newItems.push({ key, value: localStorage.getItem(key) || "" });
|
|
404
|
-
}
|
|
405
|
-
}
|
|
406
|
-
} else {
|
|
407
|
-
const cookies = document.cookie.split(";");
|
|
408
|
-
cookies.forEach((cookie) => {
|
|
409
|
-
const parts = cookie.split("=");
|
|
410
|
-
const key = parts.shift()?.trim();
|
|
411
|
-
if (key) {
|
|
412
|
-
newItems.push({ key, value: decodeURIComponent(parts.join("=")) });
|
|
413
|
-
}
|
|
414
|
-
});
|
|
415
|
-
}
|
|
416
|
-
setItems(newItems);
|
|
417
|
-
}, [storageType]);
|
|
418
|
-
React7.useEffect(() => {
|
|
419
|
-
loadItems();
|
|
420
|
-
}, [loadItems]);
|
|
421
|
-
const setItem = React7.useCallback(
|
|
422
|
-
(key, value) => {
|
|
423
|
-
if (storageType === "localStorage") {
|
|
424
|
-
localStorage.setItem(key, value);
|
|
425
|
-
} else {
|
|
426
|
-
cookieClient.setCookie(key, value);
|
|
427
|
-
}
|
|
428
|
-
loadItems();
|
|
429
|
-
},
|
|
430
|
-
[storageType, loadItems]
|
|
431
|
-
);
|
|
432
|
-
const removeItem = React7.useCallback(
|
|
433
|
-
(key) => {
|
|
434
|
-
if (storageType === "localStorage") {
|
|
435
|
-
localStorage.removeItem(key);
|
|
436
|
-
} else {
|
|
437
|
-
cookieClient.deleteCookie(key);
|
|
438
|
-
}
|
|
439
|
-
loadItems();
|
|
440
|
-
},
|
|
441
|
-
[storageType, loadItems]
|
|
442
|
-
);
|
|
443
|
-
return { items, setItem, removeItem, loadItems };
|
|
444
|
-
};
|
|
445
|
-
|
|
446
|
-
// src/features/change-host/index.tsx
|
|
447
360
|
function ChangeHost() {
|
|
448
361
|
const handleHost = (host) => {
|
|
449
|
-
|
|
362
|
+
cookie.setCookie("dsp-debug-mode-env", host);
|
|
450
363
|
alert(`\uD638\uC2A4\uD2B8\uAC00 \uBCC0\uACBD\uB418\uC5C8\uC2B5\uB2C8\uB2E4.:${host}`);
|
|
451
364
|
console.log("\uD638\uC2A4\uD2B8\uAC00 \uBCC0\uACBD\uB418\uC5C8\uC2B5\uB2C8\uB2E4.", {
|
|
452
|
-
"dsp-debug-mode-env":
|
|
365
|
+
"dsp-debug-mode-env": cookie.getCookie("dsp-debug-mode-env")
|
|
453
366
|
});
|
|
454
367
|
};
|
|
455
|
-
return /* @__PURE__ */
|
|
368
|
+
return /* @__PURE__ */ React8__default.default.createElement(React8__default.default.Fragment, null, /* @__PURE__ */ React8__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React8__default.default.createElement("h2", { style: h2Style }, "API\uD638\uC2A4\uD2B8")), /* @__PURE__ */ React8__default.default.createElement("ul", null, /* @__PURE__ */ React8__default.default.createElement("li", { style: menuItemStyle, onClick: () => handleHost("local") }, "local"), /* @__PURE__ */ React8__default.default.createElement("li", { style: menuItemStyle, onClick: () => handleHost("dev") }, "dev"), /* @__PURE__ */ React8__default.default.createElement("li", { style: menuItemStyle, onClick: () => handleHost("stg") }, "stg")));
|
|
369
|
+
}
|
|
370
|
+
var fileConvertTypeCookieKey = "dsp-debug-mode-file-convert-type";
|
|
371
|
+
function FileConvert() {
|
|
372
|
+
const handleFileConvertType = (host) => {
|
|
373
|
+
cookie.setCookie(fileConvertTypeCookieKey, host);
|
|
374
|
+
alert(`file convert type \uBCC0\uACBD\uB418\uC5C8\uC2B5\uB2C8\uB2E4.:${host}`);
|
|
375
|
+
console.log("file convert type \uBCC0\uACBD\uB418\uC5C8\uC2B5\uB2C8\uB2E4.", {
|
|
376
|
+
[fileConvertTypeCookieKey]: cookie.getCookie(fileConvertTypeCookieKey)
|
|
377
|
+
});
|
|
378
|
+
};
|
|
379
|
+
return /* @__PURE__ */ React8__default.default.createElement(React8__default.default.Fragment, null, /* @__PURE__ */ React8__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React8__default.default.createElement("h2", { style: h2Style }, "File Convert Type")), /* @__PURE__ */ React8__default.default.createElement("ul", null, /* @__PURE__ */ React8__default.default.createElement("li", { style: menuItemStyle, onClick: () => handleFileConvertType("fetch") }, "fetch"), /* @__PURE__ */ React8__default.default.createElement("li", { style: menuItemStyle, onClick: () => handleFileConvertType("canvas") }, "canvas"), /* @__PURE__ */ React8__default.default.createElement("li", { style: menuItemStyle, onClick: () => handleFileConvertType("xhr") }, "xhr")));
|
|
456
380
|
}
|
|
457
381
|
function FormFactor() {
|
|
458
382
|
const handleFormFactor = (formFactor) => {
|
|
459
|
-
|
|
383
|
+
cookie.setCookie("x-channel-formfactor", formFactor);
|
|
460
384
|
alert(`\uD3FC\uD329\uD130\uAC00 \uBCC0\uACBD\uB418\uC5C8\uC2B5\uB2C8\uB2E4.:${formFactor}`);
|
|
461
385
|
console.log("\uD3FC\uD329\uD130\uAC00 \uBCC0\uACBD\uB418\uC5C8\uC2B5\uB2C8\uB2E4.", {
|
|
462
|
-
"x-channel-formfactor":
|
|
386
|
+
"x-channel-formfactor": cookie.getCookie("x-channel-formfactor")
|
|
463
387
|
});
|
|
464
388
|
};
|
|
465
|
-
return /* @__PURE__ */
|
|
389
|
+
return /* @__PURE__ */ React8__default.default.createElement(React8__default.default.Fragment, null, /* @__PURE__ */ React8__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React8__default.default.createElement("h2", { style: h2Style }, "\uD3FC\uD329\uD130")), /* @__PURE__ */ React8__default.default.createElement("ul", null, /* @__PURE__ */ React8__default.default.createElement("li", { style: menuItemStyle, onClick: () => handleFormFactor("tablet") }, "Tablet"), /* @__PURE__ */ React8__default.default.createElement("li", { style: menuItemStyle, onClick: () => handleFormFactor("phone") }, "Phone"), /* @__PURE__ */ React8__default.default.createElement("li", { style: menuItemStyle, onClick: () => handleFormFactor("pc") }, "PC")));
|
|
466
390
|
}
|
|
467
391
|
function InitRefresh() {
|
|
468
392
|
const handleDeleteHostCookie = () => {
|
|
469
|
-
|
|
393
|
+
cookie.deleteCookie("dsp-debug-mode-env");
|
|
470
394
|
alert("\uD638\uC2A4\uD2B8\uAC00 \uC0AD\uC81C\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
|
|
471
395
|
console.log("\uD638\uC2A4\uD2B8\uAC00 \uC0AD\uC81C\uB418\uC5C8\uC2B5\uB2C8\uB2E4.", {
|
|
472
|
-
"dsp-debug-mode-env":
|
|
396
|
+
"dsp-debug-mode-env": cookie.getCookie("dsp-debug-mode-env")
|
|
473
397
|
});
|
|
474
398
|
};
|
|
475
399
|
const handleDeleteTokenCookie = () => {
|
|
476
|
-
|
|
400
|
+
cookie.deleteCookie("accessToken");
|
|
477
401
|
alert("\uD1A0\uD070\uCFE0\uD0A4\uAC00 \uC0AD\uC81C\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
|
|
478
402
|
console.log("\uD1A0\uD070\uCFE0\uD0A4\uAC00 \uC0AD\uC81C\uB418\uC5C8\uC2B5\uB2C8\uB2E4.", {
|
|
479
|
-
accessToken:
|
|
403
|
+
accessToken: cookie.getCookie("accessToken")
|
|
480
404
|
});
|
|
481
405
|
};
|
|
482
406
|
const handleDeleteCustomCookie = () => {
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
407
|
+
cookie.deleteCookie("x-channel-appversion");
|
|
408
|
+
cookie.deleteCookie("x-channel-deviceid");
|
|
409
|
+
cookie.deleteCookie("x-channel-devicemodel");
|
|
410
|
+
cookie.deleteCookie("x-channel-formfactor");
|
|
411
|
+
cookie.deleteCookie("x-channel-loginchannel");
|
|
412
|
+
cookie.deleteCookie("x-channel-logintype");
|
|
413
|
+
cookie.deleteCookie("x-channel-platformname");
|
|
414
|
+
cookie.deleteCookie("x-channel-platformversion");
|
|
415
|
+
cookie.deleteCookie("x-channel-screenid");
|
|
416
|
+
cookie.deleteCookie("x-channel-business-work-division-code");
|
|
493
417
|
alert("\uCEE4\uC2A4\uD140\uCFE0\uD0A4\uAC00 \uC0AD\uC81C\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
|
|
494
418
|
console.log("\uCEE4\uC2A4\uD140\uCFE0\uD0A4\uAC00 \uC0AD\uC81C\uB418\uC5C8\uC2B5\uB2C8\uB2E4.", {
|
|
495
|
-
"x-channel-appversion":
|
|
496
|
-
"x-channel-deviceid":
|
|
497
|
-
"x-channel-devicemodel":
|
|
498
|
-
"x-channel-formfactor":
|
|
499
|
-
"x-channel-loginchannel":
|
|
500
|
-
"x-channel-logintype":
|
|
501
|
-
"x-channel-platformname":
|
|
502
|
-
"x-channel-platformversion":
|
|
503
|
-
"x-channel-screenid":
|
|
504
|
-
"x-channel-business-work-division-code":
|
|
419
|
+
"x-channel-appversion": cookie.getCookie("x-channel-appversion"),
|
|
420
|
+
"x-channel-deviceid": cookie.getCookie("x-channel-deviceid"),
|
|
421
|
+
"x-channel-devicemodel": cookie.getCookie("x-channel-devicemodel"),
|
|
422
|
+
"x-channel-formfactor": cookie.getCookie("x-channel-formfactor"),
|
|
423
|
+
"x-channel-loginchannel": cookie.getCookie("x-channel-loginchannel"),
|
|
424
|
+
"x-channel-logintype": cookie.getCookie("x-channel-logintype"),
|
|
425
|
+
"x-channel-platformname": cookie.getCookie("x-channel-platformname"),
|
|
426
|
+
"x-channel-platformversion": cookie.getCookie("x-channel-platformversion"),
|
|
427
|
+
"x-channel-screenid": cookie.getCookie("x-channel-screenid"),
|
|
428
|
+
"x-channel-business-work-division-code": cookie.getCookie("x-channel-business-work-division-code")
|
|
505
429
|
});
|
|
506
430
|
};
|
|
507
|
-
return /* @__PURE__ */
|
|
508
|
-
|
|
509
|
-
|
|
431
|
+
return /* @__PURE__ */ React8__default.default.createElement(React8__default.default.Fragment, null, /* @__PURE__ */ React8__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React8__default.default.createElement("h2", { style: h2Style }, "\uCD08\uAE30\uD654")), /* @__PURE__ */ React8__default.default.createElement("ul", null, /* @__PURE__ */ React8__default.default.createElement("li", { style: menuItemStyle }, /* @__PURE__ */ React8__default.default.createElement(
|
|
432
|
+
"button",
|
|
433
|
+
{
|
|
434
|
+
onClick: () => {
|
|
435
|
+
window.location.reload();
|
|
436
|
+
}
|
|
437
|
+
},
|
|
438
|
+
"\uC0C8\uB85C\uACE0\uCE68"
|
|
439
|
+
)), /* @__PURE__ */ React8__default.default.createElement("li", { style: menuItemStyle }, /* @__PURE__ */ React8__default.default.createElement("button", { onClick: handleDeleteHostCookie }, "Host \uC0AD\uC81C")), /* @__PURE__ */ React8__default.default.createElement("li", { style: menuItemStyle }, /* @__PURE__ */ React8__default.default.createElement("button", { onClick: handleDeleteCustomCookie }, "\uCEE4\uC2A4\uD140(x-channel-) \uC0AD\uC81C")), /* @__PURE__ */ React8__default.default.createElement("li", { style: menuItemStyle }, /* @__PURE__ */ React8__default.default.createElement("button", { onClick: handleDeleteTokenCookie }, "\uD1A0\uD070 \uC0AD\uC81C"))));
|
|
510
440
|
}
|
|
511
441
|
|
|
512
442
|
// src/components/menu-panel.tsx
|
|
513
443
|
var MenuPanel = ({ menuItems: menuItems2, onMenuItemClick, onClose, serviceCode }) => {
|
|
514
|
-
return /* @__PURE__ */
|
|
444
|
+
return /* @__PURE__ */ React8__default.default.createElement(React8__default.default.Fragment, null, /* @__PURE__ */ React8__default.default.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React8__default.default.createElement("div", { style: debugMenuPanelStyle }, /* @__PURE__ */ React8__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React8__default.default.createElement("h2", { style: h2Style }, "Debug Menu"), /* @__PURE__ */ React8__default.default.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React8__default.default.createElement("ul", null, menuItems2.map((item) => /* @__PURE__ */ React8__default.default.createElement("li", { key: item.id, onClick: () => onMenuItemClick(item.component), style: menuItemStyle }, item.label))), serviceCode === "dsp" && /* @__PURE__ */ React8__default.default.createElement(React8__default.default.Fragment, null, /* @__PURE__ */ React8__default.default.createElement(FormFactor, null), /* @__PURE__ */ React8__default.default.createElement(ChangeHost, null), /* @__PURE__ */ React8__default.default.createElement(InitRefresh, null), /* @__PURE__ */ React8__default.default.createElement(FileConvert, null))));
|
|
515
445
|
};
|
|
516
446
|
var menu_panel_default = MenuPanel;
|
|
517
447
|
var globalLogs = [];
|
|
@@ -557,14 +487,14 @@ var restoreConsoleLog = () => {
|
|
|
557
487
|
isConsoleOverridden = false;
|
|
558
488
|
};
|
|
559
489
|
var useConsoleLog = () => {
|
|
560
|
-
const [logs, setLogs] =
|
|
561
|
-
|
|
490
|
+
const [logs, setLogs] = React8.useState(globalLogs);
|
|
491
|
+
React8.useEffect(() => {
|
|
562
492
|
listeners.push(setLogs);
|
|
563
493
|
return () => {
|
|
564
494
|
listeners = listeners.filter((l) => l !== setLogs);
|
|
565
495
|
};
|
|
566
496
|
}, []);
|
|
567
|
-
const clearLogs =
|
|
497
|
+
const clearLogs = React8.useCallback(() => {
|
|
568
498
|
globalLogs = [];
|
|
569
499
|
listeners.forEach((listener) => listener([]));
|
|
570
500
|
}, []);
|
|
@@ -587,35 +517,35 @@ var LogMessage = ({ entry }) => {
|
|
|
587
517
|
return String(part);
|
|
588
518
|
});
|
|
589
519
|
const style = { ...logMessageStyle, ...logTypeStyles[entry.type] };
|
|
590
|
-
return /* @__PURE__ */
|
|
520
|
+
return /* @__PURE__ */ React8__default.default.createElement("pre", { style }, messageParts.join(" "));
|
|
591
521
|
};
|
|
592
522
|
var ConsoleLogPanel = ({ onClose }) => {
|
|
593
523
|
const { logs, clearLogs } = useConsoleLog();
|
|
594
|
-
const [filter, setFilter] =
|
|
595
|
-
const logContainerRef =
|
|
596
|
-
const filteredLogs =
|
|
524
|
+
const [filter, setFilter] = React8.useState("all");
|
|
525
|
+
const logContainerRef = React8.useRef(null);
|
|
526
|
+
const filteredLogs = React8.useMemo(() => {
|
|
597
527
|
if (filter === "all") {
|
|
598
528
|
return logs;
|
|
599
529
|
}
|
|
600
530
|
return logs.filter((log) => log.type === filter);
|
|
601
531
|
}, [logs, filter]);
|
|
602
|
-
|
|
532
|
+
React8.useEffect(() => {
|
|
603
533
|
if (logContainerRef.current) {
|
|
604
534
|
logContainerRef.current.scrollTop = logContainerRef.current.scrollHeight;
|
|
605
535
|
}
|
|
606
536
|
}, [filteredLogs]);
|
|
607
537
|
const segmentOptions = ["all", "log", "warn", "error"];
|
|
608
|
-
return /* @__PURE__ */
|
|
538
|
+
return /* @__PURE__ */ React8__default.default.createElement(React8__default.default.Fragment, null, /* @__PURE__ */ React8__default.default.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React8__default.default.createElement("div", { style: debugFeaturePanelStyle }, /* @__PURE__ */ React8__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React8__default.default.createElement("h2", { style: h2Style }, "Console Logs"), /* @__PURE__ */ React8__default.default.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React8__default.default.createElement("div", { style: panelToolbarStyle }, /* @__PURE__ */ React8__default.default.createElement("div", null, segmentOptions.map((option) => /* @__PURE__ */ React8__default.default.createElement("button", { key: option, onClick: () => setFilter(option), disabled: filter === option }, option.charAt(0).toUpperCase() + option.slice(1)))), /* @__PURE__ */ React8__default.default.createElement("button", { onClick: clearLogs, style: clearButtonStyle }, "Clear")), /* @__PURE__ */ React8__default.default.createElement("div", { style: logListContainerStyle, ref: logContainerRef }, filteredLogs.map((log) => /* @__PURE__ */ React8__default.default.createElement("div", { key: log.id, style: logItemStyle }, /* @__PURE__ */ React8__default.default.createElement("span", { style: logTimestampStyle }, log.timestamp), /* @__PURE__ */ React8__default.default.createElement(LogMessage, { entry: log }))))));
|
|
609
539
|
};
|
|
610
540
|
var console_log_panel_default = ConsoleLogPanel;
|
|
611
541
|
var LoginPanel = ({ onClose, onLogin }) => {
|
|
612
|
-
const [selectedTypeId, setSelectedTypeId] =
|
|
613
|
-
const [formData, setFormData] =
|
|
614
|
-
const [mode, setMode] =
|
|
615
|
-
const [stepValidationOff, SetStepValidationOff] =
|
|
616
|
-
|
|
542
|
+
const [selectedTypeId, setSelectedTypeId] = React8.useState(loginTypes[0]?.id || "");
|
|
543
|
+
const [formData, setFormData] = React8.useState({});
|
|
544
|
+
const [mode, setMode] = React8.useState(cookie.getCookie("dsp-debug-mode") === "on");
|
|
545
|
+
const [stepValidationOff, SetStepValidationOff] = React8.useState(
|
|
546
|
+
cookie.getCookie("Debug-Step-Validation-Off") === "true"
|
|
617
547
|
);
|
|
618
|
-
const selectedType =
|
|
548
|
+
const selectedType = React8.useMemo(() => loginTypes.find((t) => t.id === selectedTypeId), [selectedTypeId]);
|
|
619
549
|
const handleInputChange = (e) => {
|
|
620
550
|
const { name, value } = e.target;
|
|
621
551
|
setFormData((prev) => ({ ...prev, [name]: value }));
|
|
@@ -630,43 +560,43 @@ var LoginPanel = ({ onClose, onLogin }) => {
|
|
|
630
560
|
const handleDebugOn = (e) => {
|
|
631
561
|
const checkbox = e.target;
|
|
632
562
|
if (checkbox.checked) {
|
|
633
|
-
|
|
563
|
+
cookie.setCookie("dsp-debug-mode", "on", { path: "/" });
|
|
634
564
|
setMode(true);
|
|
635
565
|
} else {
|
|
636
|
-
|
|
566
|
+
cookie.setCookie("dsp-debug-mode", "off", { path: "/" });
|
|
637
567
|
setMode(false);
|
|
638
568
|
}
|
|
639
569
|
};
|
|
640
570
|
const handleStepValidationOff = (e) => {
|
|
641
571
|
const checkbox = e.target;
|
|
642
572
|
if (checkbox.checked) {
|
|
643
|
-
|
|
573
|
+
cookie.setCookie("Debug-Step-Validation-Off", "true", { path: "/" });
|
|
644
574
|
SetStepValidationOff(true);
|
|
645
575
|
} else {
|
|
646
|
-
|
|
576
|
+
cookie.setCookie("Debug-Step-Validation-Off", "false", { path: "/" });
|
|
647
577
|
SetStepValidationOff(false);
|
|
648
578
|
}
|
|
649
579
|
};
|
|
650
580
|
const handleTermsPathPolyNo = (e) => {
|
|
651
581
|
const val = e.target.value.trim();
|
|
652
582
|
if (!val) {
|
|
653
|
-
|
|
583
|
+
cookie.deleteCookie("Debug-Terms-PolyNo");
|
|
654
584
|
} else {
|
|
655
|
-
|
|
585
|
+
cookie.setCookie("Debug-Terms-PolyNo", val, { path: "/" });
|
|
656
586
|
}
|
|
657
587
|
};
|
|
658
588
|
const handleTermsPathSaleDate = (e) => {
|
|
659
589
|
const val = e.target.value.trim();
|
|
660
590
|
if (!val) {
|
|
661
|
-
|
|
591
|
+
cookie.deleteCookie("Debug-Terms-SaleDate");
|
|
662
592
|
} else {
|
|
663
|
-
|
|
593
|
+
cookie.setCookie("Debug-Terms-SaleDate", val, { path: "/" });
|
|
664
594
|
}
|
|
665
595
|
};
|
|
666
|
-
|
|
596
|
+
React8.useEffect(() => {
|
|
667
597
|
setFormData({});
|
|
668
598
|
}, [selectedType]);
|
|
669
|
-
return /* @__PURE__ */
|
|
599
|
+
return /* @__PURE__ */ React8__default.default.createElement(React8__default.default.Fragment, null, /* @__PURE__ */ React8__default.default.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React8__default.default.createElement("div", { style: debugFeaturePanelStyle }, /* @__PURE__ */ React8__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React8__default.default.createElement("h2", { style: h2Style }, "\uAC04\uD3B8 \uB85C\uADF8\uC778"), /* @__PURE__ */ React8__default.default.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React8__default.default.createElement("form", { style: loginFormContainerStyle, onSubmit: handleSubmit }, /* @__PURE__ */ React8__default.default.createElement("div", null, /* @__PURE__ */ React8__default.default.createElement("ul", { style: { listStyleType: "circle" } }, /* @__PURE__ */ React8__default.default.createElement("li", null, /* @__PURE__ */ React8__default.default.createElement("label", { htmlFor: "debug-on" }, "Debug On"), /* @__PURE__ */ React8__default.default.createElement("input", { type: "checkbox", id: "debug-on", onChange: handleDebugOn, checked: mode }), /* @__PURE__ */ React8__default.default.createElement("ul", { style: { listStyleType: "square", paddingLeft: "20px" } }, /* @__PURE__ */ React8__default.default.createElement("li", null, "(\uCFE0\uD0A4\uC5D0 \uC14B\uD305\uB41C \uD1A0\uD070\uAC12\uC73C\uB85C \uD5E4\uB354\uB97C \uC0DD\uC131\uD569\uB2C8\uB2E4. \uAC04\uD3B8\uB85C\uADF8\uC778 \uC0AC\uC6A9\uC2DC \uD544\uC218\uCCB4\uD06C)"))), /* @__PURE__ */ React8__default.default.createElement("li", null, /* @__PURE__ */ React8__default.default.createElement("label", { htmlFor: "step-validation-off" }, "\uC11C\uC2DD Validation Off"), /* @__PURE__ */ React8__default.default.createElement(
|
|
670
600
|
"input",
|
|
671
601
|
{
|
|
672
602
|
type: "checkbox",
|
|
@@ -674,7 +604,7 @@ var LoginPanel = ({ onClose, onLogin }) => {
|
|
|
674
604
|
onChange: handleStepValidationOff,
|
|
675
605
|
checked: stepValidationOff
|
|
676
606
|
}
|
|
677
|
-
), /* @__PURE__ */
|
|
607
|
+
), /* @__PURE__ */ React8__default.default.createElement("ul", { style: { listStyleType: "square", paddingLeft: "20px" } }, /* @__PURE__ */ React8__default.default.createElement("li", null, "(\uC11C\uC2DD \uB2E8\uACC4 \uC774\uB3D9\uC2DC, validation\uC744 \uB044\uACE0 \uBBF8\uC791\uC131 \uB2E8\uACC4\uB3C4 \uC774\uB3D9\uAC00\uB2A5\uD558\uB3C4\uB85D \uD569\uB2C8\uB2E4.)"))), /* @__PURE__ */ React8__default.default.createElement("li", null, /* @__PURE__ */ React8__default.default.createElement("label", { htmlFor: "terms-path-poly-no" }, "\uC57D\uAD00 polyNo"), /* @__PURE__ */ React8__default.default.createElement(
|
|
678
608
|
"input",
|
|
679
609
|
{
|
|
680
610
|
type: "text",
|
|
@@ -682,7 +612,7 @@ var LoginPanel = ({ onClose, onLogin }) => {
|
|
|
682
612
|
onChange: handleTermsPathPolyNo,
|
|
683
613
|
placeholder: "polyNo,saleDate\uB458\uB2E4\uC785\uB825"
|
|
684
614
|
}
|
|
685
|
-
)), /* @__PURE__ */
|
|
615
|
+
)), /* @__PURE__ */ React8__default.default.createElement("li", null, /* @__PURE__ */ React8__default.default.createElement("label", { htmlFor: "terms-path-sale-date" }, "\uC57D\uAD00 saleDate"), /* @__PURE__ */ React8__default.default.createElement(
|
|
686
616
|
"input",
|
|
687
617
|
{
|
|
688
618
|
type: "text",
|
|
@@ -690,7 +620,7 @@ var LoginPanel = ({ onClose, onLogin }) => {
|
|
|
690
620
|
onChange: handleTermsPathSaleDate,
|
|
691
621
|
placeholder: "polyNo,saleDate\uB458\uB2E4\uC785\uB825"
|
|
692
622
|
}
|
|
693
|
-
), /* @__PURE__ */
|
|
623
|
+
), /* @__PURE__ */ React8__default.default.createElement("br", null), /* @__PURE__ */ React8__default.default.createElement("strong", null, "\uC57D\uAD00\uD655\uC778\uD6C4 \uD574\uB2F9\uCFE0\uD0A4 \uBC18\uB4DC\uC2DC \uC0AD\uC81C"))), /* @__PURE__ */ React8__default.default.createElement("br", null), " ", /* @__PURE__ */ React8__default.default.createElement("br", null), /* @__PURE__ */ React8__default.default.createElement("label", { htmlFor: "login-type-select" }, "\uB85C\uADF8\uC778 \uC720\uD615"), /* @__PURE__ */ React8__default.default.createElement("select", { id: "login-type-select", value: selectedTypeId, onChange: (e) => setSelectedTypeId(e.target.value) }, loginTypes.map((type) => /* @__PURE__ */ React8__default.default.createElement("option", { key: type.id, value: type.id }, type.label)))), selectedType?.fields.map((field) => /* @__PURE__ */ React8__default.default.createElement("div", { key: field.name }, /* @__PURE__ */ React8__default.default.createElement("label", { htmlFor: field.name }, field.label), /* @__PURE__ */ React8__default.default.createElement(
|
|
694
624
|
"input",
|
|
695
625
|
{
|
|
696
626
|
type: field.type,
|
|
@@ -701,7 +631,7 @@ var LoginPanel = ({ onClose, onLogin }) => {
|
|
|
701
631
|
onChange: handleInputChange,
|
|
702
632
|
required: true
|
|
703
633
|
}
|
|
704
|
-
))), /* @__PURE__ */
|
|
634
|
+
))), /* @__PURE__ */ React8__default.default.createElement("div", { style: formActionsStyle }, /* @__PURE__ */ React8__default.default.createElement("button", { type: "submit" }, "\uB85C\uADF8\uC778")))));
|
|
705
635
|
};
|
|
706
636
|
var login_panel_default = LoginPanel;
|
|
707
637
|
var SEARCH_SECTIONS = [
|
|
@@ -741,9 +671,9 @@ var NetworkLog = ({ onClose }) => {
|
|
|
741
671
|
playAllRequests,
|
|
742
672
|
playAllResponses
|
|
743
673
|
} = salesFrontendStores.useDebugStore();
|
|
744
|
-
const [searchTerm, setSearchTerm] =
|
|
745
|
-
const [searchSection, setSearchSection] =
|
|
746
|
-
const allLogs =
|
|
674
|
+
const [searchTerm, setSearchTerm] = React8.useState("");
|
|
675
|
+
const [searchSection, setSearchSection] = React8.useState(SEARCH_SECTIONS[0]?.value);
|
|
676
|
+
const allLogs = React8.useMemo(() => {
|
|
747
677
|
const logs = [];
|
|
748
678
|
requests.forEach((req) => logs.push({ ...req, type: "request" }));
|
|
749
679
|
responses.forEach((res) => logs.push({ ...res, type: "response" }));
|
|
@@ -760,7 +690,7 @@ var NetworkLog = ({ onClose }) => {
|
|
|
760
690
|
});
|
|
761
691
|
return logs;
|
|
762
692
|
}, [requests, responses, errors, heldRequests, heldResponses, heldErrors]);
|
|
763
|
-
const filteredLogs =
|
|
693
|
+
const filteredLogs = React8.useMemo(() => {
|
|
764
694
|
if (!searchTerm) {
|
|
765
695
|
return allLogs;
|
|
766
696
|
}
|
|
@@ -802,9 +732,9 @@ var NetworkLog = ({ onClose }) => {
|
|
|
802
732
|
};
|
|
803
733
|
const renderLogContent = (log) => {
|
|
804
734
|
const logInfo = getLogInfo(log);
|
|
805
|
-
return /* @__PURE__ */
|
|
735
|
+
return /* @__PURE__ */ React8__default.default.createElement("pre", null, JSON.stringify(logInfo, null, 2));
|
|
806
736
|
};
|
|
807
|
-
return /* @__PURE__ */
|
|
737
|
+
return /* @__PURE__ */ React8__default.default.createElement(React8__default.default.Fragment, null, /* @__PURE__ */ React8__default.default.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React8__default.default.createElement("div", { style: debugFeaturePanelStyle }, /* @__PURE__ */ React8__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React8__default.default.createElement("h2", { style: h2Style }, "\uB124\uD2B8\uC6CC\uD06C \uB85C\uADF8"), /* @__PURE__ */ React8__default.default.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React8__default.default.createElement("div", { style: networkLogContainerStyle }, /* @__PURE__ */ React8__default.default.createElement("div", { style: searchContainerStyle }, /* @__PURE__ */ React8__default.default.createElement("select", { value: searchSection, onChange: (e) => setSearchSection(e.target.value) }, SEARCH_SECTIONS.map((option) => /* @__PURE__ */ React8__default.default.createElement("option", { key: option.value, value: option.value }, option.label))), /* @__PURE__ */ React8__default.default.createElement(
|
|
808
738
|
"input",
|
|
809
739
|
{
|
|
810
740
|
type: "text",
|
|
@@ -813,25 +743,25 @@ var NetworkLog = ({ onClose }) => {
|
|
|
813
743
|
onChange: (e) => setSearchTerm(e.target.value),
|
|
814
744
|
style: flex1Style
|
|
815
745
|
}
|
|
816
|
-
), /* @__PURE__ */
|
|
746
|
+
), /* @__PURE__ */ React8__default.default.createElement("label", null, /* @__PURE__ */ React8__default.default.createElement("input", { type: "checkbox", id: "hold-checkbox", checked: isHold, onChange: toggleHold }), "Hold"), /* @__PURE__ */ React8__default.default.createElement("button", { onClick: clear }, "clear")), isHold && /* @__PURE__ */ React8__default.default.createElement("div", { style: holdButtonsContainerStyle }, /* @__PURE__ */ React8__default.default.createElement("button", { onClick: () => playAllRequests() }, "REQ Resolve"), /* @__PURE__ */ React8__default.default.createElement("button", { onClick: () => playAllResponses() }, "RES Resolve")), /* @__PURE__ */ React8__default.default.createElement("div", { style: logListStyle }, filteredLogs.length === 0 ? /* @__PURE__ */ React8__default.default.createElement("p", null, "\uD45C\uC2DC\uD560 \uB85C\uADF8\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4.") : /* @__PURE__ */ React8__default.default.createElement("div", null, filteredLogs.map((log, index) => /* @__PURE__ */ React8__default.default.createElement("details", { key: index }, /* @__PURE__ */ React8__default.default.createElement("summary", { style: logSummaryStyle }, renderLogSummary(log)), /* @__PURE__ */ React8__default.default.createElement("div", { style: logContentStyle }, renderLogContent(log)))))))));
|
|
817
747
|
};
|
|
818
748
|
var network_log_default = NetworkLog;
|
|
819
749
|
var LocationInfo = () => {
|
|
820
750
|
return Object.keys(location).map((key) => {
|
|
821
751
|
const val = location[key];
|
|
822
752
|
if (typeof val === "string") {
|
|
823
|
-
return /* @__PURE__ */
|
|
753
|
+
return /* @__PURE__ */ React8__default.default.createElement("div", { key }, key, ": ", val, " ", val && /* @__PURE__ */ React8__default.default.createElement("button", { onClick: () => navigator.clipboard.writeText(val) }, "\uBCF5\uC0AC"));
|
|
824
754
|
}
|
|
825
755
|
});
|
|
826
756
|
};
|
|
827
757
|
var PageNavigationPanel = ({ onClose }) => {
|
|
828
|
-
const [url, setUrl] =
|
|
758
|
+
const [url, setUrl] = React8.useState("");
|
|
829
759
|
const handleNavigate = () => {
|
|
830
760
|
if (url) {
|
|
831
761
|
self.location.href = url;
|
|
832
762
|
}
|
|
833
763
|
};
|
|
834
|
-
return /* @__PURE__ */
|
|
764
|
+
return /* @__PURE__ */ React8__default.default.createElement(React8__default.default.Fragment, null, /* @__PURE__ */ React8__default.default.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React8__default.default.createElement("div", { style: debugFeaturePanelStyle }, /* @__PURE__ */ React8__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React8__default.default.createElement("h2", { style: h2Style }, "\uD398\uC774\uC9C0 \uC815\uBCF4"), /* @__PURE__ */ React8__default.default.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React8__default.default.createElement("div", { style: pageNavigationContentStyle }, /* @__PURE__ */ React8__default.default.createElement("br", null), /* @__PURE__ */ React8__default.default.createElement("br", null), "\uD398\uC774\uC9C0\uC815\uBCF4 :", /* @__PURE__ */ React8__default.default.createElement("span", { style: { whiteSpace: "normal", wordBreak: "break-all" } }, LocationInfo()), /* @__PURE__ */ React8__default.default.createElement("br", null), /* @__PURE__ */ React8__default.default.createElement("br", null), "\uD398\uC774\uC9C0\uC774\uB3D9 :", /* @__PURE__ */ React8__default.default.createElement(
|
|
835
765
|
"input",
|
|
836
766
|
{
|
|
837
767
|
type: "text",
|
|
@@ -840,7 +770,7 @@ var PageNavigationPanel = ({ onClose }) => {
|
|
|
840
770
|
placeholder: "\uC774\uB3D9\uD560 URL\uC744 \uC785\uB825\uD558\uC138\uC694 (\uC608: /main)",
|
|
841
771
|
style: flex1Style
|
|
842
772
|
}
|
|
843
|
-
), /* @__PURE__ */
|
|
773
|
+
), /* @__PURE__ */ React8__default.default.createElement("button", { onClick: handleNavigate }, "\uC774\uB3D9"))));
|
|
844
774
|
};
|
|
845
775
|
var page_navigation_panel_default = PageNavigationPanel;
|
|
846
776
|
var logTypeStyles2 = {
|
|
@@ -866,11 +796,11 @@ var ResultMessage = ({ log }) => {
|
|
|
866
796
|
});
|
|
867
797
|
const prefix = log.type === "return" ? "\u21A9 " : "";
|
|
868
798
|
const style = { ...logMessageStyle, ...logTypeStyles2[log.type] };
|
|
869
|
-
return /* @__PURE__ */
|
|
799
|
+
return /* @__PURE__ */ React8__default.default.createElement("pre", { style }, prefix, messageParts.join(" "));
|
|
870
800
|
};
|
|
871
801
|
var ScriptExecutorPanel = ({ onClose }) => {
|
|
872
|
-
const [code, setCode] =
|
|
873
|
-
const [results, setResults] =
|
|
802
|
+
const [code, setCode] = React8.useState('// \uC5EC\uAE30\uC5D0 \uC2E4\uD589\uD560 \uCF54\uB4DC\uB97C \uC785\uB825\uD558\uC138\uC694\nconsole.log("Hello, World!");');
|
|
803
|
+
const [results, setResults] = React8.useState([]);
|
|
874
804
|
const addResult = (type, ...args) => {
|
|
875
805
|
setResults((prevResults) => [
|
|
876
806
|
...prevResults,
|
|
@@ -913,7 +843,7 @@ var ScriptExecutorPanel = ({ onClose }) => {
|
|
|
913
843
|
const handleClear = () => {
|
|
914
844
|
setResults([]);
|
|
915
845
|
};
|
|
916
|
-
return /* @__PURE__ */
|
|
846
|
+
return /* @__PURE__ */ React8__default.default.createElement(React8__default.default.Fragment, null, /* @__PURE__ */ React8__default.default.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React8__default.default.createElement("div", { style: { ...debugFeaturePanelStyle, ...scriptExecutorContentStyle } }, /* @__PURE__ */ React8__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React8__default.default.createElement("h2", { style: h2Style }, "\uC2A4\uD06C\uB9BD\uD2B8 \uC2E4\uD589"), /* @__PURE__ */ React8__default.default.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React8__default.default.createElement("div", { style: scriptExecutorContentStyle }, /* @__PURE__ */ React8__default.default.createElement("div", { style: scriptInputSectionStyle }, /* @__PURE__ */ React8__default.default.createElement(
|
|
917
847
|
"textarea",
|
|
918
848
|
{
|
|
919
849
|
style: scriptTextareaStyle,
|
|
@@ -921,22 +851,74 @@ var ScriptExecutorPanel = ({ onClose }) => {
|
|
|
921
851
|
onChange: (e) => setCode(e.target.value),
|
|
922
852
|
spellCheck: "false"
|
|
923
853
|
}
|
|
924
|
-
), /* @__PURE__ */
|
|
854
|
+
), /* @__PURE__ */ React8__default.default.createElement("div", { style: scriptActionsStyle }, /* @__PURE__ */ React8__default.default.createElement("button", { onClick: handleExecute }, "\uC2E4\uD589 (\u25B6)"), /* @__PURE__ */ React8__default.default.createElement("button", { onClick: handleClear }, "\uACB0\uACFC \uC9C0\uC6B0\uAE30"))), /* @__PURE__ */ React8__default.default.createElement("div", { style: scriptOutputSectionStyle }, /* @__PURE__ */ React8__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React8__default.default.createElement("h3", { style: h3Style }, "\uACB0\uACFC")), /* @__PURE__ */ React8__default.default.createElement("div", { style: logListContainerStyle }, results.map((log) => /* @__PURE__ */ React8__default.default.createElement("div", { key: log.id, style: logItemStyle }, /* @__PURE__ */ React8__default.default.createElement("span", { style: logTimestampStyle }, log.timestamp), /* @__PURE__ */ React8__default.default.createElement(ResultMessage, { log }))))))));
|
|
925
855
|
};
|
|
926
856
|
var script_executor_panel_default = ScriptExecutorPanel;
|
|
857
|
+
var useStorage = (storageType) => {
|
|
858
|
+
const [items, setItems] = React8.useState([]);
|
|
859
|
+
const loadItems = React8.useCallback(() => {
|
|
860
|
+
const newItems = [];
|
|
861
|
+
if (storageType === "localStorage") {
|
|
862
|
+
for (let i = 0; i < localStorage.length; i++) {
|
|
863
|
+
const key = localStorage.key(i);
|
|
864
|
+
if (key) {
|
|
865
|
+
newItems.push({ key, value: localStorage.getItem(key) || "" });
|
|
866
|
+
}
|
|
867
|
+
}
|
|
868
|
+
} else {
|
|
869
|
+
const cookies = document.cookie.split(";");
|
|
870
|
+
cookies.forEach((cookie) => {
|
|
871
|
+
const parts = cookie.split("=");
|
|
872
|
+
const key = parts.shift()?.trim();
|
|
873
|
+
if (key) {
|
|
874
|
+
newItems.push({ key, value: decodeURIComponent(parts.join("=")) });
|
|
875
|
+
}
|
|
876
|
+
});
|
|
877
|
+
}
|
|
878
|
+
setItems(newItems);
|
|
879
|
+
}, [storageType]);
|
|
880
|
+
React8.useEffect(() => {
|
|
881
|
+
loadItems();
|
|
882
|
+
}, [loadItems]);
|
|
883
|
+
const setItem = React8.useCallback(
|
|
884
|
+
(key, value) => {
|
|
885
|
+
if (storageType === "localStorage") {
|
|
886
|
+
localStorage.setItem(key, value);
|
|
887
|
+
} else {
|
|
888
|
+
cookie.setCookie(key, value);
|
|
889
|
+
}
|
|
890
|
+
loadItems();
|
|
891
|
+
},
|
|
892
|
+
[storageType, loadItems]
|
|
893
|
+
);
|
|
894
|
+
const removeItem = React8.useCallback(
|
|
895
|
+
(key) => {
|
|
896
|
+
if (storageType === "localStorage") {
|
|
897
|
+
localStorage.removeItem(key);
|
|
898
|
+
} else {
|
|
899
|
+
cookie.deleteCookie(key);
|
|
900
|
+
}
|
|
901
|
+
loadItems();
|
|
902
|
+
},
|
|
903
|
+
[storageType, loadItems]
|
|
904
|
+
);
|
|
905
|
+
return { items, setItem, removeItem, loadItems };
|
|
906
|
+
};
|
|
907
|
+
|
|
908
|
+
// src/features/storage/storage-panel.tsx
|
|
927
909
|
var ValueDisplay = ({ value }) => {
|
|
928
910
|
try {
|
|
929
911
|
const parsed = JSON.parse(value);
|
|
930
912
|
if (typeof parsed === "object" && parsed !== null) {
|
|
931
|
-
return /* @__PURE__ */
|
|
913
|
+
return /* @__PURE__ */ React8__default.default.createElement("pre", { style: logContentStyle }, JSON.stringify(parsed, null, 2));
|
|
932
914
|
}
|
|
933
915
|
} catch (e) {
|
|
934
916
|
}
|
|
935
|
-
return /* @__PURE__ */
|
|
917
|
+
return /* @__PURE__ */ React8__default.default.createElement("div", { style: logContentStyle }, value);
|
|
936
918
|
};
|
|
937
919
|
var EditableRow = ({ item, onSave, onRemove }) => {
|
|
938
|
-
const [isEditing, setIsEditing] =
|
|
939
|
-
const [value, setValue] =
|
|
920
|
+
const [isEditing, setIsEditing] = React8.useState(false);
|
|
921
|
+
const [value, setValue] = React8.useState(item.value);
|
|
940
922
|
const handleSave = () => {
|
|
941
923
|
onSave(item.key, value);
|
|
942
924
|
setIsEditing(false);
|
|
@@ -945,12 +927,12 @@ var EditableRow = ({ item, onSave, onRemove }) => {
|
|
|
945
927
|
setValue(item.value);
|
|
946
928
|
setIsEditing(true);
|
|
947
929
|
};
|
|
948
|
-
return /* @__PURE__ */
|
|
930
|
+
return /* @__PURE__ */ React8__default.default.createElement("details", null, /* @__PURE__ */ React8__default.default.createElement("summary", null, item.key), /* @__PURE__ */ React8__default.default.createElement("div", null, isEditing ? /* @__PURE__ */ React8__default.default.createElement("button", { onClick: handleSave }, "Save") : /* @__PURE__ */ React8__default.default.createElement("button", { onClick: handleEdit }, "Edit"), /* @__PURE__ */ React8__default.default.createElement("button", { onClick: () => onRemove(item.key) }, "Remove"), isEditing ? /* @__PURE__ */ React8__default.default.createElement("textarea", { value, onChange: (e) => setValue(e.target.value), style: textareaStyle }) : /* @__PURE__ */ React8__default.default.createElement(ValueDisplay, { value: item.value })));
|
|
949
931
|
};
|
|
950
932
|
var StoragePanel = ({ onClose, storageType }) => {
|
|
951
933
|
const { items, setItem, removeItem } = useStorage(storageType);
|
|
952
|
-
const [filter, setFilter] =
|
|
953
|
-
const filteredItems =
|
|
934
|
+
const [filter, setFilter] = React8.useState("");
|
|
935
|
+
const filteredItems = React8.useMemo(() => {
|
|
954
936
|
if (!filter) {
|
|
955
937
|
return items;
|
|
956
938
|
}
|
|
@@ -958,7 +940,7 @@ var StoragePanel = ({ onClose, storageType }) => {
|
|
|
958
940
|
(item) => item.key.toLowerCase().includes(filter.toLowerCase()) || item.value.toLowerCase().includes(filter.toLowerCase())
|
|
959
941
|
);
|
|
960
942
|
}, [items, filter]);
|
|
961
|
-
return /* @__PURE__ */
|
|
943
|
+
return /* @__PURE__ */ React8__default.default.createElement(React8__default.default.Fragment, null, /* @__PURE__ */ React8__default.default.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React8__default.default.createElement("div", { style: debugFeaturePanelStyle }, /* @__PURE__ */ React8__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React8__default.default.createElement("h2", { style: h2Style }, storageType === "localStorage" ? "Local Storage" : "Cookies"), /* @__PURE__ */ React8__default.default.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React8__default.default.createElement("div", { style: panelToolbarStyle }, /* @__PURE__ */ React8__default.default.createElement(
|
|
962
944
|
"input",
|
|
963
945
|
{
|
|
964
946
|
type: "text",
|
|
@@ -967,7 +949,7 @@ var StoragePanel = ({ onClose, storageType }) => {
|
|
|
967
949
|
onChange: (e) => setFilter(e.target.value),
|
|
968
950
|
style: storageSearchInputStyle
|
|
969
951
|
}
|
|
970
|
-
)), /* @__PURE__ */
|
|
952
|
+
)), /* @__PURE__ */ React8__default.default.createElement("div", { style: storageTableContainerStyle }, filteredItems.map((item) => /* @__PURE__ */ React8__default.default.createElement(EditableRow, { key: item.key, item, onSave: setItem, onRemove: removeItem })))));
|
|
971
953
|
};
|
|
972
954
|
var storage_panel_default = StoragePanel;
|
|
973
955
|
|
|
@@ -1007,13 +989,13 @@ var menuItems = [
|
|
|
1007
989
|
id: "local-storage",
|
|
1008
990
|
label: "\uB85C\uCEEC \uC2A4\uD1A0\uB9AC\uC9C0 \uAD00\uB9AC",
|
|
1009
991
|
// StoragePanel은 재사용 가능한 컴포넌트이므로, props를 통해 어떤 스토리지를 다룰지 지정합니다.
|
|
1010
|
-
component: (props) => /* @__PURE__ */
|
|
992
|
+
component: (props) => /* @__PURE__ */ React8__default.default.createElement(storage_panel_default, { ...props, storageType: "localStorage" }),
|
|
1011
993
|
display: true
|
|
1012
994
|
},
|
|
1013
995
|
{
|
|
1014
996
|
id: "cookie-management",
|
|
1015
997
|
label: "\uCFE0\uD0A4 \uAD00\uB9AC",
|
|
1016
|
-
component: (props) => /* @__PURE__ */
|
|
998
|
+
component: (props) => /* @__PURE__ */ React8__default.default.createElement(storage_panel_default, { ...props, storageType: "cookie" }),
|
|
1017
999
|
display: true
|
|
1018
1000
|
},
|
|
1019
1001
|
{
|
|
@@ -1037,10 +1019,10 @@ var menuItems = [
|
|
|
1037
1019
|
}
|
|
1038
1020
|
];
|
|
1039
1021
|
var useEnvironment = () => {
|
|
1040
|
-
const [envInfo, setEnvInfo] =
|
|
1022
|
+
const [envInfo, setEnvInfo] = React8.useState({
|
|
1041
1023
|
env: "prd"
|
|
1042
1024
|
});
|
|
1043
|
-
|
|
1025
|
+
React8.useEffect(() => {
|
|
1044
1026
|
const { hostname } = window.location;
|
|
1045
1027
|
setEnvInfo({ env: salesFrontendUtils.getEnvironmentFromHostname(hostname) });
|
|
1046
1028
|
}, []);
|
|
@@ -1054,7 +1036,7 @@ var DebugTool = ({
|
|
|
1054
1036
|
menuItemsOverride,
|
|
1055
1037
|
serviceCode = "etc"
|
|
1056
1038
|
}) => {
|
|
1057
|
-
|
|
1039
|
+
React8.useEffect(() => {
|
|
1058
1040
|
initializeConsoleLogOverride();
|
|
1059
1041
|
return () => {
|
|
1060
1042
|
restoreConsoleLog();
|
|
@@ -1063,8 +1045,8 @@ var DebugTool = ({
|
|
|
1063
1045
|
const environment = useEnvironment();
|
|
1064
1046
|
const env = envOverride || environment.env;
|
|
1065
1047
|
const menuItems2 = menuItemsOverride || menuItems;
|
|
1066
|
-
const [isMenuOpen, setMenuOpen] =
|
|
1067
|
-
const [activeFeature, setActiveFeature] =
|
|
1048
|
+
const [isMenuOpen, setMenuOpen] = React8.useState(false);
|
|
1049
|
+
const [activeFeature, setActiveFeature] = React8.useState(null);
|
|
1068
1050
|
const isVisible = ["local", "dev", "stg"].includes(env);
|
|
1069
1051
|
const handleMenuClick = (itemComponent) => {
|
|
1070
1052
|
setActiveFeature(() => itemComponent);
|
|
@@ -1089,9 +1071,9 @@ var DebugTool = ({
|
|
|
1089
1071
|
);
|
|
1090
1072
|
if (activeFeature) {
|
|
1091
1073
|
const FeatureComponent = activeFeature;
|
|
1092
|
-
return /* @__PURE__ */
|
|
1074
|
+
return /* @__PURE__ */ React8__default.default.createElement(FeatureComponent, { onClose: handleCloseFeature, onLogin });
|
|
1093
1075
|
}
|
|
1094
|
-
return /* @__PURE__ */
|
|
1076
|
+
return /* @__PURE__ */ React8__default.default.createElement(
|
|
1095
1077
|
"div",
|
|
1096
1078
|
{
|
|
1097
1079
|
style: {
|
|
@@ -1101,8 +1083,8 @@ var DebugTool = ({
|
|
|
1101
1083
|
zIndex: 9999
|
|
1102
1084
|
}
|
|
1103
1085
|
},
|
|
1104
|
-
/* @__PURE__ */
|
|
1105
|
-
isMenuOpen && /* @__PURE__ */
|
|
1086
|
+
/* @__PURE__ */ React8__default.default.createElement(floating_button_default, { onClick: toggleMenu }),
|
|
1087
|
+
isMenuOpen && /* @__PURE__ */ React8__default.default.createElement(
|
|
1106
1088
|
menu_panel_default,
|
|
1107
1089
|
{
|
|
1108
1090
|
menuItems: availableMenuItems,
|
|
@@ -1185,21 +1167,24 @@ function addErrorLog(error) {
|
|
|
1185
1167
|
}
|
|
1186
1168
|
}
|
|
1187
1169
|
}
|
|
1188
|
-
|
|
1189
|
-
// src/debug-utils.ts
|
|
1190
1170
|
function isDebugStepValidationOff() {
|
|
1191
|
-
const debugStepValidationOff =
|
|
1171
|
+
const debugStepValidationOff = cookie.getCookie("Debug-Step-Validation-Off") === "true";
|
|
1192
1172
|
return debugStepValidationOff;
|
|
1193
1173
|
}
|
|
1194
1174
|
function isDebugMode() {
|
|
1195
|
-
const debugMode =
|
|
1175
|
+
const debugMode = cookie.getCookie("dsp-debug-mode") === "on";
|
|
1196
1176
|
return debugMode;
|
|
1197
1177
|
}
|
|
1178
|
+
function getDebugFileConvertType() {
|
|
1179
|
+
const fileConvertType = cookie.getCookie(fileConvertTypeCookieKey);
|
|
1180
|
+
return fileConvertType;
|
|
1181
|
+
}
|
|
1198
1182
|
|
|
1199
1183
|
exports.DebugTool = DebugTool;
|
|
1200
1184
|
exports.addErrorLog = addErrorLog;
|
|
1201
1185
|
exports.addRequestLog = addRequestLog;
|
|
1202
1186
|
exports.addResponseLog = addResponseLog;
|
|
1187
|
+
exports.getDebugFileConvertType = getDebugFileConvertType;
|
|
1203
1188
|
exports.isDebugMode = isDebugMode;
|
|
1204
1189
|
exports.isDebugStepValidationOff = isDebugStepValidationOff;
|
|
1205
1190
|
//# sourceMappingURL=index.cjs.map
|