sales-frontend-utils 0.0.41 → 0.0.43
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 +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +11 -442
- package/dist/index.d.ts +11 -442
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/types/common.types.cjs +4 -0
- package/dist/types/common.types.cjs.map +1 -0
- package/dist/types/common.types.d.cts +11 -0
- package/dist/types/common.types.d.ts +11 -0
- package/dist/types/common.types.js +3 -0
- package/dist/types/common.types.js.map +1 -0
- package/dist/types/window.types.d.cjs +4 -0
- package/dist/types/window.types.d.cjs.map +1 -0
- package/dist/types/window.types.d.d.cts +6 -0
- package/dist/types/window.types.d.d.ts +6 -0
- package/dist/types/window.types.d.js +3 -0
- package/dist/types/window.types.d.js.map +1 -0
- package/dist/utils/age-utils.cjs +214 -0
- package/dist/utils/age-utils.cjs.map +1 -0
- package/dist/utils/age-utils.d.cts +63 -0
- package/dist/utils/age-utils.d.ts +63 -0
- package/dist/utils/age-utils.js +207 -0
- package/dist/utils/age-utils.js.map +1 -0
- package/dist/utils/astx2-utils.cjs +108 -0
- package/dist/utils/astx2-utils.cjs.map +1 -0
- package/dist/utils/astx2-utils.d.cts +28 -0
- package/dist/utils/astx2-utils.d.ts +28 -0
- package/dist/utils/astx2-utils.js +102 -0
- package/dist/utils/astx2-utils.js.map +1 -0
- package/dist/utils/canvas-utils.cjs +70 -0
- package/dist/utils/canvas-utils.cjs.map +1 -0
- package/dist/utils/canvas-utils.d.cts +30 -0
- package/dist/utils/canvas-utils.d.ts +30 -0
- package/dist/utils/canvas-utils.js +67 -0
- package/dist/utils/canvas-utils.js.map +1 -0
- package/dist/utils/cookie-utils.cjs +43 -0
- package/dist/utils/cookie-utils.cjs.map +1 -0
- package/dist/utils/cookie-utils.d.cts +13 -0
- package/dist/utils/cookie-utils.d.ts +13 -0
- package/dist/utils/cookie-utils.js +39 -0
- package/dist/utils/cookie-utils.js.map +1 -0
- package/dist/utils/date-utils.cjs +158 -0
- package/dist/utils/date-utils.cjs.map +1 -0
- package/dist/utils/date-utils.d.cts +100 -0
- package/dist/utils/date-utils.d.ts +100 -0
- package/dist/utils/date-utils.js +141 -0
- package/dist/utils/date-utils.js.map +1 -0
- package/dist/utils/environment-utils.cjs +187 -0
- package/dist/utils/environment-utils.cjs.map +1 -0
- package/dist/utils/environment-utils.d.cts +93 -0
- package/dist/utils/environment-utils.d.ts +93 -0
- package/dist/utils/environment-utils.js +175 -0
- package/dist/utils/environment-utils.js.map +1 -0
- package/dist/utils/event-handler-utils.cjs +53 -0
- package/dist/utils/event-handler-utils.cjs.map +1 -0
- package/dist/utils/event-handler-utils.d.cts +29 -0
- package/dist/utils/event-handler-utils.d.ts +29 -0
- package/dist/utils/event-handler-utils.js +51 -0
- package/dist/utils/event-handler-utils.js.map +1 -0
- package/dist/utils/file-utils.cjs +116 -0
- package/dist/utils/file-utils.cjs.map +1 -0
- package/dist/utils/file-utils.d.cts +20 -0
- package/dist/utils/file-utils.d.ts +20 -0
- package/dist/utils/file-utils.js +106 -0
- package/dist/utils/file-utils.js.map +1 -0
- package/dist/utils/formatting.cjs +41 -0
- package/dist/utils/formatting.cjs.map +1 -0
- package/dist/utils/formatting.d.cts +7 -0
- package/dist/utils/formatting.d.ts +7 -0
- package/dist/utils/formatting.js +35 -0
- package/dist/utils/formatting.js.map +1 -0
- package/dist/utils/timing-utils.cjs +40 -0
- package/dist/utils/timing-utils.cjs.map +1 -0
- package/dist/utils/timing-utils.d.cts +16 -0
- package/dist/utils/timing-utils.d.ts +16 -0
- package/dist/utils/timing-utils.js +37 -0
- package/dist/utils/timing-utils.js.map +1 -0
- package/dist/utils/user-agent-utils.cjs +328 -0
- package/dist/utils/user-agent-utils.cjs.map +1 -0
- package/dist/utils/user-agent-utils.d.cts +113 -0
- package/dist/utils/user-agent-utils.d.ts +113 -0
- package/dist/utils/user-agent-utils.js +307 -0
- package/dist/utils/user-agent-utils.js.map +1 -0
- package/package.json +111 -1
|
@@ -0,0 +1,175 @@
|
|
|
1
|
+
// src/utils/cookie-utils.ts
|
|
2
|
+
var getCookie = (name) => {
|
|
3
|
+
if (typeof document === "undefined") {
|
|
4
|
+
return "";
|
|
5
|
+
}
|
|
6
|
+
const match = document.cookie.match(new RegExp(`(^|; *)${name}=([^;]*)`));
|
|
7
|
+
return match ? decodeURIComponent(match[2] || "") : "";
|
|
8
|
+
};
|
|
9
|
+
|
|
10
|
+
// src/utils/environment-utils.ts
|
|
11
|
+
var getSubdomain = (hostname) => {
|
|
12
|
+
if (!hostname || hostname === "localhost" || hostname === "127.0.0.1") {
|
|
13
|
+
return "";
|
|
14
|
+
}
|
|
15
|
+
const parts = hostname.split(".");
|
|
16
|
+
if (parts.length < 3) {
|
|
17
|
+
return "";
|
|
18
|
+
}
|
|
19
|
+
return parts[0] ?? "";
|
|
20
|
+
};
|
|
21
|
+
var getEnvironmentFromHostname = (hostname) => {
|
|
22
|
+
const debugModeEnv = getCookie("dsp-debug-mode-env")?.toLowerCase();
|
|
23
|
+
if (debugModeEnv) {
|
|
24
|
+
return debugModeEnv;
|
|
25
|
+
}
|
|
26
|
+
const subDomain = getSubdomain(hostname);
|
|
27
|
+
if (hostname === "localhost" || hostname === "127.0.0.1" || hostname.startsWith("localhost")) {
|
|
28
|
+
return "local";
|
|
29
|
+
}
|
|
30
|
+
if (subDomain.includes(`dev`)) {
|
|
31
|
+
return "dev";
|
|
32
|
+
}
|
|
33
|
+
if (subDomain.includes("stg")) {
|
|
34
|
+
return "stg";
|
|
35
|
+
}
|
|
36
|
+
return "prd";
|
|
37
|
+
};
|
|
38
|
+
var isClient = () => {
|
|
39
|
+
try {
|
|
40
|
+
return !!window;
|
|
41
|
+
} catch {
|
|
42
|
+
return false;
|
|
43
|
+
}
|
|
44
|
+
};
|
|
45
|
+
var isStorybookEnv = () => {
|
|
46
|
+
try {
|
|
47
|
+
return window.isStorybookEnv === true;
|
|
48
|
+
} catch {
|
|
49
|
+
return false;
|
|
50
|
+
}
|
|
51
|
+
};
|
|
52
|
+
var getBusinessWorkDivisionCode = () => {
|
|
53
|
+
return location.pathname.split("/")[1] ?? "";
|
|
54
|
+
};
|
|
55
|
+
var getServicePath = () => {
|
|
56
|
+
if (typeof window.isStorybookEnv === "boolean") {
|
|
57
|
+
return "";
|
|
58
|
+
} else {
|
|
59
|
+
return `/${getBusinessWorkDivisionCode()}`;
|
|
60
|
+
}
|
|
61
|
+
};
|
|
62
|
+
var getApiHostNameFromEnvironment = (currentHostname, forceApiHostName) => {
|
|
63
|
+
if (forceApiHostName) {
|
|
64
|
+
return forceApiHostName;
|
|
65
|
+
}
|
|
66
|
+
const environment = getEnvironmentFromHostname(currentHostname);
|
|
67
|
+
switch (environment) {
|
|
68
|
+
case "dev":
|
|
69
|
+
return `https://nxl-dsp-dev.hanwhalife.com`;
|
|
70
|
+
case "local":
|
|
71
|
+
case "stg":
|
|
72
|
+
return `https://nxl-dsp-stg.hanwhalife.com`;
|
|
73
|
+
case "prd":
|
|
74
|
+
return `https://nxl-dsp.hanwhalife.com`;
|
|
75
|
+
default:
|
|
76
|
+
console.warn("DSP API environment is not defined");
|
|
77
|
+
return "";
|
|
78
|
+
}
|
|
79
|
+
};
|
|
80
|
+
var getCdnHostNameFromEnvironment = (currentHostname, forceApiHostName) => {
|
|
81
|
+
if (!isClient()) {
|
|
82
|
+
return "";
|
|
83
|
+
}
|
|
84
|
+
if (forceApiHostName) {
|
|
85
|
+
return forceApiHostName;
|
|
86
|
+
}
|
|
87
|
+
const environment = getEnvironmentFromHostname(currentHostname);
|
|
88
|
+
switch (environment) {
|
|
89
|
+
case "dev":
|
|
90
|
+
return `https://dev-dsp-static.hanwhalife.com`;
|
|
91
|
+
case "local":
|
|
92
|
+
case "stg":
|
|
93
|
+
return `https://stg-dsp-static.hanwhalife.com`;
|
|
94
|
+
case "prd":
|
|
95
|
+
return `https://dsp-static.hanwhalife.com'`;
|
|
96
|
+
default:
|
|
97
|
+
console.warn("DSP environment is not defined");
|
|
98
|
+
return "";
|
|
99
|
+
}
|
|
100
|
+
};
|
|
101
|
+
var getDudApiBasePathFromEnvironment = (hostname) => {
|
|
102
|
+
if (!isClient()) {
|
|
103
|
+
return "";
|
|
104
|
+
}
|
|
105
|
+
const environment = getEnvironmentFromHostname(hostname || location.hostname);
|
|
106
|
+
switch (environment) {
|
|
107
|
+
/**
|
|
108
|
+
* local에서 호출시, rewrite동작을 위해 상대주소를 호출합니다.
|
|
109
|
+
* (cors이슈 해결을 위해 필수)
|
|
110
|
+
*/
|
|
111
|
+
case "local":
|
|
112
|
+
return `${getServicePath()}/api/dud`;
|
|
113
|
+
/**
|
|
114
|
+
* local 이 아닌 환경에서는 전체주소를 호출합니다.
|
|
115
|
+
*/
|
|
116
|
+
case "dev":
|
|
117
|
+
return `https://dsp-dud-dev.hanwhalife.com:10101/api`;
|
|
118
|
+
case "stg":
|
|
119
|
+
return `https://dsp-dud-stg.hanwhalife.com:10102/api`;
|
|
120
|
+
case "prd":
|
|
121
|
+
return `https://dsp-dud.hanwhalife.com/api`;
|
|
122
|
+
default:
|
|
123
|
+
console.warn("DUD API environment is not defined");
|
|
124
|
+
return "";
|
|
125
|
+
}
|
|
126
|
+
};
|
|
127
|
+
var getDspApiBasePathFromEnvironment = (serviceCodeTo, hostname) => {
|
|
128
|
+
if (!isClient()) {
|
|
129
|
+
return "";
|
|
130
|
+
}
|
|
131
|
+
const environment = getEnvironmentFromHostname(hostname || location.hostname);
|
|
132
|
+
switch (environment) {
|
|
133
|
+
/**
|
|
134
|
+
* local에서 호출시, rewrite동작을 위해 상대주소를 호출합니다.
|
|
135
|
+
* (cors이슈 해결을 위해 필수)
|
|
136
|
+
*/
|
|
137
|
+
case "local":
|
|
138
|
+
return `${getServicePath()}/api/${serviceCodeTo}`;
|
|
139
|
+
/**
|
|
140
|
+
* local 이 아닌 환경에서는 전체주소를 호출합니다.
|
|
141
|
+
*/
|
|
142
|
+
case "dev":
|
|
143
|
+
return `https://nxl-dsp-dev.hanwhalife.com/api/${serviceCodeTo}`;
|
|
144
|
+
case "stg":
|
|
145
|
+
return `https://nxl-dsp-stg.hanwhalife.com/api/${serviceCodeTo}`;
|
|
146
|
+
case "prd":
|
|
147
|
+
return `https://nxl-dsp.hanwhalife.com/api/${serviceCodeTo}`;
|
|
148
|
+
default:
|
|
149
|
+
console.warn("DSP API environment is not defined");
|
|
150
|
+
return "";
|
|
151
|
+
}
|
|
152
|
+
};
|
|
153
|
+
var getNlcHostFromEnvironment = (hostname) => {
|
|
154
|
+
if (!isClient()) {
|
|
155
|
+
return "";
|
|
156
|
+
}
|
|
157
|
+
const environment = getEnvironmentFromHostname(hostname || location.hostname);
|
|
158
|
+
switch (environment) {
|
|
159
|
+
case "local":
|
|
160
|
+
return `https://nxl-nlc-stg.hanwhalife.com`;
|
|
161
|
+
case "dev":
|
|
162
|
+
return `https://nxl-nlc-dev.hanwhalife.com`;
|
|
163
|
+
case "stg":
|
|
164
|
+
return `https://nxl-nlc-stg.hanwhalife.com`;
|
|
165
|
+
case "prd":
|
|
166
|
+
return `https://nxl-nlc.hanwhalife.com`;
|
|
167
|
+
default:
|
|
168
|
+
console.warn("NLC environment is not defined");
|
|
169
|
+
return "";
|
|
170
|
+
}
|
|
171
|
+
};
|
|
172
|
+
|
|
173
|
+
export { getApiHostNameFromEnvironment, getBusinessWorkDivisionCode, getCdnHostNameFromEnvironment, getDspApiBasePathFromEnvironment, getDudApiBasePathFromEnvironment, getEnvironmentFromHostname, getNlcHostFromEnvironment, getServicePath, getSubdomain, isClient, isStorybookEnv };
|
|
174
|
+
//# sourceMappingURL=environment-utils.js.map
|
|
175
|
+
//# sourceMappingURL=environment-utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/utils/cookie-utils.ts","../../src/utils/environment-utils.ts"],"names":[],"mappings":";AAAO,IAAM,SAAA,GAAY,CAAC,IAAyB,KAAA;AACjD,EAAI,IAAA,OAAO,aAAa,WAAa,EAAA;AACnC,IAAO,OAAA,EAAA;AAAA;AAET,EAAM,MAAA,KAAA,GAAQ,SAAS,MAAO,CAAA,KAAA,CAAM,IAAI,MAAO,CAAA,CAAA,OAAA,EAAU,IAAI,CAAA,QAAA,CAAU,CAAC,CAAA;AAExE,EAAA,OAAO,QAAQ,kBAAmB,CAAA,KAAA,CAAM,CAAC,CAAA,IAAK,EAAE,CAAI,GAAA,EAAA;AACtD,CAAA;;;ACAa,IAAA,YAAA,GAAe,CAAC,QAA6B,KAAA;AACxD,EAAA,IAAI,CAAC,QAAA,IAAY,QAAa,KAAA,WAAA,IAAe,aAAa,WAAa,EAAA;AACrE,IAAO,OAAA,EAAA;AAAA;AAGT,EAAM,MAAA,KAAA,GAAQ,QAAS,CAAA,KAAA,CAAM,GAAG,CAAA;AAGhC,EAAI,IAAA,KAAA,CAAM,SAAS,CAAG,EAAA;AACpB,IAAO,OAAA,EAAA;AAAA;AAIT,EAAO,OAAA,KAAA,CAAM,CAAC,CAAK,IAAA,EAAA;AACrB;AAOa,IAAA,0BAAA,GAA6B,CAAC,QAAsD,KAAA;AAC/F,EAAA,MAAM,YAAe,GAAA,SAAA,CAAU,oBAAoB,CAAA,EAAG,WAAY,EAAA;AAClE,EAAA,IAAI,YAAc,EAAA;AAChB,IAAO,OAAA,YAAA;AAAA;AAET,EAAM,MAAA,SAAA,GAAY,aAAa,QAAQ,CAAA;AAGvC,EAAA,IAAI,aAAa,WAAe,IAAA,QAAA,KAAa,eAAe,QAAS,CAAA,UAAA,CAAW,WAAW,CAAG,EAAA;AAC5F,IAAO,OAAA,OAAA;AAAA;AAIT,EAAI,IAAA,SAAA,CAAU,QAAS,CAAA,CAAA,GAAA,CAAK,CAAG,EAAA;AAC7B,IAAO,OAAA,KAAA;AAAA;AAIT,EAAI,IAAA,SAAA,CAAU,QAAS,CAAA,KAAK,CAAG,EAAA;AAC7B,IAAO,OAAA,KAAA;AAAA;AAIT,EAAO,OAAA,KAAA;AACT;AAMO,IAAM,WAAW,MAAM;AAC5B,EAAI,IAAA;AACF,IAAA,OAAO,CAAC,CAAC,MAAA;AAAA,GACH,CAAA,MAAA;AACN,IAAO,OAAA,KAAA;AAAA;AAEX;AAwBO,IAAM,iBAAiB,MAAM;AAClC,EAAI,IAAA;AACF,IAAA,OAAO,OAAO,cAAmB,KAAA,IAAA;AAAA,GAC3B,CAAA,MAAA;AAEN,IAAO,OAAA,KAAA;AAAA;AAEX;AAOO,IAAM,8BAA8B,MAAM;AAC/C,EAAA,OAAO,SAAS,QAAS,CAAA,KAAA,CAAM,GAAG,CAAA,CAAE,CAAC,CAAK,IAAA,EAAA;AAC5C;AAMO,IAAM,iBAAiB,MAAM;AAClC,EAAI,IAAA,OAAO,MAAO,CAAA,cAAA,KAAmB,SAAW,EAAA;AAC9C,IAAO,OAAA,EAAA;AAAA,GACF,MAAA;AACL,IAAO,OAAA,CAAA,CAAA,EAAI,6BAA6B,CAAA,CAAA;AAAA;AAE5C;AAUa,IAAA,6BAAA,GAAgC,CAAC,eAAA,EAAyB,gBAA8B,KAAA;AACnG,EAAA,IAAI,gBAAkB,EAAA;AACpB,IAAO,OAAA,gBAAA;AAAA;AAGT,EAAM,MAAA,WAAA,GAAc,2BAA2B,eAAe,CAAA;AAE9D,EAAA,QAAQ,WAAa;AAAA,IACnB,KAAK,KAAA;AACH,MAAO,OAAA,CAAA,kCAAA,CAAA;AAAA,IAET,KAAK,OAAA;AAAA,IACL,KAAK,KAAA;AACH,MAAO,OAAA,CAAA,kCAAA,CAAA;AAAA,IAET,KAAK,KAAA;AACH,MAAO,OAAA,CAAA,8BAAA,CAAA;AAAA,IAET;AACE,MAAA,OAAA,CAAQ,KAAK,oCAAoC,CAAA;AAEjD,MAAO,OAAA,EAAA;AAAA;AAEb;AASa,IAAA,6BAAA,GAAgC,CAAC,eAAA,EAAyB,gBAA8B,KAAA;AACnG,EAAI,IAAA,CAAC,UAAY,EAAA;AACf,IAAO,OAAA,EAAA;AAAA;AAGT,EAAA,IAAI,gBAAkB,EAAA;AACpB,IAAO,OAAA,gBAAA;AAAA;AAGT,EAAM,MAAA,WAAA,GAAc,2BAA2B,eAAe,CAAA;AAE9D,EAAA,QAAQ,WAAa;AAAA,IACnB,KAAK,KAAA;AACH,MAAO,OAAA,CAAA,qCAAA,CAAA;AAAA,IAET,KAAK,OAAA;AAAA,IACL,KAAK,KAAA;AACH,MAAO,OAAA,CAAA,qCAAA,CAAA;AAAA,IAET,KAAK,KAAA;AACH,MAAO,OAAA,CAAA,kCAAA,CAAA;AAAA,IAET;AACE,MAAA,OAAA,CAAQ,KAAK,gCAAgC,CAAA;AAE7C,MAAO,OAAA,EAAA;AAAA;AAEb;AAUa,IAAA,gCAAA,GAAmC,CAAC,QAAsB,KAAA;AACrE,EAAI,IAAA,CAAC,UAAY,EAAA;AACf,IAAO,OAAA,EAAA;AAAA;AAET,EAAA,MAAM,WAAc,GAAA,0BAAA,CAA2B,QAAY,IAAA,QAAA,CAAS,QAAQ,CAAA;AAE5E,EAAA,QAAQ,WAAa;AAAA;AAAA;AAAA;AAAA;AAAA,IAKnB,KAAK,OAAA;AACH,MAAO,OAAA,CAAA,EAAG,gBAAgB,CAAA,QAAA,CAAA;AAAA;AAAA;AAAA;AAAA,IAI5B,KAAK,KAAA;AACH,MAAO,OAAA,CAAA,4CAAA,CAAA;AAAA,IAET,KAAK,KAAA;AACH,MAAO,OAAA,CAAA,4CAAA,CAAA;AAAA,IAET,KAAK,KAAA;AACH,MAAO,OAAA,CAAA,kCAAA,CAAA;AAAA,IAET;AACE,MAAA,OAAA,CAAQ,KAAK,oCAAoC,CAAA;AAEjD,MAAO,OAAA,EAAA;AAAA;AAEb;AAUa,IAAA,gCAAA,GAAmC,CAAC,aAAA,EAAuB,QAAsB,KAAA;AAC5F,EAAI,IAAA,CAAC,UAAY,EAAA;AACf,IAAO,OAAA,EAAA;AAAA;AAET,EAAA,MAAM,WAAc,GAAA,0BAAA,CAA2B,QAAY,IAAA,QAAA,CAAS,QAAQ,CAAA;AAE5E,EAAA,QAAQ,WAAa;AAAA;AAAA;AAAA;AAAA;AAAA,IAKnB,KAAK,OAAA;AACH,MAAA,OAAO,CAAG,EAAA,cAAA,EAAgB,CAAA,KAAA,EAAQ,aAAa,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,IAIjD,KAAK,KAAA;AACH,MAAA,OAAO,0CAA0C,aAAa,CAAA,CAAA;AAAA,IAEhE,KAAK,KAAA;AACH,MAAA,OAAO,0CAA0C,aAAa,CAAA,CAAA;AAAA,IAEhE,KAAK,KAAA;AACH,MAAA,OAAO,sCAAsC,aAAa,CAAA,CAAA;AAAA,IAE5D;AACE,MAAA,OAAA,CAAQ,KAAK,oCAAoC,CAAA;AAEjD,MAAO,OAAA,EAAA;AAAA;AAEb;AAUa,IAAA,yBAAA,GAA4B,CAAC,QAAsB,KAAA;AAC9D,EAAI,IAAA,CAAC,UAAY,EAAA;AACf,IAAO,OAAA,EAAA;AAAA;AAGT,EAAA,MAAM,WAAc,GAAA,0BAAA,CAA2B,QAAY,IAAA,QAAA,CAAS,QAAQ,CAAA;AAE5E,EAAA,QAAQ,WAAa;AAAA,IACnB,KAAK,OAAA;AACH,MAAO,OAAA,CAAA,kCAAA,CAAA;AAAA,IAET,KAAK,KAAA;AACH,MAAO,OAAA,CAAA,kCAAA,CAAA;AAAA,IAET,KAAK,KAAA;AACH,MAAO,OAAA,CAAA,kCAAA,CAAA;AAAA,IAET,KAAK,KAAA;AACH,MAAO,OAAA,CAAA,8BAAA,CAAA;AAAA,IAET;AACE,MAAA,OAAA,CAAQ,KAAK,gCAAgC,CAAA;AAE7C,MAAO,OAAA,EAAA;AAAA;AAEb","file":"environment-utils.js","sourcesContent":["export const getCookie = (name: string): string => {\n if (typeof document === 'undefined') {\n return '';\n }\n const match = document.cookie.match(new RegExp(`(^|; *)${name}=([^;]*)`));\n\n return match ? decodeURIComponent(match[2] || '') : '';\n};\n\nexport const setCookie = (\n name: string,\n value: string,\n options: {\n expires?: number | Date; // number of days\n path?: string;\n domain?: string;\n secure?: boolean;\n } = {}\n): void => {\n if (typeof document === 'undefined') {\n return;\n }\n\n let cookieString = `${name}=${encodeURIComponent(value)}`;\n\n if (options.expires) {\n let expiresDate: Date;\n if (typeof options.expires === 'number') {\n expiresDate = new Date();\n expiresDate.setDate(expiresDate.getDate() + options.expires);\n } else {\n expiresDate = options.expires;\n }\n cookieString += `; expires=${expiresDate.toUTCString()}`;\n }\n\n cookieString += `; path=${options.path || '/'}`;\n\n if (options.domain) {\n cookieString += `; domain=${options.domain}`;\n }\n\n if (options.secure) {\n cookieString += '; secure';\n }\n\n document.cookie = cookieString;\n};\n\nexport const deleteCookie = (name: string, options: { path?: string; domain?: string } = {}): void => {\n setCookie(name, '', { ...options, expires: -1 });\n};\n","import { getCookie } from './cookie-utils';\n\n/**\n * 호스트명에서 서브도메인을 추출합니다.\n * @param hostname 호스트명\n * @returns 서브도메인 (예: nxl-dsp-dev)\n */\nexport const getSubdomain = (hostname: string): string => {\n if (!hostname || hostname === 'localhost' || hostname === '127.0.0.1') {\n return '';\n }\n\n const parts = hostname.split('.');\n\n // 최소 3개 부분이 있어야 서브도메인 존재 (subdomain.domain.com)\n if (parts.length < 3) {\n return '';\n }\n\n // 첫 번째 부분이 서브도메인\n return parts[0] ?? '';\n};\n\n/**\n * 호스트명을 기반으로 환경을 판단합니다.\n * @param hostname 호스트명\n * @returns 환경 구분 문자열 ('local' | 'dev' | 'stg' | 'prd')\n */\nexport const getEnvironmentFromHostname = (hostname: string): 'local' | 'dev' | 'stg' | 'prd' => {\n const debugModeEnv = getCookie('dsp-debug-mode-env')?.toLowerCase();\n if (debugModeEnv) {\n return debugModeEnv as 'local' | 'dev' | 'stg' | 'prd';\n }\n const subDomain = getSubdomain(hostname);\n\n // localhost 판단\n if (hostname === 'localhost' || hostname === '127.0.0.1' || hostname.startsWith('localhost')) {\n return 'local';\n }\n\n // dev 환경 판단\n if (subDomain.includes(`dev`)) {\n return 'dev';\n }\n\n // stg 환경 판단\n if (subDomain.includes('stg')) {\n return 'stg';\n }\n\n // 기본 운영\n return 'prd';\n};\n\n/**\n * @see https://github.com/storybookjs/storybook/issues/32028#issuecomment-3298982086\n * @note 스토리북에서 버그로인해 window객체를 정상적으로 탐지하지 못하는 이슈우회\n */\nexport const isClient = () => {\n try {\n return !!window;\n } catch {\n return false;\n }\n};\n\n// window.isStorybookEnv 접근을 위한 타입캐스팅\ndeclare const window: Window & { isStorybookEnv?: boolean };\n/**\n * 현재 실행 환경이 Storybook인지 확인하는 함수\n *\n * 사용 전, `viteFinal` 설정에서 `window.isStorybookEnv`를 `true`로 정의해야 정상 동작합니다.\n *\n * 예시:\n * ```ts\n * const config: StorybookConfig = {\n * viteFinal: (config) => {\n * // window.isStorybookEnv를 true로 설정 (boolean 값으로 처리됨)\n * config.define = {\n * ...config.define,\n * 'window.isStorybookEnv': 'true',\n * };\n *\n * return config;\n * },\n * };\n * ```\n */\nexport const isStorybookEnv = () => {\n try {\n return window.isStorybookEnv === true;\n } catch {\n // window가 존재하지 않는 등 예외 상황에서는 false 반환\n return false;\n }\n};\n\n/**\n * 현재 업무구분 코드 구하기\n * 원칙: pathname의 첫 번째가 업무구분코드를 사용할 경우 해당 값을 반환\n * @returns\n */\nexport const getBusinessWorkDivisionCode = () => {\n return location.pathname.split('/')[1] ?? '';\n};\n\n/**\n * @description storybook에서 동작을 고려하여 수정한 버전\n * @returns\n */\nexport const getServicePath = () => {\n if (typeof window.isStorybookEnv === 'boolean') {\n return '';\n } else {\n return `/${getBusinessWorkDivisionCode()}`;\n }\n};\n\n/**\n * 환경에 맞는 API 호스트명을 반환합니다.\n * 호스트명을 강제하고 싶으면 두 번째 파라미터로 넘기세요.\n * @param currentHostname\n * @param forceApiHostName\n * @returns\n */\n\nexport const getApiHostNameFromEnvironment = (currentHostname: string, forceApiHostName?: string) => {\n if (forceApiHostName) {\n return forceApiHostName;\n }\n\n const environment = getEnvironmentFromHostname(currentHostname);\n\n switch (environment) {\n case 'dev':\n return `https://nxl-dsp-dev.hanwhalife.com`;\n\n case 'local':\n case 'stg':\n return `https://nxl-dsp-stg.hanwhalife.com`;\n\n case 'prd':\n return `https://nxl-dsp.hanwhalife.com`;\n\n default:\n console.warn('DSP API environment is not defined');\n\n return '';\n }\n};\n\n/**\n * 환경에 맞는 CDN 호스트명을 반환합니다.\n * 호스트명을 강제하고 싶으면 두 번째 파라미터로 넘기세요.\n * @param currentHostname\n * @param forceApiHostName\n * @returns\n */\nexport const getCdnHostNameFromEnvironment = (currentHostname: string, forceApiHostName?: string) => {\n if (!isClient()) {\n return '';\n }\n\n if (forceApiHostName) {\n return forceApiHostName;\n }\n\n const environment = getEnvironmentFromHostname(currentHostname);\n\n switch (environment) {\n case 'dev':\n return `https://dev-dsp-static.hanwhalife.com`;\n\n case 'local':\n case 'stg':\n return `https://stg-dsp-static.hanwhalife.com`;\n\n case 'prd':\n return `https://dsp-static.hanwhalife.com'`;\n\n default:\n console.warn('DSP environment is not defined');\n\n return '';\n }\n};\n\n/**\n * @description\n * 환경에 맞는 비정형PI 호스트명을 반환합니다.\n * client side에서 사용하는 함수입니다.\n * @param serviceCode dea,dis,dcm\n * @param hostname window.location.hostname\n * @returns\n */\nexport const getDudApiBasePathFromEnvironment = (hostname?: string) => {\n if (!isClient()) {\n return '';\n }\n const environment = getEnvironmentFromHostname(hostname || location.hostname);\n\n switch (environment) {\n /**\n * local에서 호출시, rewrite동작을 위해 상대주소를 호출합니다.\n * (cors이슈 해결을 위해 필수)\n */\n case 'local':\n return `${getServicePath()}/api/dud`;\n /**\n * local 이 아닌 환경에서는 전체주소를 호출합니다.\n */\n case 'dev':\n return `https://dsp-dud-dev.hanwhalife.com:10101/api`;\n\n case 'stg':\n return `https://dsp-dud-stg.hanwhalife.com:10102/api`;\n\n case 'prd':\n return `https://dsp-dud.hanwhalife.com/api`;\n\n default:\n console.warn('DUD API environment is not defined');\n\n return '';\n }\n};\n\n/**\n * @description\n * 환경에 맞는 Dsp 호스트명을 반환합니다.\n * client side에서 사용하는 함수입니다.\n * @param serviceCodeTo dea,dis 같은 api서버명\n * @param hostname window.location.hostname\n * @returns\n */\nexport const getDspApiBasePathFromEnvironment = (serviceCodeTo: string, hostname?: string) => {\n if (!isClient()) {\n return '';\n }\n const environment = getEnvironmentFromHostname(hostname || location.hostname);\n\n switch (environment) {\n /**\n * local에서 호출시, rewrite동작을 위해 상대주소를 호출합니다.\n * (cors이슈 해결을 위해 필수)\n */\n case 'local':\n return `${getServicePath()}/api/${serviceCodeTo}`;\n /**\n * local 이 아닌 환경에서는 전체주소를 호출합니다.\n */\n case 'dev':\n return `https://nxl-dsp-dev.hanwhalife.com/api/${serviceCodeTo}`;\n\n case 'stg':\n return `https://nxl-dsp-stg.hanwhalife.com/api/${serviceCodeTo}`;\n\n case 'prd':\n return `https://nxl-dsp.hanwhalife.com/api/${serviceCodeTo}`;\n\n default:\n console.warn('DSP API environment is not defined');\n\n return '';\n }\n};\n\n\n/**\n * @description\n * 환경에 맞는 NLC 호스트명을 반환합니다.\n * client side에서 사용하는 함수입니다.\n * @param hostname window.location.hostname\n * @returns\n */\nexport const getNlcHostFromEnvironment = (hostname?: string) => {\n if (!isClient()) {\n return '';\n }\n\n const environment = getEnvironmentFromHostname(hostname || location.hostname);\n\n switch (environment) {\n case 'local':\n return `https://nxl-nlc-stg.hanwhalife.com`;\n\n case 'dev':\n return `https://nxl-nlc-dev.hanwhalife.com`;\n\n case 'stg':\n return `https://nxl-nlc-stg.hanwhalife.com`;\n\n case 'prd':\n return `https://nxl-nlc.hanwhalife.com`;\n\n default:\n console.warn('NLC environment is not defined');\n\n return '';\n }\n};\n\n"]}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
5
|
+
var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
6
|
+
|
|
7
|
+
// src/utils/event-handler-utils.ts
|
|
8
|
+
var _MessageEventManager = class _MessageEventManager {
|
|
9
|
+
constructor() {
|
|
10
|
+
__publicField(this, "handlers", /* @__PURE__ */ new Map());
|
|
11
|
+
window.addEventListener("message", this.handleMessage.bind(this));
|
|
12
|
+
}
|
|
13
|
+
static getInstance() {
|
|
14
|
+
if (!_MessageEventManager.instance) {
|
|
15
|
+
_MessageEventManager.instance = new _MessageEventManager();
|
|
16
|
+
}
|
|
17
|
+
return _MessageEventManager.instance;
|
|
18
|
+
}
|
|
19
|
+
/**
|
|
20
|
+
*
|
|
21
|
+
* @param event
|
|
22
|
+
*/
|
|
23
|
+
handleMessage(event) {
|
|
24
|
+
for (const [key, handler] of this.handlers) {
|
|
25
|
+
try {
|
|
26
|
+
handler(event);
|
|
27
|
+
} catch (error) {
|
|
28
|
+
console.error(`Message handler ${key} error:`, error);
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
/**
|
|
33
|
+
* 이벤트 헨들러 함수를 등록합니다.
|
|
34
|
+
* @param key
|
|
35
|
+
* @param handler
|
|
36
|
+
*/
|
|
37
|
+
registerHandler(key, handler) {
|
|
38
|
+
this.handlers.set(key, handler);
|
|
39
|
+
}
|
|
40
|
+
/**
|
|
41
|
+
* 이벤트 핸들러 함수를 삭제합니다.
|
|
42
|
+
* @param key
|
|
43
|
+
*/
|
|
44
|
+
unregisterHandler(key) {
|
|
45
|
+
this.handlers.delete(key);
|
|
46
|
+
}
|
|
47
|
+
};
|
|
48
|
+
__publicField(_MessageEventManager, "instance");
|
|
49
|
+
var MessageEventManager = _MessageEventManager;
|
|
50
|
+
|
|
51
|
+
exports.MessageEventManager = MessageEventManager;
|
|
52
|
+
//# sourceMappingURL=event-handler-utils.cjs.map
|
|
53
|
+
//# sourceMappingURL=event-handler-utils.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/utils/event-handler-utils.ts"],"names":[],"mappings":";;;;;;;AAKO,IAAM,oBAAA,GAAN,MAAM,oBAAoB,CAAA;AAAA,EAYvB,WAAc,GAAA;AAVtB,IAAQ,aAAA,CAAA,IAAA,EAAA,UAAA,sBAAe,GAA2C,EAAA,CAAA;AAWhE,IAAA,MAAA,CAAO,iBAAiB,SAAW,EAAA,IAAA,CAAK,aAAc,CAAA,IAAA,CAAK,IAAI,CAAC,CAAA;AAAA;AAClE,EAVA,OAAO,WAAmC,GAAA;AACxC,IAAI,IAAA,CAAC,qBAAoB,QAAU,EAAA;AACjC,MAAoB,oBAAA,CAAA,QAAA,GAAW,IAAI,oBAAoB,EAAA;AAAA;AAGzD,IAAA,OAAO,oBAAoB,CAAA,QAAA;AAAA;AAC7B;AAAA;AAAA;AAAA;AAAA,EAUQ,cAAc,KAA2B,EAAA;AAE/C,IAAA,KAAA,MAAW,CAAC,GAAA,EAAK,OAAO,CAAA,IAAK,KAAK,QAAU,EAAA;AAC1C,MAAI,IAAA;AACF,QAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,eACN,KAAO,EAAA;AACd,QAAA,OAAA,CAAQ,KAAM,CAAA,CAAA,gBAAA,EAAmB,GAAG,CAAA,OAAA,CAAA,EAAW,KAAK,CAAA;AAAA;AACtD;AACF;AACF;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,eAAA,CAAgB,KAAa,OAA8C,EAAA;AACzE,IAAK,IAAA,CAAA,QAAA,CAAS,GAAI,CAAA,GAAA,EAAK,OAAO,CAAA;AAAA;AAChC;AAAA;AAAA;AAAA;AAAA,EAMA,kBAAkB,GAAmB,EAAA;AACnC,IAAK,IAAA,CAAA,QAAA,CAAS,OAAO,GAAG,CAAA;AAAA;AAE5B,CAAA;AA9CE,aAAA,CADW,oBACI,EAAA,UAAA,CAAA;AADV,IAAM,mBAAN,GAAA","file":"event-handler-utils.cjs","sourcesContent":["/**\n * Message 이벤트 헨들러를 관리하는 클래스입니다. (싱글턴)\n * 모든 message 핸들러는 여기를 통해 등록해야합니다.\n * window.addEventListener('message') 의 중복을 방지하기 위함입니다.\n */\nexport class MessageEventManager {\n private static instance: MessageEventManager;\n private handlers = new Map<string, (event: MessageEvent) => void>();\n\n static getInstance(): MessageEventManager {\n if (!MessageEventManager.instance) {\n MessageEventManager.instance = new MessageEventManager();\n }\n\n return MessageEventManager.instance;\n }\n\n private constructor() {\n window.addEventListener('message', this.handleMessage.bind(this));\n }\n\n /**\n *\n * @param event\n */\n private handleMessage(event: MessageEvent): void {\n // 모든 등록된 핸들러 실행\n for (const [key, handler] of this.handlers) {\n try {\n handler(event);\n } catch (error) {\n console.error(`Message handler ${key} error:`, error);\n }\n }\n }\n\n /**\n * 이벤트 헨들러 함수를 등록합니다.\n * @param key\n * @param handler\n */\n registerHandler(key: string, handler: (event: MessageEvent) => void): void {\n this.handlers.set(key, handler);\n }\n\n /**\n * 이벤트 핸들러 함수를 삭제합니다.\n * @param key\n */\n unregisterHandler(key: string): void {\n this.handlers.delete(key);\n }\n}\n"]}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Message 이벤트 헨들러를 관리하는 클래스입니다. (싱글턴)
|
|
3
|
+
* 모든 message 핸들러는 여기를 통해 등록해야합니다.
|
|
4
|
+
* window.addEventListener('message') 의 중복을 방지하기 위함입니다.
|
|
5
|
+
*/
|
|
6
|
+
declare class MessageEventManager {
|
|
7
|
+
private static instance;
|
|
8
|
+
private handlers;
|
|
9
|
+
static getInstance(): MessageEventManager;
|
|
10
|
+
private constructor();
|
|
11
|
+
/**
|
|
12
|
+
*
|
|
13
|
+
* @param event
|
|
14
|
+
*/
|
|
15
|
+
private handleMessage;
|
|
16
|
+
/**
|
|
17
|
+
* 이벤트 헨들러 함수를 등록합니다.
|
|
18
|
+
* @param key
|
|
19
|
+
* @param handler
|
|
20
|
+
*/
|
|
21
|
+
registerHandler(key: string, handler: (event: MessageEvent) => void): void;
|
|
22
|
+
/**
|
|
23
|
+
* 이벤트 핸들러 함수를 삭제합니다.
|
|
24
|
+
* @param key
|
|
25
|
+
*/
|
|
26
|
+
unregisterHandler(key: string): void;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
export { MessageEventManager };
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Message 이벤트 헨들러를 관리하는 클래스입니다. (싱글턴)
|
|
3
|
+
* 모든 message 핸들러는 여기를 통해 등록해야합니다.
|
|
4
|
+
* window.addEventListener('message') 의 중복을 방지하기 위함입니다.
|
|
5
|
+
*/
|
|
6
|
+
declare class MessageEventManager {
|
|
7
|
+
private static instance;
|
|
8
|
+
private handlers;
|
|
9
|
+
static getInstance(): MessageEventManager;
|
|
10
|
+
private constructor();
|
|
11
|
+
/**
|
|
12
|
+
*
|
|
13
|
+
* @param event
|
|
14
|
+
*/
|
|
15
|
+
private handleMessage;
|
|
16
|
+
/**
|
|
17
|
+
* 이벤트 헨들러 함수를 등록합니다.
|
|
18
|
+
* @param key
|
|
19
|
+
* @param handler
|
|
20
|
+
*/
|
|
21
|
+
registerHandler(key: string, handler: (event: MessageEvent) => void): void;
|
|
22
|
+
/**
|
|
23
|
+
* 이벤트 핸들러 함수를 삭제합니다.
|
|
24
|
+
* @param key
|
|
25
|
+
*/
|
|
26
|
+
unregisterHandler(key: string): void;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
export { MessageEventManager };
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
3
|
+
var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
4
|
+
|
|
5
|
+
// src/utils/event-handler-utils.ts
|
|
6
|
+
var _MessageEventManager = class _MessageEventManager {
|
|
7
|
+
constructor() {
|
|
8
|
+
__publicField(this, "handlers", /* @__PURE__ */ new Map());
|
|
9
|
+
window.addEventListener("message", this.handleMessage.bind(this));
|
|
10
|
+
}
|
|
11
|
+
static getInstance() {
|
|
12
|
+
if (!_MessageEventManager.instance) {
|
|
13
|
+
_MessageEventManager.instance = new _MessageEventManager();
|
|
14
|
+
}
|
|
15
|
+
return _MessageEventManager.instance;
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
*
|
|
19
|
+
* @param event
|
|
20
|
+
*/
|
|
21
|
+
handleMessage(event) {
|
|
22
|
+
for (const [key, handler] of this.handlers) {
|
|
23
|
+
try {
|
|
24
|
+
handler(event);
|
|
25
|
+
} catch (error) {
|
|
26
|
+
console.error(`Message handler ${key} error:`, error);
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
/**
|
|
31
|
+
* 이벤트 헨들러 함수를 등록합니다.
|
|
32
|
+
* @param key
|
|
33
|
+
* @param handler
|
|
34
|
+
*/
|
|
35
|
+
registerHandler(key, handler) {
|
|
36
|
+
this.handlers.set(key, handler);
|
|
37
|
+
}
|
|
38
|
+
/**
|
|
39
|
+
* 이벤트 핸들러 함수를 삭제합니다.
|
|
40
|
+
* @param key
|
|
41
|
+
*/
|
|
42
|
+
unregisterHandler(key) {
|
|
43
|
+
this.handlers.delete(key);
|
|
44
|
+
}
|
|
45
|
+
};
|
|
46
|
+
__publicField(_MessageEventManager, "instance");
|
|
47
|
+
var MessageEventManager = _MessageEventManager;
|
|
48
|
+
|
|
49
|
+
export { MessageEventManager };
|
|
50
|
+
//# sourceMappingURL=event-handler-utils.js.map
|
|
51
|
+
//# sourceMappingURL=event-handler-utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/utils/event-handler-utils.ts"],"names":[],"mappings":";;;;;AAKO,IAAM,oBAAA,GAAN,MAAM,oBAAoB,CAAA;AAAA,EAYvB,WAAc,GAAA;AAVtB,IAAQ,aAAA,CAAA,IAAA,EAAA,UAAA,sBAAe,GAA2C,EAAA,CAAA;AAWhE,IAAA,MAAA,CAAO,iBAAiB,SAAW,EAAA,IAAA,CAAK,aAAc,CAAA,IAAA,CAAK,IAAI,CAAC,CAAA;AAAA;AAClE,EAVA,OAAO,WAAmC,GAAA;AACxC,IAAI,IAAA,CAAC,qBAAoB,QAAU,EAAA;AACjC,MAAoB,oBAAA,CAAA,QAAA,GAAW,IAAI,oBAAoB,EAAA;AAAA;AAGzD,IAAA,OAAO,oBAAoB,CAAA,QAAA;AAAA;AAC7B;AAAA;AAAA;AAAA;AAAA,EAUQ,cAAc,KAA2B,EAAA;AAE/C,IAAA,KAAA,MAAW,CAAC,GAAA,EAAK,OAAO,CAAA,IAAK,KAAK,QAAU,EAAA;AAC1C,MAAI,IAAA;AACF,QAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,eACN,KAAO,EAAA;AACd,QAAA,OAAA,CAAQ,KAAM,CAAA,CAAA,gBAAA,EAAmB,GAAG,CAAA,OAAA,CAAA,EAAW,KAAK,CAAA;AAAA;AACtD;AACF;AACF;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,eAAA,CAAgB,KAAa,OAA8C,EAAA;AACzE,IAAK,IAAA,CAAA,QAAA,CAAS,GAAI,CAAA,GAAA,EAAK,OAAO,CAAA;AAAA;AAChC;AAAA;AAAA;AAAA;AAAA,EAMA,kBAAkB,GAAmB,EAAA;AACnC,IAAK,IAAA,CAAA,QAAA,CAAS,OAAO,GAAG,CAAA;AAAA;AAE5B,CAAA;AA9CE,aAAA,CADW,oBACI,EAAA,UAAA,CAAA;AADV,IAAM,mBAAN,GAAA","file":"event-handler-utils.js","sourcesContent":["/**\n * Message 이벤트 헨들러를 관리하는 클래스입니다. (싱글턴)\n * 모든 message 핸들러는 여기를 통해 등록해야합니다.\n * window.addEventListener('message') 의 중복을 방지하기 위함입니다.\n */\nexport class MessageEventManager {\n private static instance: MessageEventManager;\n private handlers = new Map<string, (event: MessageEvent) => void>();\n\n static getInstance(): MessageEventManager {\n if (!MessageEventManager.instance) {\n MessageEventManager.instance = new MessageEventManager();\n }\n\n return MessageEventManager.instance;\n }\n\n private constructor() {\n window.addEventListener('message', this.handleMessage.bind(this));\n }\n\n /**\n *\n * @param event\n */\n private handleMessage(event: MessageEvent): void {\n // 모든 등록된 핸들러 실행\n for (const [key, handler] of this.handlers) {\n try {\n handler(event);\n } catch (error) {\n console.error(`Message handler ${key} error:`, error);\n }\n }\n }\n\n /**\n * 이벤트 헨들러 함수를 등록합니다.\n * @param key\n * @param handler\n */\n registerHandler(key: string, handler: (event: MessageEvent) => void): void {\n this.handlers.set(key, handler);\n }\n\n /**\n * 이벤트 핸들러 함수를 삭제합니다.\n * @param key\n */\n unregisterHandler(key: string): void {\n this.handlers.delete(key);\n }\n}\n"]}
|
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
// src/utils/file-utils.ts
|
|
4
|
+
function base64ToBlob(base64String, contentType = "") {
|
|
5
|
+
const regex = /^data:([a-zA-Z0-9/+.-]+);base64,/;
|
|
6
|
+
const matches = base64String.match(regex);
|
|
7
|
+
if (matches === null) {
|
|
8
|
+
throw new Error("Invalid base64 string");
|
|
9
|
+
}
|
|
10
|
+
const contentTypeFinal = contentType || matches[1];
|
|
11
|
+
const byteCharacters = atob(base64String.replace(regex, ""));
|
|
12
|
+
const byteNumbers = new Array(byteCharacters.length);
|
|
13
|
+
for (let i = 0; i < byteCharacters.length; i++) {
|
|
14
|
+
byteNumbers[i] = byteCharacters.charCodeAt(i);
|
|
15
|
+
}
|
|
16
|
+
const byteArray = new Uint8Array(byteNumbers);
|
|
17
|
+
return new Blob([byteArray], { type: contentTypeFinal });
|
|
18
|
+
}
|
|
19
|
+
function base64ToFile(base64String, fileName, contentType = "") {
|
|
20
|
+
const blob = base64ToBlob(base64String, contentType);
|
|
21
|
+
if (!blob) {
|
|
22
|
+
throw new Error("Invalid base64 string");
|
|
23
|
+
}
|
|
24
|
+
return blobToFile(blob, fileName);
|
|
25
|
+
}
|
|
26
|
+
function blobToFile(blob, fileName) {
|
|
27
|
+
return new File([blob], fileName, {
|
|
28
|
+
type: blob.type,
|
|
29
|
+
lastModified: Date.now()
|
|
30
|
+
});
|
|
31
|
+
}
|
|
32
|
+
async function fileToBase64(file) {
|
|
33
|
+
return new Promise((resolve, reject) => {
|
|
34
|
+
const reader = new FileReader();
|
|
35
|
+
reader.onload = () => {
|
|
36
|
+
if (typeof reader.result === "string") {
|
|
37
|
+
resolve(reader.result);
|
|
38
|
+
} else {
|
|
39
|
+
reject(new Error("Invalid file type"));
|
|
40
|
+
}
|
|
41
|
+
};
|
|
42
|
+
reader.onerror = (error) => {
|
|
43
|
+
reject(error);
|
|
44
|
+
};
|
|
45
|
+
reader.readAsDataURL(file);
|
|
46
|
+
});
|
|
47
|
+
}
|
|
48
|
+
function getExt(data) {
|
|
49
|
+
if (typeof data === "string") {
|
|
50
|
+
return data.split(".").pop();
|
|
51
|
+
}
|
|
52
|
+
if (data instanceof File) {
|
|
53
|
+
return data.name.split(".").pop();
|
|
54
|
+
}
|
|
55
|
+
if (data instanceof Blob) {
|
|
56
|
+
return data.type.split("/").pop();
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
async function objectUrlToBlob(objectUrl) {
|
|
60
|
+
try {
|
|
61
|
+
const response = await fetch(objectUrl);
|
|
62
|
+
const blob = await response.blob();
|
|
63
|
+
return blob;
|
|
64
|
+
} catch (error) {
|
|
65
|
+
console.error("Error converting object URL to Blob:", error);
|
|
66
|
+
throw error;
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
async function objectUrlToBase64(objectUrl) {
|
|
70
|
+
const blob = await objectUrlToBlob(objectUrl);
|
|
71
|
+
return new Promise((resolve, reject) => {
|
|
72
|
+
const reader = new FileReader();
|
|
73
|
+
reader.onloadend = () => {
|
|
74
|
+
if (typeof reader.result === "string") {
|
|
75
|
+
resolve(reader.result);
|
|
76
|
+
} else {
|
|
77
|
+
reject(new Error("Invalid file type"));
|
|
78
|
+
}
|
|
79
|
+
};
|
|
80
|
+
reader.onerror = reject;
|
|
81
|
+
reader.readAsDataURL(blob);
|
|
82
|
+
});
|
|
83
|
+
}
|
|
84
|
+
function downloadBlob(blob, filename) {
|
|
85
|
+
const url = URL.createObjectURL(blob);
|
|
86
|
+
const link = document.createElement("a");
|
|
87
|
+
link.style.display = "none";
|
|
88
|
+
link.href = url;
|
|
89
|
+
link.download = `${filename}.${getExt(blob)}`;
|
|
90
|
+
document.body.appendChild(link);
|
|
91
|
+
link.click();
|
|
92
|
+
document.body.removeChild(link);
|
|
93
|
+
URL.revokeObjectURL(url);
|
|
94
|
+
}
|
|
95
|
+
async function imageUrlToFile(imageUrl) {
|
|
96
|
+
const headers = new Headers();
|
|
97
|
+
headers.append("cache-control", "no-cache");
|
|
98
|
+
const resImage = await fetch(imageUrl, { headers });
|
|
99
|
+
const blob = await resImage.blob();
|
|
100
|
+
const { type } = blob;
|
|
101
|
+
const name = type.split("/").join(".");
|
|
102
|
+
const file = new File([blob], name, { type });
|
|
103
|
+
return file;
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
exports.base64ToBlob = base64ToBlob;
|
|
107
|
+
exports.base64ToFile = base64ToFile;
|
|
108
|
+
exports.blobToFile = blobToFile;
|
|
109
|
+
exports.downloadBlob = downloadBlob;
|
|
110
|
+
exports.fileToBase64 = fileToBase64;
|
|
111
|
+
exports.getExt = getExt;
|
|
112
|
+
exports.imageUrlToFile = imageUrlToFile;
|
|
113
|
+
exports.objectUrlToBase64 = objectUrlToBase64;
|
|
114
|
+
exports.objectUrlToBlob = objectUrlToBlob;
|
|
115
|
+
//# sourceMappingURL=file-utils.cjs.map
|
|
116
|
+
//# sourceMappingURL=file-utils.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/utils/file-utils.ts"],"names":[],"mappings":"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","file":"file-utils.cjs","sourcesContent":["export function base64ToBlob(base64String: string, contentType = '') {\n const regex = /^data:([a-zA-Z0-9/+.-]+);base64,/;\n const matches = base64String.match(regex);\n\n if (matches === null) {\n throw new Error('Invalid base64 string');\n }\n\n const contentTypeFinal = contentType || matches[1];\n const byteCharacters = atob(base64String.replace(regex, ''));\n const byteNumbers = new Array(byteCharacters.length);\n for (let i = 0; i < byteCharacters.length; i++) {\n byteNumbers[i] = byteCharacters.charCodeAt(i);\n }\n\n const byteArray = new Uint8Array(byteNumbers);\n\n return new Blob([byteArray], { type: contentTypeFinal });\n}\n\nexport function base64ToFile(base64String: string, fileName: string, contentType = '') {\n const blob = base64ToBlob(base64String, contentType);\n\n if (!blob) {\n throw new Error('Invalid base64 string');\n }\n\n return blobToFile(blob, fileName);\n}\n\nexport function blobToFile(blob: Blob, fileName: string) {\n return new File([blob], fileName, {\n type: blob.type,\n lastModified: Date.now()\n });\n}\n\nexport async function fileToBase64(file: File | Blob): Promise<string> {\n return new Promise((resolve, reject) => {\n const reader = new FileReader();\n\n reader.onload = () => {\n if (typeof reader.result === 'string') {\n resolve(reader.result);\n } else {\n reject(new Error('Invalid file type'));\n }\n };\n\n reader.onerror = (error) => {\n reject(error);\n };\n\n reader.readAsDataURL(file);\n });\n}\n\n/**\n * 파일확장자 리턴\n * @param data string File Blob\n */\nexport function getExt(data: string | File | Blob) {\n if (typeof data === 'string') {\n return data.split('.').pop();\n }\n\n if (data instanceof File) {\n return data.name.split('.').pop();\n }\n\n if (data instanceof Blob) {\n return data.type.split('/').pop();\n }\n}\n\nexport async function objectUrlToBlob(objectUrl: string) {\n try {\n const response = await fetch(objectUrl);\n const blob = await response.blob();\n\n return blob;\n } catch (error) {\n console.error('Error converting object URL to Blob:', error);\n throw error;\n }\n}\n\nexport async function objectUrlToBase64(objectUrl: string): Promise<string> {\n const blob = await objectUrlToBlob(objectUrl);\n\n return new Promise((resolve, reject) => {\n const reader = new FileReader();\n reader.onloadend = () => {\n if (typeof reader.result === 'string') {\n resolve(reader.result);\n } else {\n reject(new Error('Invalid file type'));\n }\n };\n reader.onerror = reject;\n reader.readAsDataURL(blob);\n });\n}\n\nexport function downloadBlob(blob: Blob, filename: string) {\n // 1. Create a temporary URL for the Blob object\n const url = URL.createObjectURL(blob);\n\n // 2. Create a hidden anchor element\n const link = document.createElement('a');\n link.style.display = 'none';\n link.href = url;\n\n // 3. Set the 'download' attribute with the desired file name\n // This attribute forces the browser to download the URL content instead of navigating to it\n link.download = `${filename}.${getExt(blob)}`;\n\n // 4. Append the link to the body (necessary for the click to work in some browsers)\n document.body.appendChild(link);\n\n // 5. Simulate a click on the link to trigger the download\n link.click();\n\n // 6. Clean up: Remove the link and revoke the object URL\n document.body.removeChild(link);\n URL.revokeObjectURL(url);\n}\n\n/**\n * image url을 File Object로 변경.\n * @param imageUrl fileObject로 변경할 image url\n * @return file object\n */\nexport async function imageUrlToFile(imageUrl: string): Promise<File> {\n const headers = new Headers();\n headers.append('cache-control', 'no-cache');\n const resImage = await fetch(imageUrl, { headers });\n const blob = await resImage.blob();\n const { type } = blob;\n const name = type.split('/').join('.');\n const file = new File([blob], name, { type });\n\n return file;\n}\n"]}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
declare function base64ToBlob(base64String: string, contentType?: string): Blob;
|
|
2
|
+
declare function base64ToFile(base64String: string, fileName: string, contentType?: string): File;
|
|
3
|
+
declare function blobToFile(blob: Blob, fileName: string): File;
|
|
4
|
+
declare function fileToBase64(file: File | Blob): Promise<string>;
|
|
5
|
+
/**
|
|
6
|
+
* 파일확장자 리턴
|
|
7
|
+
* @param data string File Blob
|
|
8
|
+
*/
|
|
9
|
+
declare function getExt(data: string | File | Blob): string | undefined;
|
|
10
|
+
declare function objectUrlToBlob(objectUrl: string): Promise<Blob>;
|
|
11
|
+
declare function objectUrlToBase64(objectUrl: string): Promise<string>;
|
|
12
|
+
declare function downloadBlob(blob: Blob, filename: string): void;
|
|
13
|
+
/**
|
|
14
|
+
* image url을 File Object로 변경.
|
|
15
|
+
* @param imageUrl fileObject로 변경할 image url
|
|
16
|
+
* @return file object
|
|
17
|
+
*/
|
|
18
|
+
declare function imageUrlToFile(imageUrl: string): Promise<File>;
|
|
19
|
+
|
|
20
|
+
export { base64ToBlob, base64ToFile, blobToFile, downloadBlob, fileToBase64, getExt, imageUrlToFile, objectUrlToBase64, objectUrlToBlob };
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
declare function base64ToBlob(base64String: string, contentType?: string): Blob;
|
|
2
|
+
declare function base64ToFile(base64String: string, fileName: string, contentType?: string): File;
|
|
3
|
+
declare function blobToFile(blob: Blob, fileName: string): File;
|
|
4
|
+
declare function fileToBase64(file: File | Blob): Promise<string>;
|
|
5
|
+
/**
|
|
6
|
+
* 파일확장자 리턴
|
|
7
|
+
* @param data string File Blob
|
|
8
|
+
*/
|
|
9
|
+
declare function getExt(data: string | File | Blob): string | undefined;
|
|
10
|
+
declare function objectUrlToBlob(objectUrl: string): Promise<Blob>;
|
|
11
|
+
declare function objectUrlToBase64(objectUrl: string): Promise<string>;
|
|
12
|
+
declare function downloadBlob(blob: Blob, filename: string): void;
|
|
13
|
+
/**
|
|
14
|
+
* image url을 File Object로 변경.
|
|
15
|
+
* @param imageUrl fileObject로 변경할 image url
|
|
16
|
+
* @return file object
|
|
17
|
+
*/
|
|
18
|
+
declare function imageUrlToFile(imageUrl: string): Promise<File>;
|
|
19
|
+
|
|
20
|
+
export { base64ToBlob, base64ToFile, blobToFile, downloadBlob, fileToBase64, getExt, imageUrlToFile, objectUrlToBase64, objectUrlToBlob };
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
// src/utils/file-utils.ts
|
|
2
|
+
function base64ToBlob(base64String, contentType = "") {
|
|
3
|
+
const regex = /^data:([a-zA-Z0-9/+.-]+);base64,/;
|
|
4
|
+
const matches = base64String.match(regex);
|
|
5
|
+
if (matches === null) {
|
|
6
|
+
throw new Error("Invalid base64 string");
|
|
7
|
+
}
|
|
8
|
+
const contentTypeFinal = contentType || matches[1];
|
|
9
|
+
const byteCharacters = atob(base64String.replace(regex, ""));
|
|
10
|
+
const byteNumbers = new Array(byteCharacters.length);
|
|
11
|
+
for (let i = 0; i < byteCharacters.length; i++) {
|
|
12
|
+
byteNumbers[i] = byteCharacters.charCodeAt(i);
|
|
13
|
+
}
|
|
14
|
+
const byteArray = new Uint8Array(byteNumbers);
|
|
15
|
+
return new Blob([byteArray], { type: contentTypeFinal });
|
|
16
|
+
}
|
|
17
|
+
function base64ToFile(base64String, fileName, contentType = "") {
|
|
18
|
+
const blob = base64ToBlob(base64String, contentType);
|
|
19
|
+
if (!blob) {
|
|
20
|
+
throw new Error("Invalid base64 string");
|
|
21
|
+
}
|
|
22
|
+
return blobToFile(blob, fileName);
|
|
23
|
+
}
|
|
24
|
+
function blobToFile(blob, fileName) {
|
|
25
|
+
return new File([blob], fileName, {
|
|
26
|
+
type: blob.type,
|
|
27
|
+
lastModified: Date.now()
|
|
28
|
+
});
|
|
29
|
+
}
|
|
30
|
+
async function fileToBase64(file) {
|
|
31
|
+
return new Promise((resolve, reject) => {
|
|
32
|
+
const reader = new FileReader();
|
|
33
|
+
reader.onload = () => {
|
|
34
|
+
if (typeof reader.result === "string") {
|
|
35
|
+
resolve(reader.result);
|
|
36
|
+
} else {
|
|
37
|
+
reject(new Error("Invalid file type"));
|
|
38
|
+
}
|
|
39
|
+
};
|
|
40
|
+
reader.onerror = (error) => {
|
|
41
|
+
reject(error);
|
|
42
|
+
};
|
|
43
|
+
reader.readAsDataURL(file);
|
|
44
|
+
});
|
|
45
|
+
}
|
|
46
|
+
function getExt(data) {
|
|
47
|
+
if (typeof data === "string") {
|
|
48
|
+
return data.split(".").pop();
|
|
49
|
+
}
|
|
50
|
+
if (data instanceof File) {
|
|
51
|
+
return data.name.split(".").pop();
|
|
52
|
+
}
|
|
53
|
+
if (data instanceof Blob) {
|
|
54
|
+
return data.type.split("/").pop();
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
async function objectUrlToBlob(objectUrl) {
|
|
58
|
+
try {
|
|
59
|
+
const response = await fetch(objectUrl);
|
|
60
|
+
const blob = await response.blob();
|
|
61
|
+
return blob;
|
|
62
|
+
} catch (error) {
|
|
63
|
+
console.error("Error converting object URL to Blob:", error);
|
|
64
|
+
throw error;
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
async function objectUrlToBase64(objectUrl) {
|
|
68
|
+
const blob = await objectUrlToBlob(objectUrl);
|
|
69
|
+
return new Promise((resolve, reject) => {
|
|
70
|
+
const reader = new FileReader();
|
|
71
|
+
reader.onloadend = () => {
|
|
72
|
+
if (typeof reader.result === "string") {
|
|
73
|
+
resolve(reader.result);
|
|
74
|
+
} else {
|
|
75
|
+
reject(new Error("Invalid file type"));
|
|
76
|
+
}
|
|
77
|
+
};
|
|
78
|
+
reader.onerror = reject;
|
|
79
|
+
reader.readAsDataURL(blob);
|
|
80
|
+
});
|
|
81
|
+
}
|
|
82
|
+
function downloadBlob(blob, filename) {
|
|
83
|
+
const url = URL.createObjectURL(blob);
|
|
84
|
+
const link = document.createElement("a");
|
|
85
|
+
link.style.display = "none";
|
|
86
|
+
link.href = url;
|
|
87
|
+
link.download = `${filename}.${getExt(blob)}`;
|
|
88
|
+
document.body.appendChild(link);
|
|
89
|
+
link.click();
|
|
90
|
+
document.body.removeChild(link);
|
|
91
|
+
URL.revokeObjectURL(url);
|
|
92
|
+
}
|
|
93
|
+
async function imageUrlToFile(imageUrl) {
|
|
94
|
+
const headers = new Headers();
|
|
95
|
+
headers.append("cache-control", "no-cache");
|
|
96
|
+
const resImage = await fetch(imageUrl, { headers });
|
|
97
|
+
const blob = await resImage.blob();
|
|
98
|
+
const { type } = blob;
|
|
99
|
+
const name = type.split("/").join(".");
|
|
100
|
+
const file = new File([blob], name, { type });
|
|
101
|
+
return file;
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
export { base64ToBlob, base64ToFile, blobToFile, downloadBlob, fileToBase64, getExt, imageUrlToFile, objectUrlToBase64, objectUrlToBlob };
|
|
105
|
+
//# sourceMappingURL=file-utils.js.map
|
|
106
|
+
//# sourceMappingURL=file-utils.js.map
|