@apps-in-toss/devtools 3.0.5 → 3.1.0-beta.1
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/LICENSE +28 -201
- package/README.md +871 -237
- package/dist/mock/2x.d.ts +155 -3
- package/dist/mock/2x.js +1560 -1306
- package/dist/mock/3x.d.ts +123 -3
- package/dist/mock/3x.js +1507 -1245
- package/dist/mock/index.d.ts +123 -3
- package/dist/mock/index.js +1507 -1245
- package/dist/panel/index.js +106 -154
- package/dist/tunnel-BvEf1qGV.js +186 -0
- package/dist/tunnel-DtCTOUlp.cjs +187 -0
- package/dist/unplugin/index.cjs +147 -12
- package/dist/unplugin/index.d.cts +78 -408
- package/dist/unplugin/index.d.ts +78 -408
- package/dist/unplugin/index.js +147 -13
- package/dist/unplugin/tunnel.cjs +191 -0
- package/dist/unplugin/tunnel.d.cts +140 -0
- package/dist/unplugin/tunnel.d.ts +140 -0
- package/dist/unplugin/tunnel.js +186 -0
- package/package.json +8 -5
- package/CHANGELOG.md +0 -32
package/dist/mock/2x.js
CHANGED
|
@@ -1,30 +1,3 @@
|
|
|
1
|
-
//#region src/mock/deep-merge.ts
|
|
2
|
-
function isPlainObject(value) {
|
|
3
|
-
return typeof value === "object" && value !== null && !Array.isArray(value);
|
|
4
|
-
}
|
|
5
|
-
function mergeValue(base, override) {
|
|
6
|
-
if (override === void 0) return base;
|
|
7
|
-
if (Array.isArray(override)) return override;
|
|
8
|
-
if (isPlainObject(base) && isPlainObject(override)) {
|
|
9
|
-
const result = { ...base };
|
|
10
|
-
for (const key of Object.keys(override)) {
|
|
11
|
-
if (!(key in base)) continue;
|
|
12
|
-
result[key] = mergeValue(base[key], override[key]);
|
|
13
|
-
}
|
|
14
|
-
return result;
|
|
15
|
-
}
|
|
16
|
-
return override;
|
|
17
|
-
}
|
|
18
|
-
/**
|
|
19
|
-
* `base`(보통 `DEFAULT_STATE`)에 `override`를 재귀 병합한 새 객체를
|
|
20
|
-
* 반환한다. `base`는 변형하지 않는다(불변). `override`가 `undefined`이면
|
|
21
|
-
* `base`를 그대로 반환한다.
|
|
22
|
-
*/
|
|
23
|
-
function deepMergeState(base, override) {
|
|
24
|
-
if (override === void 0) return base;
|
|
25
|
-
return mergeValue(base, override);
|
|
26
|
-
}
|
|
27
|
-
//#endregion
|
|
28
1
|
//#region src/mock/throttle-registry.ts
|
|
29
2
|
/**
|
|
30
3
|
* throttle 레지스트리 (devtools#834).
|
|
@@ -54,10 +27,6 @@ function resetThrottleRegistry() {
|
|
|
54
27
|
}
|
|
55
28
|
//#endregion
|
|
56
29
|
//#region src/mock/state.ts
|
|
57
|
-
/**
|
|
58
|
-
* @apps-in-toss/devtools 중앙 상태 관리
|
|
59
|
-
* DevTools Panel과 mock 구현체가 이 상태를 공유한다.
|
|
60
|
-
*/
|
|
61
30
|
/** SDK 호출 로그 ring buffer 상한 */
|
|
62
31
|
const SDK_CALL_LOG_MAX = 200;
|
|
63
32
|
const DEFAULT_STATE = {
|
|
@@ -117,14 +86,6 @@ const DEFAULT_STATE = {
|
|
|
117
86
|
displayAmount: "1,000원",
|
|
118
87
|
iconUrl: "",
|
|
119
88
|
description: "게임에서 사용할 수 있는 보석 100개"
|
|
120
|
-
}, {
|
|
121
|
-
sku: "mock-sub-monthly",
|
|
122
|
-
type: "SUBSCRIPTION",
|
|
123
|
-
displayName: "월간 구독",
|
|
124
|
-
displayAmount: "4,900원",
|
|
125
|
-
iconUrl: "",
|
|
126
|
-
description: "매달 자동으로 갱신되는 구독 상품",
|
|
127
|
-
renewalCycle: "MONTHLY"
|
|
128
89
|
}],
|
|
129
90
|
nextResult: "success",
|
|
130
91
|
pendingOrders: [],
|
|
@@ -187,22 +148,6 @@ const DEFAULT_STATE = {
|
|
|
187
148
|
},
|
|
188
149
|
failureModes: { sdkLine: "2.x" }
|
|
189
150
|
};
|
|
190
|
-
/**
|
|
191
|
-
* `initialState` unplugin 옵션(Vite `define`로 주입된 `__AIT_INITIAL_STATE__`)이
|
|
192
|
-
* 있으면 `DEFAULT_STATE`에 재귀 병합한 결과를, 없으면 `DEFAULT_STATE`를 그대로
|
|
193
|
-
* 반환한다. devtools 자체 빌드/테스트에는 이 define이 없으므로
|
|
194
|
-
* `typeof` 가드로 ReferenceError를 막는다(env.d.ts 참고).
|
|
195
|
-
*
|
|
196
|
-
* 모듈 로드 시 한 번만 계산해 생성자·`reset()` 양쪽에서 재사용한다 — `reset()`도
|
|
197
|
-
* 이 병합된 값으로 되돌아가야, 소비자가 선언한 커스텀 카탈로그가 패널의
|
|
198
|
-
* "초기화" 이후에도 사라지지 않는다(초기화는 "SDK 기본값"이 아니라 "이
|
|
199
|
-
* 프로젝트가 선언한 기본값"으로 돌아가는 것이 사용자 기대에 맞다).
|
|
200
|
-
*/
|
|
201
|
-
function resolveDefaultState() {
|
|
202
|
-
const override = typeof __AIT_INITIAL_STATE__ !== "undefined" ? __AIT_INITIAL_STATE__ : void 0;
|
|
203
|
-
return override ? deepMergeState(DEFAULT_STATE, override) : DEFAULT_STATE;
|
|
204
|
-
}
|
|
205
|
-
const RESOLVED_DEFAULT_STATE = resolveDefaultState();
|
|
206
151
|
function generateDeviceId() {
|
|
207
152
|
const stored = localStorage.getItem("__ait_device_id");
|
|
208
153
|
if (stored) return stored;
|
|
@@ -215,7 +160,7 @@ var AitStateManager = class {
|
|
|
215
160
|
_listeners = /* @__PURE__ */ new Set();
|
|
216
161
|
_inTransaction = false;
|
|
217
162
|
constructor() {
|
|
218
|
-
this._state = structuredClone(
|
|
163
|
+
this._state = structuredClone(DEFAULT_STATE);
|
|
219
164
|
try {
|
|
220
165
|
this._state.deviceId = generateDeviceId();
|
|
221
166
|
} catch {
|
|
@@ -311,7 +256,7 @@ var AitStateManager = class {
|
|
|
311
256
|
reset() {
|
|
312
257
|
const deviceId = this._state.deviceId;
|
|
313
258
|
this._state = {
|
|
314
|
-
...structuredClone(
|
|
259
|
+
...structuredClone(DEFAULT_STATE),
|
|
315
260
|
deviceId
|
|
316
261
|
};
|
|
317
262
|
resetThrottleRegistry();
|
|
@@ -328,6 +273,83 @@ if (!globalRef[SINGLETON_KEY]) globalRef[SINGLETON_KEY] = new AitStateManager();
|
|
|
328
273
|
const aitState = globalRef[SINGLETON_KEY];
|
|
329
274
|
if (typeof window !== "undefined") window.__ait = aitState;
|
|
330
275
|
//#endregion
|
|
276
|
+
//#region src/mock/device/_helpers.ts
|
|
277
|
+
/**
|
|
278
|
+
* 디바이스 모듈 내부 공유 헬퍼
|
|
279
|
+
*/
|
|
280
|
+
function generatePlaceholderImage(width, height, text, color) {
|
|
281
|
+
const canvas = document.createElement("canvas");
|
|
282
|
+
canvas.width = width;
|
|
283
|
+
canvas.height = height;
|
|
284
|
+
const ctx = canvas.getContext("2d");
|
|
285
|
+
if (!ctx) {
|
|
286
|
+
const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}"><rect fill="${color}" width="${width}" height="${height}"/><text x="50%" y="50%" fill="white" font-size="16" text-anchor="middle" dominant-baseline="middle">${text}</text></svg>`;
|
|
287
|
+
return `data:image/svg+xml;base64,${btoa(svg)}`;
|
|
288
|
+
}
|
|
289
|
+
ctx.fillStyle = color;
|
|
290
|
+
ctx.fillRect(0, 0, width, height);
|
|
291
|
+
ctx.fillStyle = "white";
|
|
292
|
+
ctx.font = "16px sans-serif";
|
|
293
|
+
ctx.textAlign = "center";
|
|
294
|
+
ctx.textBaseline = "middle";
|
|
295
|
+
ctx.fillText(text, width / 2, height / 2);
|
|
296
|
+
return canvas.toDataURL("image/png");
|
|
297
|
+
}
|
|
298
|
+
const DEFAULT_PLACEHOLDERS = [
|
|
299
|
+
{
|
|
300
|
+
text: "Mock Photo 1",
|
|
301
|
+
color: "#3182F6"
|
|
302
|
+
},
|
|
303
|
+
{
|
|
304
|
+
text: "Mock Photo 2",
|
|
305
|
+
color: "#27ae60"
|
|
306
|
+
},
|
|
307
|
+
{
|
|
308
|
+
text: "Mock Photo 3",
|
|
309
|
+
color: "#e67e22"
|
|
310
|
+
}
|
|
311
|
+
];
|
|
312
|
+
let cachedPlaceholders = null;
|
|
313
|
+
function getDefaultPlaceholderImages() {
|
|
314
|
+
if (!cachedPlaceholders) cachedPlaceholders = DEFAULT_PLACEHOLDERS.map((p) => generatePlaceholderImage(320, 240, p.text, p.color));
|
|
315
|
+
return [...cachedPlaceholders];
|
|
316
|
+
}
|
|
317
|
+
/** @internal device 모듈 내부 전용 */
|
|
318
|
+
function getMockImages() {
|
|
319
|
+
const images = aitState.state.mockData.images;
|
|
320
|
+
if (images.length > 0) return images;
|
|
321
|
+
return getDefaultPlaceholderImages();
|
|
322
|
+
}
|
|
323
|
+
const PROMPT_TIMEOUT_MS = 3e4;
|
|
324
|
+
/** @internal device 모듈 내부 전용 */
|
|
325
|
+
function waitForPromptResponse(type) {
|
|
326
|
+
return new Promise((resolve, reject) => {
|
|
327
|
+
const eventName = `__ait:prompt-response:${type}`;
|
|
328
|
+
const cancelName = "__ait:prompt-cancel";
|
|
329
|
+
function cleanup() {
|
|
330
|
+
clearTimeout(timer);
|
|
331
|
+
window.removeEventListener(eventName, handler);
|
|
332
|
+
window.removeEventListener(cancelName, cancelHandler);
|
|
333
|
+
}
|
|
334
|
+
const timer = setTimeout(() => {
|
|
335
|
+
cleanup();
|
|
336
|
+
const hint = !!document.querySelector(".ait-panel") ? "Please provide input via the DevTools panel." : "Is @apps-in-toss/devtools/panel imported?";
|
|
337
|
+
reject(/* @__PURE__ */ new Error(`[@apps-in-toss/devtools] Prompt timeout for "${type}" after ${PROMPT_TIMEOUT_MS / 1e3}s. ${hint}`));
|
|
338
|
+
}, PROMPT_TIMEOUT_MS);
|
|
339
|
+
const handler = (e) => {
|
|
340
|
+
cleanup();
|
|
341
|
+
resolve(e.detail);
|
|
342
|
+
};
|
|
343
|
+
const cancelHandler = () => {
|
|
344
|
+
cleanup();
|
|
345
|
+
reject(/* @__PURE__ */ new Error(`[@apps-in-toss/devtools] Prompt cancelled for "${type}"`));
|
|
346
|
+
};
|
|
347
|
+
window.addEventListener(eventName, handler);
|
|
348
|
+
window.addEventListener(cancelName, cancelHandler);
|
|
349
|
+
window.dispatchEvent(new CustomEvent("__ait:prompt-request", { detail: { type } }));
|
|
350
|
+
});
|
|
351
|
+
}
|
|
352
|
+
//#endregion
|
|
331
353
|
//#region src/mock/native-error.ts
|
|
332
354
|
/**
|
|
333
355
|
* 실패-모드 다이얼 — 네이티브 에러 envelope 조립 (devtools#770).
|
|
@@ -428,118 +450,313 @@ function buildNativeError(code) {
|
|
|
428
450
|
return err;
|
|
429
451
|
}
|
|
430
452
|
//#endregion
|
|
431
|
-
//#region src/mock/
|
|
453
|
+
//#region src/mock/permissions.ts
|
|
432
454
|
/**
|
|
433
|
-
*
|
|
434
|
-
*
|
|
435
|
-
* @param apiName - 로그에 기록할 SDK 메서드 이름 (예: `'setScreenAwakeMode'`)
|
|
436
|
-
* @param fidelity - 이 mock의 fidelity grade ('faithful' | 'partial' | 'inert')
|
|
437
|
-
* @param fn - 실제 mock 구현체. 시그니처를 그대로 통과시킨다.
|
|
438
|
-
* @returns fn과 동일한 타입의 래퍼 함수
|
|
455
|
+
* web-framework 3.0+ 권한 에러 기반 클래스.
|
|
456
|
+
* `instanceof PermissionError`로 체크하는 코드와 호환된다.
|
|
439
457
|
*/
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
}
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
|
|
483
|
-
|
|
458
|
+
var PermissionError = class extends Error {
|
|
459
|
+
constructor({ methodName, message }) {
|
|
460
|
+
super(message ?? `${methodName}: permission denied`);
|
|
461
|
+
this.name = `${methodName}PermissionError`;
|
|
462
|
+
}
|
|
463
|
+
};
|
|
464
|
+
/** openCamera 권한 에러 */
|
|
465
|
+
var OpenCameraPermissionError = class extends PermissionError {
|
|
466
|
+
constructor() {
|
|
467
|
+
super({ methodName: "openCamera" });
|
|
468
|
+
}
|
|
469
|
+
};
|
|
470
|
+
/** fetchAlbumPhotos 권한 에러 */
|
|
471
|
+
var FetchAlbumPhotosPermissionError = class extends PermissionError {
|
|
472
|
+
constructor() {
|
|
473
|
+
super({ methodName: "fetchAlbumPhotos" });
|
|
474
|
+
}
|
|
475
|
+
};
|
|
476
|
+
/** fetchContacts 권한 에러 */
|
|
477
|
+
var FetchContactsPermissionError = class extends PermissionError {
|
|
478
|
+
constructor() {
|
|
479
|
+
super({ methodName: "fetchContacts" });
|
|
480
|
+
}
|
|
481
|
+
};
|
|
482
|
+
/** getCurrentLocation 권한 에러 */
|
|
483
|
+
var GetCurrentLocationPermissionError = class extends PermissionError {
|
|
484
|
+
constructor() {
|
|
485
|
+
super({ methodName: "getCurrentLocation" });
|
|
486
|
+
}
|
|
487
|
+
};
|
|
488
|
+
/** getClipboardText 권한 에러 */
|
|
489
|
+
var GetClipboardTextPermissionError = class extends PermissionError {
|
|
490
|
+
constructor() {
|
|
491
|
+
super({ methodName: "getClipboardText" });
|
|
492
|
+
}
|
|
493
|
+
};
|
|
494
|
+
/** setClipboardText 권한 에러 */
|
|
495
|
+
var SetClipboardTextPermissionError = class extends PermissionError {
|
|
496
|
+
constructor() {
|
|
497
|
+
super({ methodName: "setClipboardText" });
|
|
498
|
+
}
|
|
499
|
+
};
|
|
500
|
+
/**
|
|
501
|
+
* startUpdateLocation 권한 에러.
|
|
502
|
+
* web-framework 3.0에서 GetCurrentLocationPermissionError의 alias.
|
|
503
|
+
*/
|
|
504
|
+
const StartUpdateLocationPermissionError = GetCurrentLocationPermissionError;
|
|
505
|
+
const permissionErrorMap = {
|
|
506
|
+
openCamera: OpenCameraPermissionError,
|
|
507
|
+
fetchAlbumPhotos: FetchAlbumPhotosPermissionError,
|
|
508
|
+
fetchAlbumItems: FetchAlbumPhotosPermissionError,
|
|
509
|
+
fetchContacts: FetchContactsPermissionError,
|
|
510
|
+
getCurrentLocation: GetCurrentLocationPermissionError,
|
|
511
|
+
getClipboardText: GetClipboardTextPermissionError,
|
|
512
|
+
setClipboardText: SetClipboardTextPermissionError
|
|
513
|
+
};
|
|
514
|
+
async function getPermission(permission) {
|
|
515
|
+
const failureCode = permissionGateCode(permission);
|
|
516
|
+
if (failureCode) throw buildNativeError(failureCode);
|
|
517
|
+
return aitState.state.permissions[permission.name];
|
|
484
518
|
}
|
|
485
519
|
/**
|
|
486
|
-
*
|
|
487
|
-
*
|
|
488
|
-
*
|
|
489
|
-
* - 기타 객체 — JSON.stringify 실패 시 `'[unserializable]'`.
|
|
520
|
+
* 선언 게이트에 걸리는 이름·access 조합이면 다이얼에 등록된 native errorCode를
|
|
521
|
+
* 돌려준다. 세 권한 API(`getPermission`/`requestPermission`/`openPermissionDialog`)가
|
|
522
|
+
* **걸리는 조건**은 공유하지만 **떨어지는 코드**는 공유하지 않는다 — 아래 참조.
|
|
490
523
|
*/
|
|
491
|
-
function
|
|
492
|
-
if (
|
|
493
|
-
|
|
494
|
-
if (typeof value !== "object") return value;
|
|
495
|
-
try {
|
|
496
|
-
return JSON.parse(JSON.stringify(value));
|
|
497
|
-
} catch {
|
|
498
|
-
return "[unserializable]";
|
|
499
|
-
}
|
|
524
|
+
function permissionGateCode(permission) {
|
|
525
|
+
if (permission.access === "access") return;
|
|
526
|
+
return aitState.state.failureModes.getPermission?.[permission.name];
|
|
500
527
|
}
|
|
501
|
-
//#endregion
|
|
502
|
-
//#region src/mock/proxy.ts
|
|
503
528
|
/**
|
|
504
|
-
*
|
|
529
|
+
* `openPermissionDialog`가 선언 게이트에 걸렸을 때의 코드.
|
|
505
530
|
*
|
|
506
|
-
*
|
|
507
|
-
*
|
|
508
|
-
* mock이 미구현인 API는 실 SDK에서는 존재할 수 있고, 사용자가 이를 인지하지
|
|
509
|
-
* 못한 채 개발을 이어가면 배포 시점에 놀라게 된다. 에러 메시지에 이슈 URL을
|
|
510
|
-
* 포함해 사용자가 mock 누락을 제보할 수 있게 한다.
|
|
531
|
+
* 형제 API와 갈린다 — env3 run11 실측(2.x/iOS, sdk-example#313에서 시나리오 키가
|
|
532
|
+
* 통일되며 비교 대상에 들어온 값):
|
|
511
533
|
*
|
|
512
|
-
*
|
|
513
|
-
*
|
|
514
|
-
*
|
|
515
|
-
*
|
|
534
|
+
* getPermission { geolocation, read } → rejected NO_PERMISSION
|
|
535
|
+
* requestPermission { geolocation, read } → rejected NO_PERMISSION
|
|
536
|
+
* openPermissionDialog { geolocation, read } → rejected INVALID_REQUEST
|
|
537
|
+
* openPermissionDialog { camera, access } → resolved
|
|
538
|
+
*
|
|
539
|
+
* 즉 **걸리는 조건은 셋이 같고(access 축 모델 그대로) 코드만 갈린다.** 처음엔
|
|
540
|
+
* `requestPermission`이 `openPermissionDialog`에 위임하니 게이트도 위임하면
|
|
541
|
+
* 된다고 보고 한 지점에만 배선했는데, 그 모델은 코드 층위에서 실측과 어긋났다
|
|
542
|
+
* (env1 NO_PERMISSION ↔ env3 INVALID_REQUEST). 그래서 `requestPermission`은
|
|
543
|
+
* 위임 **전에** 자기 게이트를 먼저 타고, 다이얼로그를 여는 호출만 이 코드를 쓴다.
|
|
544
|
+
*
|
|
545
|
+
* 관측이 geolocation/read 한 조합뿐이라 이름·access별 분기는 두지 않는다 —
|
|
546
|
+
* 근거 없는 확장은 #783에서 이름 단위 맵을 택한 원칙에 어긋난다.
|
|
516
547
|
*/
|
|
517
|
-
const
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
548
|
+
const OPEN_DIALOG_GATE_CODE = "INVALID_REQUEST";
|
|
549
|
+
async function openPermissionDialog(permission) {
|
|
550
|
+
if (permissionGateCode(permission)) throw buildNativeError(OPEN_DIALOG_GATE_CODE);
|
|
551
|
+
if (aitState.state.permissions[permission.name] === "allowed") return "allowed";
|
|
552
|
+
aitState.patch("permissions", { [permission.name]: "allowed" });
|
|
553
|
+
return "allowed";
|
|
554
|
+
}
|
|
555
|
+
async function requestPermission(permission) {
|
|
556
|
+
const failureCode = permissionGateCode(permission);
|
|
557
|
+
if (failureCode) throw buildNativeError(failureCode);
|
|
558
|
+
return openPermissionDialog(permission);
|
|
559
|
+
}
|
|
560
|
+
/** 권한이 필요한 함수에 .getPermission(), .openPermissionDialog()를 부착 */
|
|
561
|
+
function withPermission(fn, permissionName) {
|
|
562
|
+
const enhanced = fn;
|
|
563
|
+
enhanced.getPermission = () => getPermission({
|
|
564
|
+
name: permissionName,
|
|
565
|
+
access: "access"
|
|
566
|
+
});
|
|
567
|
+
enhanced.openPermissionDialog = () => openPermissionDialog({
|
|
568
|
+
name: permissionName,
|
|
569
|
+
access: "access"
|
|
570
|
+
});
|
|
571
|
+
return enhanced;
|
|
572
|
+
}
|
|
573
|
+
/**
|
|
574
|
+
* 권한 체크 후 denied면 per-API *PermissionError 서브클래스를 throw한다.
|
|
575
|
+
* 실 3.0 SDK 동작과 일치 — `instanceof PermissionError` 분기가 mock에서도 동작한다 (#372).
|
|
522
576
|
*/
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
if (
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
|
|
577
|
+
function checkPermission(name, fnName) {
|
|
578
|
+
if (aitState.state.permissions[name] === "denied") {
|
|
579
|
+
const ErrorClass = permissionErrorMap[fnName];
|
|
580
|
+
if (ErrorClass) throw new ErrorClass();
|
|
581
|
+
throw new PermissionError({ methodName: fnName });
|
|
582
|
+
}
|
|
583
|
+
}
|
|
584
|
+
//#endregion
|
|
585
|
+
//#region src/mock/device/camera.ts
|
|
586
|
+
/**
|
|
587
|
+
* Camera & Album Photos & Album Items mock
|
|
588
|
+
* mock/web/prompt 모드 지원
|
|
589
|
+
*/
|
|
590
|
+
async function openCameraMock() {
|
|
591
|
+
const images = getMockImages();
|
|
592
|
+
return {
|
|
593
|
+
id: crypto.randomUUID(),
|
|
594
|
+
dataUri: images[0]
|
|
595
|
+
};
|
|
596
|
+
}
|
|
597
|
+
async function openCameraWeb() {
|
|
598
|
+
return new Promise((resolve, reject) => {
|
|
599
|
+
const input = document.createElement("input");
|
|
600
|
+
input.type = "file";
|
|
601
|
+
input.accept = "image/*";
|
|
602
|
+
input.capture = "environment";
|
|
603
|
+
let settled = false;
|
|
604
|
+
input.onchange = () => {
|
|
605
|
+
settled = true;
|
|
606
|
+
const file = input.files?.[0];
|
|
607
|
+
if (!file) {
|
|
608
|
+
reject(/* @__PURE__ */ new Error("No file selected"));
|
|
609
|
+
return;
|
|
610
|
+
}
|
|
611
|
+
const reader = new FileReader();
|
|
612
|
+
reader.onload = () => resolve({
|
|
613
|
+
id: crypto.randomUUID(),
|
|
614
|
+
dataUri: reader.result
|
|
538
615
|
});
|
|
616
|
+
reader.onerror = () => reject(/* @__PURE__ */ new Error("Failed to read file"));
|
|
617
|
+
reader.readAsDataURL(file);
|
|
539
618
|
};
|
|
540
|
-
|
|
541
|
-
|
|
619
|
+
const onFocus = () => {
|
|
620
|
+
setTimeout(() => {
|
|
621
|
+
if (!settled) reject(/* @__PURE__ */ new Error("File picker cancelled"));
|
|
622
|
+
window.removeEventListener("focus", onFocus);
|
|
623
|
+
}, 300);
|
|
624
|
+
};
|
|
625
|
+
window.addEventListener("focus", onFocus);
|
|
626
|
+
input.click();
|
|
627
|
+
});
|
|
628
|
+
}
|
|
629
|
+
async function openCameraPrompt() {
|
|
630
|
+
const dataUri = await waitForPromptResponse("camera");
|
|
631
|
+
return {
|
|
632
|
+
id: crypto.randomUUID(),
|
|
633
|
+
dataUri
|
|
634
|
+
};
|
|
635
|
+
}
|
|
636
|
+
const _openCamera = async (_options) => {
|
|
637
|
+
checkPermission("camera", "openCamera");
|
|
638
|
+
const mode = aitState.state.deviceModes.camera;
|
|
639
|
+
if (mode === "web") return openCameraWeb();
|
|
640
|
+
if (mode === "prompt") return openCameraPrompt();
|
|
641
|
+
return openCameraMock();
|
|
642
|
+
};
|
|
643
|
+
const openCamera = withPermission(_openCamera, "camera");
|
|
644
|
+
async function fetchAlbumPhotosMock(maxCount) {
|
|
645
|
+
return getMockImages().slice(0, maxCount).map((dataUri) => ({
|
|
646
|
+
id: crypto.randomUUID(),
|
|
647
|
+
dataUri
|
|
648
|
+
}));
|
|
649
|
+
}
|
|
650
|
+
async function fetchAlbumPhotosWeb(maxCount) {
|
|
651
|
+
return new Promise((resolve, reject) => {
|
|
652
|
+
const input = document.createElement("input");
|
|
653
|
+
input.type = "file";
|
|
654
|
+
input.accept = "image/*";
|
|
655
|
+
input.multiple = true;
|
|
656
|
+
let settled = false;
|
|
657
|
+
input.onchange = async () => {
|
|
658
|
+
settled = true;
|
|
659
|
+
const files = Array.from(input.files ?? []).slice(0, maxCount);
|
|
660
|
+
if (files.length === 0) {
|
|
661
|
+
reject(/* @__PURE__ */ new Error("No files selected"));
|
|
662
|
+
return;
|
|
663
|
+
}
|
|
664
|
+
resolve(await Promise.all(files.map((file) => new Promise((res, rej) => {
|
|
665
|
+
const reader = new FileReader();
|
|
666
|
+
reader.onload = () => res({
|
|
667
|
+
id: crypto.randomUUID(),
|
|
668
|
+
dataUri: reader.result
|
|
669
|
+
});
|
|
670
|
+
reader.onerror = () => rej(/* @__PURE__ */ new Error("Failed to read file"));
|
|
671
|
+
reader.readAsDataURL(file);
|
|
672
|
+
}))));
|
|
673
|
+
};
|
|
674
|
+
const onFocus = () => {
|
|
675
|
+
setTimeout(() => {
|
|
676
|
+
if (!settled) reject(/* @__PURE__ */ new Error("File picker cancelled"));
|
|
677
|
+
window.removeEventListener("focus", onFocus);
|
|
678
|
+
}, 300);
|
|
679
|
+
};
|
|
680
|
+
window.addEventListener("focus", onFocus);
|
|
681
|
+
input.click();
|
|
682
|
+
});
|
|
683
|
+
}
|
|
684
|
+
async function fetchAlbumPhotosPrompt(maxCount) {
|
|
685
|
+
return (await waitForPromptResponse("photos")).slice(0, maxCount).map((dataUri) => ({
|
|
686
|
+
id: crypto.randomUUID(),
|
|
687
|
+
dataUri
|
|
688
|
+
}));
|
|
689
|
+
}
|
|
690
|
+
const _fetchAlbumPhotos = async (options) => {
|
|
691
|
+
checkPermission("photos", "fetchAlbumPhotos");
|
|
692
|
+
const maxCount = options?.maxCount ?? 10;
|
|
693
|
+
const mode = aitState.state.deviceModes.photos;
|
|
694
|
+
if (mode === "web") return fetchAlbumPhotosWeb(maxCount);
|
|
695
|
+
if (mode === "prompt") return fetchAlbumPhotosPrompt(maxCount);
|
|
696
|
+
return fetchAlbumPhotosMock(maxCount);
|
|
697
|
+
};
|
|
698
|
+
const fetchAlbumPhotos = withPermission(_fetchAlbumPhotos, "photos");
|
|
699
|
+
async function fetchAlbumItemsMock(maxCount, types) {
|
|
700
|
+
return getMockImages().slice(0, maxCount).filter(() => types.includes("PHOTO")).map((dataUri) => ({
|
|
701
|
+
id: crypto.randomUUID(),
|
|
702
|
+
dataUri,
|
|
703
|
+
type: "PHOTO"
|
|
704
|
+
}));
|
|
705
|
+
}
|
|
706
|
+
async function fetchAlbumItemsWeb(maxCount, types) {
|
|
707
|
+
return new Promise((resolve) => {
|
|
708
|
+
const input = document.createElement("input");
|
|
709
|
+
input.type = "file";
|
|
710
|
+
input.accept = types.includes("VIDEO") ? "image/*,video/*" : "image/*";
|
|
711
|
+
input.multiple = true;
|
|
712
|
+
let settled = false;
|
|
713
|
+
input.onchange = async () => {
|
|
714
|
+
settled = true;
|
|
715
|
+
const files = Array.from(input.files ?? []).slice(0, maxCount);
|
|
716
|
+
if (files.length === 0) {
|
|
717
|
+
resolve([]);
|
|
718
|
+
return;
|
|
719
|
+
}
|
|
720
|
+
resolve(await Promise.all(files.map((file) => new Promise((res, rej) => {
|
|
721
|
+
const itemType = file.type.startsWith("video/") ? "VIDEO" : "PHOTO";
|
|
722
|
+
const reader = new FileReader();
|
|
723
|
+
reader.onload = () => res({
|
|
724
|
+
id: crypto.randomUUID(),
|
|
725
|
+
dataUri: reader.result,
|
|
726
|
+
type: itemType
|
|
727
|
+
});
|
|
728
|
+
reader.onerror = () => rej(/* @__PURE__ */ new Error("Failed to read file"));
|
|
729
|
+
reader.readAsDataURL(file);
|
|
730
|
+
}))));
|
|
731
|
+
};
|
|
732
|
+
const onFocus = () => {
|
|
733
|
+
setTimeout(() => {
|
|
734
|
+
if (!settled) resolve([]);
|
|
735
|
+
window.removeEventListener("focus", onFocus);
|
|
736
|
+
}, 300);
|
|
737
|
+
};
|
|
738
|
+
window.addEventListener("focus", onFocus);
|
|
739
|
+
input.click();
|
|
740
|
+
});
|
|
542
741
|
}
|
|
742
|
+
async function fetchAlbumItemsPrompt(maxCount) {
|
|
743
|
+
return (await waitForPromptResponse("photos")).slice(0, maxCount).map((dataUri) => ({
|
|
744
|
+
id: crypto.randomUUID(),
|
|
745
|
+
dataUri,
|
|
746
|
+
type: "PHOTO"
|
|
747
|
+
}));
|
|
748
|
+
}
|
|
749
|
+
const _fetchAlbumItems = async (options) => {
|
|
750
|
+
checkPermission("photos", "fetchAlbumItems");
|
|
751
|
+
const maxCount = options?.maxCount ?? 10;
|
|
752
|
+
const types = options?.types ?? ["PHOTO"];
|
|
753
|
+
const mode = aitState.state.deviceModes.photos;
|
|
754
|
+
if (mode === "web") return fetchAlbumItemsWeb(maxCount, types);
|
|
755
|
+
if (mode === "prompt") return fetchAlbumItemsPrompt(maxCount);
|
|
756
|
+
return fetchAlbumItemsMock(maxCount, types);
|
|
757
|
+
};
|
|
758
|
+
const _fetchAlbumItemsWithPermission = withPermission(_fetchAlbumItems, "photos");
|
|
759
|
+
const fetchAlbumItems = Object.assign(_fetchAlbumItemsWithPermission, { isSupported: () => true });
|
|
543
760
|
//#endregion
|
|
544
761
|
//#region src/mock/throttle.ts
|
|
545
762
|
/**
|
|
@@ -585,1017 +802,1269 @@ function checkThrottle(method) {
|
|
|
585
802
|
if (err) throw err;
|
|
586
803
|
}
|
|
587
804
|
//#endregion
|
|
588
|
-
//#region src/mock/
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
const
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
|
|
601
|
-
setTimeout(() => {
|
|
602
|
-
const failureCode = aitState.state.failureModes.loadAdMob;
|
|
603
|
-
if (failureCode) {
|
|
604
|
-
args.onError(buildNativeError(failureCode));
|
|
605
|
-
return;
|
|
606
|
-
}
|
|
607
|
-
const throttleError = throttleErrorFor("loadAppsInTossAdMob");
|
|
608
|
-
if (throttleError) {
|
|
609
|
-
args.onError(throttleError);
|
|
610
|
-
return;
|
|
611
|
-
}
|
|
612
|
-
if (aitState.state.ads.forceNoFill) {
|
|
613
|
-
args.onError(/* @__PURE__ */ new Error("No fill"));
|
|
614
|
-
return;
|
|
615
|
-
}
|
|
616
|
-
aitState.patch("ads", { isLoaded: true });
|
|
617
|
-
args.onEvent({
|
|
618
|
-
type: "loaded",
|
|
619
|
-
data: {
|
|
620
|
-
adGroupId: args.options.adGroupId,
|
|
621
|
-
adUnitId: `mock-unit-${args.options.adGroupId}`,
|
|
622
|
-
responseInfo: {
|
|
623
|
-
responseId: `mock-response-${args.options.adGroupId}`,
|
|
624
|
-
adNetworkInfoArray: [],
|
|
625
|
-
loadedAdNetworkInfo: null
|
|
626
|
-
}
|
|
627
|
-
}
|
|
628
|
-
});
|
|
629
|
-
}, 200);
|
|
630
|
-
return () => {};
|
|
631
|
-
})),
|
|
632
|
-
showAppsInTossAdMob: withIsSupported(observe("GoogleAdMob.showAppsInTossAdMob", "faithful", (args) => {
|
|
633
|
-
if (!aitState.state.ads.isLoaded) {
|
|
634
|
-
args.onError(/* @__PURE__ */ new Error("Ad not loaded"));
|
|
635
|
-
return () => {};
|
|
636
|
-
}
|
|
637
|
-
const { rewardUnitType, rewardAmount } = aitState.state.ads;
|
|
638
|
-
setTimeout(() => args.onEvent({
|
|
639
|
-
type: "userEarnedReward",
|
|
640
|
-
data: {
|
|
641
|
-
unitType: rewardUnitType,
|
|
642
|
-
unitAmount: rewardAmount
|
|
643
|
-
}
|
|
644
|
-
}), 1e3);
|
|
645
|
-
setTimeout(() => {
|
|
646
|
-
args.onEvent({ type: "dismissed" });
|
|
647
|
-
aitState.patch("ads", { isLoaded: false });
|
|
648
|
-
}, 1500);
|
|
649
|
-
return () => {};
|
|
650
|
-
})),
|
|
651
|
-
isAppsInTossAdMobLoaded: withIsSupported(observe("GoogleAdMob.isAppsInTossAdMobLoaded", "faithful", async (_options) => {
|
|
652
|
-
if (_options?.adGroupId !== void 0 && _options.adGroupId.trim() === "") throw buildNativeError("INVALID_REQUEST");
|
|
653
|
-
return aitState.state.ads.isLoaded;
|
|
654
|
-
}))
|
|
655
|
-
});
|
|
656
|
-
const TossAds = createMockProxy("TossAds", {
|
|
657
|
-
initialize: withIsSupported(observe("TossAds.initialize", "partial", (options) => {
|
|
658
|
-
if (aitState.state.ads.forceNoFill) {
|
|
659
|
-
options.callbacks?.onInitializationFailed?.(/* @__PURE__ */ new Error("No fill"));
|
|
660
|
-
return;
|
|
661
|
-
}
|
|
662
|
-
options.callbacks?.onInitialized?.();
|
|
663
|
-
})),
|
|
664
|
-
attach: withIsSupported(observe("TossAds.attach", "partial", (_adGroupId, target, _options) => {
|
|
665
|
-
const el = typeof target === "string" ? document.querySelector(target) : target;
|
|
666
|
-
if (el) {
|
|
667
|
-
const placeholder = document.createElement("div");
|
|
668
|
-
placeholder.style.cssText = "background:#f0f0f0;border:1px dashed #999;padding:16px;text-align:center;color:#666;font-size:14px;";
|
|
669
|
-
placeholder.textContent = "[@apps-in-toss/devtools] TossAds Placeholder";
|
|
670
|
-
el.appendChild(placeholder);
|
|
671
|
-
}
|
|
672
|
-
})),
|
|
673
|
-
attachBanner: withIsSupported(observe("TossAds.attachBanner", "faithful", (adGroupId, target, options) => {
|
|
674
|
-
const el = typeof target === "string" ? document.querySelector(target) : target;
|
|
675
|
-
const slotId = _nextSlotId(adGroupId);
|
|
676
|
-
const placeholder = document.createElement("div");
|
|
677
|
-
const theme = options?.theme ?? "auto";
|
|
678
|
-
const variant = options?.variant ?? "card";
|
|
679
|
-
const isDark = theme === "dark" || theme === "auto" && typeof window !== "undefined" && window.matchMedia?.("(prefers-color-scheme: dark)").matches;
|
|
680
|
-
const bg = isDark ? "#1a1a1a" : "#f0f0f0";
|
|
681
|
-
const textColor = isDark ? "#aaa" : "#666";
|
|
682
|
-
const borderColor = isDark ? "#555" : "#999";
|
|
683
|
-
const height = variant === "expanded" ? "120px" : "60px";
|
|
684
|
-
placeholder.dataset.aitSlotId = slotId;
|
|
685
|
-
placeholder.style.cssText = `background:${bg};border:1px dashed ${borderColor};padding:8px 12px;text-align:center;color:${textColor};font-size:12px;min-height:${height};display:flex;align-items:center;justify-content:center;`;
|
|
686
|
-
placeholder.textContent = `[@apps-in-toss/devtools] Banner Ad (${variant})`;
|
|
687
|
-
if (el) {
|
|
688
|
-
el.appendChild(placeholder);
|
|
689
|
-
_slotRegistry.set(slotId, placeholder);
|
|
690
|
-
}
|
|
691
|
-
const destroySlot = () => {
|
|
692
|
-
const registered = _slotRegistry.get(slotId);
|
|
693
|
-
if (registered) {
|
|
694
|
-
registered.remove();
|
|
695
|
-
_slotRegistry.delete(slotId);
|
|
696
|
-
}
|
|
697
|
-
};
|
|
698
|
-
setTimeout(() => {
|
|
699
|
-
if (aitState.state.ads.forceNoFill) {
|
|
700
|
-
options?.callbacks?.onNoFill?.({
|
|
701
|
-
slotId,
|
|
702
|
-
adGroupId,
|
|
703
|
-
adMetadata: {}
|
|
704
|
-
});
|
|
705
|
-
options?.callbacks?.onAdFailedToRender?.({
|
|
706
|
-
slotId,
|
|
707
|
-
adGroupId,
|
|
708
|
-
adMetadata: {},
|
|
709
|
-
error: {
|
|
710
|
-
code: 0,
|
|
711
|
-
message: "No fill"
|
|
712
|
-
}
|
|
713
|
-
});
|
|
714
|
-
return;
|
|
715
|
-
}
|
|
716
|
-
const eventPayload = {
|
|
717
|
-
slotId,
|
|
718
|
-
adGroupId,
|
|
719
|
-
adMetadata: {
|
|
720
|
-
creativeId: `mock-creative-${slotId}`,
|
|
721
|
-
requestId: `mock-req-${slotId}`
|
|
722
|
-
}
|
|
723
|
-
};
|
|
724
|
-
options?.callbacks?.onAdRendered?.(eventPayload);
|
|
725
|
-
options?.callbacks?.onAdImpression?.(eventPayload);
|
|
726
|
-
}, 100);
|
|
727
|
-
return { destroy: destroySlot };
|
|
728
|
-
})),
|
|
729
|
-
destroy: withIsSupported(observe("TossAds.destroy", "faithful", (slotId) => {
|
|
730
|
-
const el = _slotRegistry.get(slotId);
|
|
731
|
-
if (el) {
|
|
732
|
-
el.remove();
|
|
733
|
-
_slotRegistry.delete(slotId);
|
|
734
|
-
}
|
|
735
|
-
})),
|
|
736
|
-
destroyAll: withIsSupported(observe("TossAds.destroyAll", "faithful", () => {
|
|
737
|
-
for (const el of _slotRegistry.values()) el.remove();
|
|
738
|
-
_slotRegistry.clear();
|
|
739
|
-
}))
|
|
740
|
-
});
|
|
741
|
-
const loadFullScreenAd = observe("loadFullScreenAd", "faithful", (args) => {
|
|
742
|
-
setTimeout(() => {
|
|
743
|
-
const failureCode = aitState.state.failureModes.loadFullScreenAd;
|
|
744
|
-
if (failureCode) {
|
|
745
|
-
args.onError(buildNativeError(failureCode));
|
|
746
|
-
return;
|
|
747
|
-
}
|
|
748
|
-
const throttleError = throttleErrorFor("loadFullScreenAd");
|
|
749
|
-
if (throttleError) {
|
|
750
|
-
args.onError(throttleError);
|
|
751
|
-
return;
|
|
752
|
-
}
|
|
753
|
-
if (aitState.state.ads.forceNoFill) {
|
|
754
|
-
args.onError(/* @__PURE__ */ new Error("No fill"));
|
|
755
|
-
return;
|
|
756
|
-
}
|
|
757
|
-
aitState.patch("ads", { isLoaded: true });
|
|
758
|
-
args.onEvent({ type: "loaded" });
|
|
759
|
-
}, 200);
|
|
760
|
-
return () => {};
|
|
761
|
-
});
|
|
762
|
-
const showFullScreenAd = withIsSupported(observe("showFullScreenAd", "faithful", (args) => {
|
|
763
|
-
if (!aitState.state.ads.isLoaded) {
|
|
764
|
-
args.onError(/* @__PURE__ */ new Error("Ad not loaded"));
|
|
765
|
-
return () => {};
|
|
805
|
+
//#region src/mock/device/clipboard.ts
|
|
806
|
+
/**
|
|
807
|
+
* Clipboard mock
|
|
808
|
+
* mock/web 모드 지원
|
|
809
|
+
*/
|
|
810
|
+
const _getClipboardText = async () => {
|
|
811
|
+
checkPermission("clipboard", "getClipboardText");
|
|
812
|
+
checkThrottle("getClipboardText");
|
|
813
|
+
if (aitState.state.deviceModes.clipboard === "mock") return aitState.state.mockData.clipboardText;
|
|
814
|
+
try {
|
|
815
|
+
return await navigator.clipboard.readText();
|
|
816
|
+
} catch {
|
|
817
|
+
return "";
|
|
766
818
|
}
|
|
767
|
-
|
|
768
|
-
|
|
769
|
-
|
|
770
|
-
|
|
819
|
+
};
|
|
820
|
+
const getClipboardText = withPermission(_getClipboardText, "clipboard");
|
|
821
|
+
const _setClipboardText = async (text) => {
|
|
822
|
+
checkPermission("clipboard", "setClipboardText");
|
|
823
|
+
checkThrottle("setClipboardText");
|
|
824
|
+
if (aitState.state.deviceModes.clipboard === "mock") {
|
|
825
|
+
aitState.patch("mockData", { clipboardText: text });
|
|
826
|
+
return { text };
|
|
827
|
+
}
|
|
828
|
+
await navigator.clipboard.writeText(text);
|
|
829
|
+
return { text };
|
|
830
|
+
};
|
|
831
|
+
const setClipboardText = withPermission(_setClipboardText, "clipboard");
|
|
771
832
|
//#endregion
|
|
772
|
-
//#region src/mock/
|
|
833
|
+
//#region src/mock/device/contacts.ts
|
|
834
|
+
const _fetchContacts = async (options) => {
|
|
835
|
+
checkPermission("contacts", "fetchContacts");
|
|
836
|
+
let contacts = aitState.state.contacts;
|
|
837
|
+
if (options.query?.contains) {
|
|
838
|
+
const q = options.query.contains.toLowerCase();
|
|
839
|
+
contacts = contacts.filter((c) => c.name.toLowerCase().includes(q) || c.phoneNumber.includes(q));
|
|
840
|
+
}
|
|
841
|
+
const sliced = contacts.slice(options.offset, options.offset + options.size);
|
|
842
|
+
const nextOffset = options.offset + options.size;
|
|
843
|
+
return {
|
|
844
|
+
result: sliced,
|
|
845
|
+
nextOffset: nextOffset < contacts.length ? nextOffset : null,
|
|
846
|
+
done: nextOffset >= contacts.length
|
|
847
|
+
};
|
|
848
|
+
};
|
|
773
849
|
/**
|
|
774
|
-
*
|
|
850
|
+
* 상류 SDK는 `fetchContacts`의 타입에 `.getPermission`/`.openPermissionDialog`를
|
|
851
|
+
* `PermissionFunctionWithDialog`로 선언하지만, 실기기(2.x×iOS)에는 그 메서드가
|
|
852
|
+
* **런타임에 붙어 있지 않다**(devtools#795 — 호출 시 `fetchContacts.getPermission
|
|
853
|
+
* is not a function` native `TypeError`). standalone `getPermission({name:
|
|
854
|
+
* 'contacts', access: 'access'})`는 실기기에서 정상 resolve하므로(env3 run11,
|
|
855
|
+
* `../permissions.ts`) 부재는 fetchContacts에 **부착된** 메서드에만 해당하는
|
|
856
|
+
* 상류 타입↔런타임 불일치다.
|
|
857
|
+
*
|
|
858
|
+
* mock은 다른 device API처럼 `withPermission()`으로 감싸지 않고, bare async fn을
|
|
859
|
+
* 상류 시그니처로만 캐스트한다 — `.getPermission`/`.openPermissionDialog` 접근은
|
|
860
|
+
* `undefined`가 되고, 호출하면 `undefined()` → native `TypeError`로 떨어져
|
|
861
|
+
* 실기기와 일치한다(`__typecheck.ts`/`__typecheck-2x.ts`는 캐스트 타입에 두
|
|
862
|
+
* 메서드가 여전히 남아 있어 그대로 통과). `_fetchContacts` 내부에서 이미
|
|
863
|
+
* `checkPermission`을 호출하므로 메인 동작(권한 거부 시
|
|
864
|
+
* `FetchContactsPermissionError`)은 변화 없다.
|
|
865
|
+
*
|
|
866
|
+
* 직접 관측된 것은 `getPermission` 부재뿐이다. `openPermissionDialog` 부재는
|
|
867
|
+
* "상류가 fetchContacts에 권한 헬퍼 전체를 붙이지 않는다"는 합리적 추론이지
|
|
868
|
+
* 별도 실측은 아니다. 다른 `withPermission` API(clipboard/camera/location)로는
|
|
869
|
+
* 이 부재를 확장하지 않는다 — 그쪽 부착 메서드가 실기기에서 없다는 관측은
|
|
870
|
+
* 없다(#783 "측정 밖 확장 금지" 원칙).
|
|
775
871
|
*/
|
|
776
|
-
const
|
|
777
|
-
|
|
778
|
-
|
|
779
|
-
|
|
780
|
-
|
|
781
|
-
|
|
782
|
-
|
|
783
|
-
|
|
784
|
-
|
|
785
|
-
|
|
786
|
-
|
|
787
|
-
|
|
788
|
-
|
|
789
|
-
|
|
790
|
-
|
|
791
|
-
|
|
792
|
-
|
|
793
|
-
|
|
794
|
-
|
|
795
|
-
|
|
796
|
-
|
|
797
|
-
|
|
872
|
+
const fetchContacts = _fetchContacts;
|
|
873
|
+
//#endregion
|
|
874
|
+
//#region src/mock/device/haptic.ts
|
|
875
|
+
/**
|
|
876
|
+
* Haptic Feedback & saveBase64Data mock
|
|
877
|
+
*
|
|
878
|
+
* generateHapticFeedback — 영역 3 (하드웨어 API 관측):
|
|
879
|
+
* - 10종 HapticFeedbackType을 navigator.vibrate 패턴으로 매핑(근사, best-effort).
|
|
880
|
+
* - `typeof navigator.vibrate === 'function'` 가드 — API 없는 환경에서 throw 없이 skip.
|
|
881
|
+
* - @ait-co/polyfill 동시 사용 시 재귀 방지: polyfill이 navigator.vibrate를 override하고
|
|
882
|
+
* 내부에서 mock의 generateHapticFeedback을 호출하므로 무한 재귀가 발생한다. polyfill이
|
|
883
|
+
* 원본 vibrate를 BACKUP_KEY(Symbol.for('@ait-co/polyfill/vibrate.original'))에 저장하면
|
|
884
|
+
* 그 원본을 직접 호출해 재귀를 끊는다.
|
|
885
|
+
* - sdkCallLog에 🟡(partial)로 기록. params: { hapticType, vibrated: boolean }.
|
|
886
|
+
* - 시그니처 불변 — __typecheck.ts의 Assert<Mock, Original> 통과.
|
|
887
|
+
*/
|
|
888
|
+
/**
|
|
889
|
+
* HapticFeedbackType 10종 → navigator.vibrate 패턴 매핑.
|
|
890
|
+
* 숫자: 진동 ms. 배열: [진동, 정지, 진동, …] 교대 패턴.
|
|
891
|
+
*/
|
|
892
|
+
const HAPTIC_VIBRATE_PATTERN = {
|
|
893
|
+
tickWeak: 10,
|
|
894
|
+
tap: 20,
|
|
895
|
+
tickMedium: 30,
|
|
896
|
+
softMedium: 40,
|
|
897
|
+
basicWeak: 15,
|
|
898
|
+
basicMedium: 50,
|
|
899
|
+
success: [
|
|
900
|
+
10,
|
|
901
|
+
40,
|
|
902
|
+
10
|
|
903
|
+
],
|
|
904
|
+
error: [
|
|
905
|
+
40,
|
|
906
|
+
30,
|
|
907
|
+
40
|
|
908
|
+
],
|
|
909
|
+
wiggle: [
|
|
910
|
+
20,
|
|
911
|
+
20,
|
|
912
|
+
20,
|
|
913
|
+
20,
|
|
914
|
+
20
|
|
915
|
+
],
|
|
916
|
+
confetti: [
|
|
917
|
+
10,
|
|
918
|
+
20,
|
|
919
|
+
10,
|
|
920
|
+
20,
|
|
921
|
+
10,
|
|
922
|
+
20,
|
|
923
|
+
10
|
|
924
|
+
]
|
|
798
925
|
};
|
|
799
|
-
|
|
926
|
+
/**
|
|
927
|
+
* navigator.vibrate를 안전하게 호출한다.
|
|
928
|
+
*
|
|
929
|
+
* @ait-co/polyfill/auto가 설치된 환경에서는 navigator.vibrate가 polyfill shim으로
|
|
930
|
+
* override되어 있고, 그 shim은 내부적으로 mock의 generateHapticFeedback을 호출한다.
|
|
931
|
+
* mock이 다시 navigator.vibrate(현재 = shim)를 호출하면 무한 재귀가 발생한다.
|
|
932
|
+
* polyfill은 원본 vibrate를 BACKUP_KEY에 저장하므로 그쪽을 직접 호출한다.
|
|
933
|
+
*/
|
|
934
|
+
const POLYFILL_VIBRATE_BACKUP = Symbol.for("@ait-co/polyfill/vibrate.original");
|
|
935
|
+
function callVibrate(pattern) {
|
|
936
|
+
if (typeof navigator === "undefined") return false;
|
|
937
|
+
const nav = navigator;
|
|
938
|
+
const original = POLYFILL_VIBRATE_BACKUP in nav ? nav[POLYFILL_VIBRATE_BACKUP] : null;
|
|
939
|
+
if (typeof original === "function") return original(pattern);
|
|
940
|
+
return typeof navigator.vibrate === "function" ? navigator.vibrate(pattern) : false;
|
|
941
|
+
}
|
|
942
|
+
async function generateHapticFeedback(options) {
|
|
943
|
+
if (!Object.hasOwn(HAPTIC_VIBRATE_PATTERN, options.type)) throw buildNativeError("EXECUTION_ERROR");
|
|
944
|
+
const timestamp = Date.now();
|
|
800
945
|
aitState.logAnalytics({
|
|
801
|
-
type:
|
|
802
|
-
params: {
|
|
803
|
-
log_name: params.log_name,
|
|
804
|
-
...params.params
|
|
805
|
-
}
|
|
946
|
+
type: "haptic",
|
|
947
|
+
params: { hapticType: options.type }
|
|
806
948
|
});
|
|
807
|
-
|
|
949
|
+
const vibrated = callVibrate(HAPTIC_VIBRATE_PATTERN[options.type] ?? 30);
|
|
950
|
+
aitState.logSdkCall({
|
|
951
|
+
method: "generateHapticFeedback",
|
|
952
|
+
args: [{ type: options.type }],
|
|
953
|
+
timestamp,
|
|
954
|
+
status: "resolved",
|
|
955
|
+
result: {
|
|
956
|
+
hapticType: options.type,
|
|
957
|
+
vibrated
|
|
958
|
+
},
|
|
959
|
+
fidelity: "partial"
|
|
960
|
+
});
|
|
961
|
+
}
|
|
962
|
+
async function saveBase64Data(params) {
|
|
963
|
+
if (params.data === "") throw buildNativeError("INVALID_DATA");
|
|
964
|
+
const a = document.createElement("a");
|
|
965
|
+
a.href = `data:${params.mimeType};base64,${params.data}`;
|
|
966
|
+
a.download = params.fileName;
|
|
967
|
+
a.click();
|
|
808
968
|
}
|
|
809
969
|
//#endregion
|
|
810
|
-
//#region src/mock/
|
|
970
|
+
//#region src/mock/device/location.ts
|
|
811
971
|
/**
|
|
812
|
-
*
|
|
972
|
+
* Location mock (getCurrentLocation, startUpdateLocation)
|
|
973
|
+
* mock/web/prompt 모드 지원
|
|
813
974
|
*/
|
|
814
|
-
|
|
815
|
-
|
|
816
|
-
|
|
975
|
+
var Accuracy = /* @__PURE__ */ function(Accuracy) {
|
|
976
|
+
Accuracy[Accuracy["Lowest"] = 1] = "Lowest";
|
|
977
|
+
Accuracy[Accuracy["Low"] = 2] = "Low";
|
|
978
|
+
Accuracy[Accuracy["Balanced"] = 3] = "Balanced";
|
|
979
|
+
Accuracy[Accuracy["High"] = 4] = "High";
|
|
980
|
+
Accuracy[Accuracy["Highest"] = 5] = "Highest";
|
|
981
|
+
Accuracy[Accuracy["BestForNavigation"] = 6] = "BestForNavigation";
|
|
982
|
+
return Accuracy;
|
|
983
|
+
}(Accuracy || {});
|
|
984
|
+
function buildLocation() {
|
|
817
985
|
return {
|
|
818
|
-
|
|
819
|
-
|
|
986
|
+
coords: { ...aitState.state.location.coords },
|
|
987
|
+
timestamp: Date.now(),
|
|
988
|
+
accessLocation: aitState.state.location.accessLocation
|
|
820
989
|
};
|
|
821
990
|
}
|
|
822
|
-
async function
|
|
823
|
-
const
|
|
824
|
-
if (failureCode) throw buildNativeError(failureCode);
|
|
825
|
-
return aitState.state.auth.isTossLoginIntegrated;
|
|
826
|
-
}
|
|
827
|
-
async function getUserKeyForGame() {
|
|
991
|
+
async function getCurrentLocationMock() {
|
|
992
|
+
const { coords, timestamp } = buildLocation();
|
|
828
993
|
return {
|
|
829
|
-
|
|
830
|
-
|
|
994
|
+
coords,
|
|
995
|
+
timestamp
|
|
831
996
|
};
|
|
832
997
|
}
|
|
833
|
-
async function
|
|
834
|
-
|
|
998
|
+
async function getCurrentLocationWeb() {
|
|
999
|
+
return new Promise((resolve) => {
|
|
1000
|
+
if (!navigator.geolocation) {
|
|
1001
|
+
console.warn("[@apps-in-toss/devtools] Geolocation API not available, falling back to mock");
|
|
1002
|
+
resolve(buildLocation());
|
|
1003
|
+
return;
|
|
1004
|
+
}
|
|
1005
|
+
navigator.geolocation.getCurrentPosition((pos) => {
|
|
1006
|
+
resolve({
|
|
1007
|
+
coords: {
|
|
1008
|
+
latitude: pos.coords.latitude,
|
|
1009
|
+
longitude: pos.coords.longitude,
|
|
1010
|
+
altitude: pos.coords.altitude ?? 0,
|
|
1011
|
+
accuracy: pos.coords.accuracy,
|
|
1012
|
+
altitudeAccuracy: pos.coords.altitudeAccuracy ?? 0,
|
|
1013
|
+
heading: pos.coords.heading ?? 0
|
|
1014
|
+
},
|
|
1015
|
+
timestamp: pos.timestamp
|
|
1016
|
+
});
|
|
1017
|
+
}, () => {
|
|
1018
|
+
console.warn("[@apps-in-toss/devtools] Geolocation failed, falling back to mock");
|
|
1019
|
+
resolve(buildLocation());
|
|
1020
|
+
});
|
|
1021
|
+
});
|
|
1022
|
+
}
|
|
1023
|
+
async function getCurrentLocationPrompt() {
|
|
1024
|
+
const { coords, timestamp } = await waitForPromptResponse("location");
|
|
835
1025
|
return {
|
|
836
|
-
|
|
837
|
-
|
|
1026
|
+
coords,
|
|
1027
|
+
timestamp
|
|
838
1028
|
};
|
|
839
1029
|
}
|
|
840
|
-
async
|
|
841
|
-
|
|
1030
|
+
const _getCurrentLocation = async (_options) => {
|
|
1031
|
+
checkPermission("geolocation", "getCurrentLocation");
|
|
1032
|
+
checkThrottle("getCurrentLocation");
|
|
1033
|
+
const mode = aitState.state.deviceModes.location;
|
|
1034
|
+
if (mode === "web") return getCurrentLocationWeb();
|
|
1035
|
+
if (mode === "prompt") return getCurrentLocationPrompt();
|
|
1036
|
+
return getCurrentLocationMock();
|
|
1037
|
+
};
|
|
1038
|
+
const getCurrentLocation = withPermission(_getCurrentLocation, "geolocation");
|
|
1039
|
+
function startUpdateLocationMock(eventParams) {
|
|
1040
|
+
const { onEvent, options } = eventParams;
|
|
1041
|
+
const interval = Math.max(options.timeInterval, 500);
|
|
1042
|
+
const id = setInterval(() => {
|
|
1043
|
+
const loc = buildLocation();
|
|
1044
|
+
loc.coords.latitude += (Math.random() - .5) * 1e-4;
|
|
1045
|
+
loc.coords.longitude += (Math.random() - .5) * 1e-4;
|
|
1046
|
+
onEvent(loc);
|
|
1047
|
+
}, interval);
|
|
1048
|
+
return () => clearInterval(id);
|
|
1049
|
+
}
|
|
1050
|
+
function startUpdateLocationWeb(eventParams) {
|
|
1051
|
+
const { onEvent, onError } = eventParams;
|
|
1052
|
+
if (!navigator.geolocation) {
|
|
1053
|
+
console.warn("[@apps-in-toss/devtools] Geolocation API not available, falling back to mock");
|
|
1054
|
+
return startUpdateLocationMock(eventParams);
|
|
1055
|
+
}
|
|
1056
|
+
const watchId = navigator.geolocation.watchPosition((pos) => {
|
|
1057
|
+
onEvent({
|
|
1058
|
+
coords: {
|
|
1059
|
+
latitude: pos.coords.latitude,
|
|
1060
|
+
longitude: pos.coords.longitude,
|
|
1061
|
+
altitude: pos.coords.altitude ?? 0,
|
|
1062
|
+
accuracy: pos.coords.accuracy,
|
|
1063
|
+
altitudeAccuracy: pos.coords.altitudeAccuracy ?? 0,
|
|
1064
|
+
heading: pos.coords.heading ?? 0
|
|
1065
|
+
},
|
|
1066
|
+
timestamp: pos.timestamp,
|
|
1067
|
+
accessLocation: "FINE"
|
|
1068
|
+
});
|
|
1069
|
+
}, (err) => onError(err));
|
|
1070
|
+
return () => navigator.geolocation.clearWatch(watchId);
|
|
1071
|
+
}
|
|
1072
|
+
function startUpdateLocationPrompt(eventParams) {
|
|
1073
|
+
const { onEvent } = eventParams;
|
|
1074
|
+
const handler = (e) => {
|
|
1075
|
+
onEvent(e.detail);
|
|
1076
|
+
};
|
|
1077
|
+
window.addEventListener("__ait:prompt-response:location-update", handler);
|
|
1078
|
+
window.dispatchEvent(new CustomEvent("__ait:prompt-request", { detail: { type: "location-update" } }));
|
|
1079
|
+
return () => window.removeEventListener("__ait:prompt-response:location-update", handler);
|
|
1080
|
+
}
|
|
1081
|
+
const _startUpdateLocation = (eventParams) => {
|
|
1082
|
+
const mode = aitState.state.deviceModes.location;
|
|
1083
|
+
if (mode === "web") return startUpdateLocationWeb(eventParams);
|
|
1084
|
+
if (mode === "prompt") return startUpdateLocationPrompt(eventParams);
|
|
1085
|
+
return startUpdateLocationMock(eventParams);
|
|
1086
|
+
};
|
|
1087
|
+
const startUpdateLocation = withPermission(_startUpdateLocation, "geolocation");
|
|
1088
|
+
//#endregion
|
|
1089
|
+
//#region src/mock/device/network.ts
|
|
1090
|
+
/**
|
|
1091
|
+
* Network Status mock (mode-aware helper)
|
|
1092
|
+
* navigation 모듈에서 사용. circular dep 방지를 위해 device에 위치.
|
|
1093
|
+
*/
|
|
1094
|
+
/**
|
|
1095
|
+
* Web mode: uses navigator.connection.effectiveType (4g/3g/2g) and navigator.onLine.
|
|
1096
|
+
* Limitations: WIFI, 5G, WWAN cannot be detected via the Network Information API.
|
|
1097
|
+
* Falls back to state-based value when effectiveType is unavailable.
|
|
1098
|
+
*/
|
|
1099
|
+
function getNetworkStatusByMode() {
|
|
1100
|
+
const mode = aitState.state.deviceModes.network;
|
|
1101
|
+
if (mode === "mock") return null;
|
|
1102
|
+
if (mode === "web") {
|
|
1103
|
+
if (!navigator.onLine) return "OFFLINE";
|
|
1104
|
+
const conn = navigator.connection;
|
|
1105
|
+
if (conn?.effectiveType) return {
|
|
1106
|
+
"4g": "4G",
|
|
1107
|
+
"3g": "3G",
|
|
1108
|
+
"2g": "2G",
|
|
1109
|
+
"slow-2g": "2G"
|
|
1110
|
+
}[conn.effectiveType] ?? "UNKNOWN";
|
|
1111
|
+
return aitState.state.networkStatus;
|
|
1112
|
+
}
|
|
1113
|
+
return null;
|
|
842
1114
|
}
|
|
1115
|
+
//#endregion
|
|
1116
|
+
//#region src/mock/device/pdf.ts
|
|
843
1117
|
/**
|
|
844
|
-
*
|
|
1118
|
+
* Base64로 인코딩된 PDF 데이터를 네이티브 PDF 뷰어로 여는 mock.
|
|
1119
|
+
* mock 환경에서는 즉시 `'CLOSE'`를 반환한다.
|
|
1120
|
+
*/
|
|
1121
|
+
const _openPDFViewerImpl = async (_params) => {
|
|
1122
|
+
await Promise.resolve();
|
|
1123
|
+
return "CLOSE";
|
|
1124
|
+
};
|
|
1125
|
+
const openPDFViewer = Object.assign(_openPDFViewerImpl, { isSupported: () => true });
|
|
1126
|
+
//#endregion
|
|
1127
|
+
//#region src/mock/proxy.ts
|
|
1128
|
+
/**
|
|
1129
|
+
* 미구현 API용 Proxy 트립와이어.
|
|
845
1130
|
*
|
|
846
|
-
*
|
|
847
|
-
*
|
|
848
|
-
*
|
|
849
|
-
*
|
|
1131
|
+
* 미구현 프로퍼티에 접근하면 throw한다. 이는 "devtools에서는 멀쩡히 돌지만
|
|
1132
|
+
* 실 SDK에선 실제로 동작하는" 시나리오를 차단하기 위한 의도적 선택이다.
|
|
1133
|
+
* mock이 미구현인 API는 실 SDK에서는 존재할 수 있고, 사용자가 이를 인지하지
|
|
1134
|
+
* 못한 채 개발을 이어가면 배포 시점에 놀라게 된다. 에러 메시지에 이슈 URL을
|
|
1135
|
+
* 포함해 사용자가 mock 누락을 제보할 수 있게 한다.
|
|
850
1136
|
*
|
|
851
|
-
*
|
|
852
|
-
*
|
|
853
|
-
*
|
|
854
|
-
*
|
|
1137
|
+
* ## KNOWN_UNIMPLEMENTED 정책
|
|
1138
|
+
* SDK에 존재하는 것으로 알려져 있으나 현재 mock이 없는 API 이름만 이 집합에 둔다.
|
|
1139
|
+
* 이 경우에만 throw 대신 🔴 inert no-op을 반환하고 sdkCallLog에 기록한다.
|
|
1140
|
+
* 완전히 미지의 이름은 여전히 throw — "잘 되는 척" 방지.
|
|
855
1141
|
*/
|
|
856
|
-
|
|
857
|
-
return aitState.state.auth.consentedUserData;
|
|
858
|
-
}
|
|
859
|
-
async function getDeclaredAgeRange(_params) {
|
|
860
|
-
return { ...aitState.state.auth.declaredAgeRange };
|
|
861
|
-
}
|
|
862
|
-
//#endregion
|
|
863
|
-
//#region src/mock/device/_helpers.ts
|
|
1142
|
+
const ISSUES_URL = "https://github.com/apps-in-toss-community/devtools/issues";
|
|
864
1143
|
/**
|
|
865
|
-
*
|
|
1144
|
+
* SDK에 존재하나 mock이 아직 없는 것으로 확인된 이름 목록.
|
|
1145
|
+
* 새 API가 SDK에 추가되면 여기에 추가하고 별도 PR에서 mock 구현으로 이동한다.
|
|
1146
|
+
* 확인되지 않은 이름은 절대 여기에 추가하지 않는다 — throw가 더 안전하다.
|
|
866
1147
|
*/
|
|
867
|
-
|
|
868
|
-
|
|
869
|
-
|
|
870
|
-
|
|
871
|
-
|
|
872
|
-
|
|
873
|
-
|
|
874
|
-
|
|
875
|
-
|
|
876
|
-
|
|
877
|
-
|
|
878
|
-
|
|
879
|
-
|
|
880
|
-
|
|
881
|
-
|
|
882
|
-
|
|
883
|
-
return canvas.toDataURL("image/png");
|
|
884
|
-
}
|
|
885
|
-
const DEFAULT_PLACEHOLDERS = [
|
|
886
|
-
{
|
|
887
|
-
text: "Mock Photo 1",
|
|
888
|
-
color: "#3182F6"
|
|
889
|
-
},
|
|
890
|
-
{
|
|
891
|
-
text: "Mock Photo 2",
|
|
892
|
-
color: "#27ae60"
|
|
893
|
-
},
|
|
894
|
-
{
|
|
895
|
-
text: "Mock Photo 3",
|
|
896
|
-
color: "#e67e22"
|
|
897
|
-
}
|
|
898
|
-
];
|
|
899
|
-
let cachedPlaceholders = null;
|
|
900
|
-
function getDefaultPlaceholderImages() {
|
|
901
|
-
if (!cachedPlaceholders) cachedPlaceholders = DEFAULT_PLACEHOLDERS.map((p) => generatePlaceholderImage(320, 240, p.text, p.color));
|
|
902
|
-
return [...cachedPlaceholders];
|
|
903
|
-
}
|
|
904
|
-
/** @internal device 모듈 내부 전용 */
|
|
905
|
-
function getMockImages() {
|
|
906
|
-
const images = aitState.state.mockData.images;
|
|
907
|
-
if (images.length > 0) return images;
|
|
908
|
-
return getDefaultPlaceholderImages();
|
|
909
|
-
}
|
|
910
|
-
const PROMPT_TIMEOUT_MS = 3e4;
|
|
911
|
-
/** @internal device 모듈 내부 전용 */
|
|
912
|
-
function waitForPromptResponse(type) {
|
|
913
|
-
return new Promise((resolve, reject) => {
|
|
914
|
-
const eventName = `__ait:prompt-response:${type}`;
|
|
915
|
-
const cancelName = "__ait:prompt-cancel";
|
|
916
|
-
function cleanup() {
|
|
917
|
-
clearTimeout(timer);
|
|
918
|
-
window.removeEventListener(eventName, handler);
|
|
919
|
-
window.removeEventListener(cancelName, cancelHandler);
|
|
920
|
-
}
|
|
921
|
-
const timer = setTimeout(() => {
|
|
922
|
-
cleanup();
|
|
923
|
-
const hint = !!document.querySelector(".ait-panel") ? "Please provide input via the DevTools panel." : "Is @apps-in-toss/devtools/panel imported?";
|
|
924
|
-
reject(/* @__PURE__ */ new Error(`[@apps-in-toss/devtools] Prompt timeout for "${type}" after ${PROMPT_TIMEOUT_MS / 1e3}s. ${hint}`));
|
|
925
|
-
}, PROMPT_TIMEOUT_MS);
|
|
926
|
-
const handler = (e) => {
|
|
927
|
-
cleanup();
|
|
928
|
-
resolve(e.detail);
|
|
929
|
-
};
|
|
930
|
-
const cancelHandler = () => {
|
|
931
|
-
cleanup();
|
|
932
|
-
reject(/* @__PURE__ */ new Error(`[@apps-in-toss/devtools] Prompt cancelled for "${type}"`));
|
|
1148
|
+
const KNOWN_UNIMPLEMENTED = /* @__PURE__ */ new Set([]);
|
|
1149
|
+
function createMockProxy(moduleName, implementations) {
|
|
1150
|
+
return new Proxy(implementations, { get(target, prop) {
|
|
1151
|
+
if (typeof prop === "symbol") return void 0;
|
|
1152
|
+
if (prop in target) return target[prop];
|
|
1153
|
+
const name = String(prop);
|
|
1154
|
+
if (KNOWN_UNIMPLEMENTED.has(name)) return (...args) => {
|
|
1155
|
+
console.warn(`[@apps-in-toss/devtools] ${moduleName}.${name} is known-unimplemented (🔴 inert). Returning undefined. Please file or upvote an issue: ${ISSUES_URL}`);
|
|
1156
|
+
aitState.logSdkCall({
|
|
1157
|
+
method: `${moduleName}.${name}`,
|
|
1158
|
+
args,
|
|
1159
|
+
timestamp: Date.now(),
|
|
1160
|
+
status: "resolved",
|
|
1161
|
+
result: void 0,
|
|
1162
|
+
fidelity: "inert"
|
|
1163
|
+
});
|
|
933
1164
|
};
|
|
934
|
-
|
|
935
|
-
|
|
936
|
-
window.dispatchEvent(new CustomEvent("__ait:prompt-request", { detail: { type } }));
|
|
937
|
-
});
|
|
1165
|
+
throw new Error(`[@apps-in-toss/devtools] ${moduleName}.${prop} is not mocked. This API may exist in @apps-in-toss/web-framework, but devtools' mock does not cover it yet. Please file an issue: ${ISSUES_URL}`);
|
|
1166
|
+
} });
|
|
938
1167
|
}
|
|
939
1168
|
//#endregion
|
|
940
|
-
//#region src/mock/
|
|
1169
|
+
//#region src/mock/device/storage.ts
|
|
941
1170
|
/**
|
|
942
|
-
*
|
|
943
|
-
* `
|
|
1171
|
+
* Storage mock
|
|
1172
|
+
* localStorage에 `__ait_storage:` prefix로 저장하여 앱 자체 localStorage와 분리
|
|
1173
|
+
*
|
|
1174
|
+
* 실기기(2.x×iOS) capture는 `setItem`/`removeItem`/`clearItems` 세 메서드가
|
|
1175
|
+
* `undefined`가 아니라 `null`로 resolve됨을 보였다(devtools#770). 원본 SDK 타입
|
|
1176
|
+
* 선언은 여전히 `Promise<void>`이므로 시그니처는 그대로 두고, 런타임 반환값만
|
|
1177
|
+
* `null`로 캐스트해 실측과 동치시킨다 — Analytics·setClipboardText와 같은 처리(#775).
|
|
1178
|
+
* `getItem`은 이미 `string | null`이라 실측과 일치하므로 손대지 않는다.
|
|
944
1179
|
*/
|
|
945
|
-
|
|
946
|
-
|
|
947
|
-
|
|
948
|
-
|
|
949
|
-
|
|
950
|
-
};
|
|
951
|
-
|
|
952
|
-
|
|
953
|
-
|
|
954
|
-
|
|
955
|
-
|
|
956
|
-
}
|
|
957
|
-
|
|
958
|
-
|
|
959
|
-
|
|
960
|
-
|
|
961
|
-
}
|
|
962
|
-
};
|
|
963
|
-
/** fetchContacts 권한 에러 */
|
|
964
|
-
var FetchContactsPermissionError = class extends PermissionError {
|
|
965
|
-
constructor() {
|
|
966
|
-
super({ methodName: "fetchContacts" });
|
|
967
|
-
}
|
|
968
|
-
};
|
|
969
|
-
/** getCurrentLocation 권한 에러 */
|
|
970
|
-
var GetCurrentLocationPermissionError = class extends PermissionError {
|
|
971
|
-
constructor() {
|
|
972
|
-
super({ methodName: "getCurrentLocation" });
|
|
973
|
-
}
|
|
974
|
-
};
|
|
975
|
-
/** getClipboardText 권한 에러 */
|
|
976
|
-
var GetClipboardTextPermissionError = class extends PermissionError {
|
|
977
|
-
constructor() {
|
|
978
|
-
super({ methodName: "getClipboardText" });
|
|
979
|
-
}
|
|
980
|
-
};
|
|
981
|
-
/** setClipboardText 권한 에러 */
|
|
982
|
-
var SetClipboardTextPermissionError = class extends PermissionError {
|
|
983
|
-
constructor() {
|
|
984
|
-
super({ methodName: "setClipboardText" });
|
|
1180
|
+
const Storage = createMockProxy("Storage", {
|
|
1181
|
+
getItem: async (key) => {
|
|
1182
|
+
return localStorage.getItem(`__ait_storage:${key}`);
|
|
1183
|
+
},
|
|
1184
|
+
setItem: async (key, value) => {
|
|
1185
|
+
localStorage.setItem(`__ait_storage:${key}`, value);
|
|
1186
|
+
return null;
|
|
1187
|
+
},
|
|
1188
|
+
removeItem: async (key) => {
|
|
1189
|
+
localStorage.removeItem(`__ait_storage:${key}`);
|
|
1190
|
+
return null;
|
|
1191
|
+
},
|
|
1192
|
+
clearItems: async () => {
|
|
1193
|
+
const keys = Object.keys(localStorage).filter((k) => k.startsWith("__ait_storage:"));
|
|
1194
|
+
for (const k of keys) localStorage.removeItem(k);
|
|
1195
|
+
return null;
|
|
985
1196
|
}
|
|
986
|
-
};
|
|
1197
|
+
});
|
|
1198
|
+
//#endregion
|
|
1199
|
+
//#region src/mock/observe.ts
|
|
987
1200
|
/**
|
|
988
|
-
*
|
|
989
|
-
*
|
|
1201
|
+
* fn을 observe로 감싼다.
|
|
1202
|
+
*
|
|
1203
|
+
* @param apiName - 로그에 기록할 SDK 메서드 이름 (예: `'setScreenAwakeMode'`)
|
|
1204
|
+
* @param fidelity - 이 mock의 fidelity grade ('faithful' | 'partial' | 'inert')
|
|
1205
|
+
* @param fn - 실제 mock 구현체. 시그니처를 그대로 통과시킨다.
|
|
1206
|
+
* @returns fn과 동일한 타입의 래퍼 함수
|
|
990
1207
|
*/
|
|
991
|
-
|
|
992
|
-
|
|
993
|
-
|
|
994
|
-
|
|
995
|
-
|
|
996
|
-
|
|
997
|
-
|
|
998
|
-
|
|
999
|
-
|
|
1000
|
-
|
|
1001
|
-
|
|
1002
|
-
|
|
1003
|
-
|
|
1004
|
-
|
|
1208
|
+
function observe(apiName, fidelity, fn) {
|
|
1209
|
+
return (...args) => {
|
|
1210
|
+
const timestamp = Date.now();
|
|
1211
|
+
const safeArgs = args.map((a) => safeSerialize(a));
|
|
1212
|
+
const result = fn(...args);
|
|
1213
|
+
if (result instanceof Promise) {
|
|
1214
|
+
aitState.logSdkCall({
|
|
1215
|
+
method: apiName,
|
|
1216
|
+
args: safeArgs,
|
|
1217
|
+
timestamp,
|
|
1218
|
+
status: "pending",
|
|
1219
|
+
fidelity
|
|
1220
|
+
});
|
|
1221
|
+
result.then((value) => {
|
|
1222
|
+
aitState.logSdkCall({
|
|
1223
|
+
method: apiName,
|
|
1224
|
+
args: safeArgs,
|
|
1225
|
+
timestamp,
|
|
1226
|
+
status: "resolved",
|
|
1227
|
+
result: safeSerialize(value),
|
|
1228
|
+
fidelity
|
|
1229
|
+
});
|
|
1230
|
+
}, (err) => {
|
|
1231
|
+
aitState.logSdkCall({
|
|
1232
|
+
method: apiName,
|
|
1233
|
+
args: safeArgs,
|
|
1234
|
+
timestamp,
|
|
1235
|
+
status: "rejected",
|
|
1236
|
+
error: err instanceof Error ? err.message : String(err),
|
|
1237
|
+
fidelity
|
|
1238
|
+
});
|
|
1239
|
+
});
|
|
1240
|
+
return result;
|
|
1241
|
+
}
|
|
1242
|
+
aitState.logSdkCall({
|
|
1243
|
+
method: apiName,
|
|
1244
|
+
args: safeArgs,
|
|
1245
|
+
timestamp,
|
|
1246
|
+
status: "resolved",
|
|
1247
|
+
result: safeSerialize(result),
|
|
1248
|
+
fidelity
|
|
1249
|
+
});
|
|
1250
|
+
return result;
|
|
1251
|
+
};
|
|
1005
1252
|
}
|
|
1006
1253
|
/**
|
|
1007
|
-
*
|
|
1008
|
-
*
|
|
1009
|
-
*
|
|
1254
|
+
* 값을 JSON-safe한 형태로 변환한다.
|
|
1255
|
+
* - null / primitive — 그대로.
|
|
1256
|
+
* - 함수 — `'[Function: name]'` 문자열.
|
|
1257
|
+
* - 기타 객체 — JSON.stringify 실패 시 `'[unserializable]'`.
|
|
1010
1258
|
*/
|
|
1011
|
-
function
|
|
1012
|
-
if (
|
|
1013
|
-
return
|
|
1259
|
+
function safeSerialize(value) {
|
|
1260
|
+
if (value === null || value === void 0) return value;
|
|
1261
|
+
if (typeof value === "function") return `[Function: ${value.name || "anonymous"}]`;
|
|
1262
|
+
if (typeof value !== "object") return value;
|
|
1263
|
+
try {
|
|
1264
|
+
return JSON.parse(JSON.stringify(value));
|
|
1265
|
+
} catch {
|
|
1266
|
+
return "[unserializable]";
|
|
1267
|
+
}
|
|
1014
1268
|
}
|
|
1015
|
-
|
|
1016
|
-
|
|
1017
|
-
|
|
1018
|
-
|
|
1019
|
-
|
|
1020
|
-
*
|
|
1021
|
-
* getPermission { geolocation, read } → rejected NO_PERMISSION
|
|
1022
|
-
* requestPermission { geolocation, read } → rejected NO_PERMISSION
|
|
1023
|
-
* openPermissionDialog { geolocation, read } → rejected INVALID_REQUEST
|
|
1024
|
-
* openPermissionDialog { camera, access } → resolved
|
|
1025
|
-
*
|
|
1026
|
-
* 즉 **걸리는 조건은 셋이 같고(access 축 모델 그대로) 코드만 갈린다.** 처음엔
|
|
1027
|
-
* `requestPermission`이 `openPermissionDialog`에 위임하니 게이트도 위임하면
|
|
1028
|
-
* 된다고 보고 한 지점에만 배선했는데, 그 모델은 코드 층위에서 실측과 어긋났다
|
|
1029
|
-
* (env1 NO_PERMISSION ↔ env3 INVALID_REQUEST). 그래서 `requestPermission`은
|
|
1030
|
-
* 위임 **전에** 자기 게이트를 먼저 타고, 다이얼로그를 여는 호출만 이 코드를 쓴다.
|
|
1031
|
-
*
|
|
1032
|
-
* 관측이 geolocation/read 한 조합뿐이라 이름·access별 분기는 두지 않는다 —
|
|
1033
|
-
* 근거 없는 확장은 #783에서 이름 단위 맵을 택한 원칙에 어긋난다.
|
|
1034
|
-
*/
|
|
1035
|
-
const OPEN_DIALOG_GATE_CODE = "INVALID_REQUEST";
|
|
1036
|
-
async function openPermissionDialog(permission) {
|
|
1037
|
-
if (permissionGateCode(permission)) throw buildNativeError(OPEN_DIALOG_GATE_CODE);
|
|
1038
|
-
if (aitState.state.permissions[permission.name] === "allowed") return "allowed";
|
|
1039
|
-
aitState.patch("permissions", { [permission.name]: "allowed" });
|
|
1040
|
-
return "allowed";
|
|
1269
|
+
//#endregion
|
|
1270
|
+
//#region src/mock/navigation/index.ts
|
|
1271
|
+
async function closeView() {
|
|
1272
|
+
console.log("[@apps-in-toss/devtools] closeView called");
|
|
1273
|
+
window.history.back();
|
|
1041
1274
|
}
|
|
1042
|
-
async function
|
|
1043
|
-
|
|
1044
|
-
|
|
1045
|
-
return openPermissionDialog(permission);
|
|
1275
|
+
async function openURL(url) {
|
|
1276
|
+
console.log("[@apps-in-toss/devtools] openURL:", url);
|
|
1277
|
+
window.open(url, "_blank");
|
|
1046
1278
|
}
|
|
1047
|
-
|
|
1048
|
-
|
|
1049
|
-
|
|
1050
|
-
|
|
1051
|
-
|
|
1052
|
-
|
|
1053
|
-
});
|
|
1054
|
-
enhanced.openPermissionDialog = () => openPermissionDialog({
|
|
1055
|
-
name: permissionName,
|
|
1056
|
-
access: "access"
|
|
1057
|
-
});
|
|
1058
|
-
return enhanced;
|
|
1279
|
+
async function share(message) {
|
|
1280
|
+
if (navigator.share) {
|
|
1281
|
+
await navigator.share({ text: message.message });
|
|
1282
|
+
return;
|
|
1283
|
+
}
|
|
1284
|
+
console.log("[@apps-in-toss/devtools] share:", message.message);
|
|
1059
1285
|
}
|
|
1060
|
-
|
|
1061
|
-
|
|
1062
|
-
|
|
1063
|
-
|
|
1064
|
-
|
|
1065
|
-
|
|
1066
|
-
|
|
1067
|
-
|
|
1068
|
-
|
|
1286
|
+
const URI_SCHEME_PATTERN = /^[a-zA-Z][a-zA-Z0-9+.-]*:/;
|
|
1287
|
+
async function getTossShareLink(path, _ogImageUrl) {
|
|
1288
|
+
if (!URI_SCHEME_PATTERN.test(path)) throw buildNativeError("EXECUTION_ERROR");
|
|
1289
|
+
return `https://toss.im/share/mock${path}`;
|
|
1290
|
+
}
|
|
1291
|
+
async function setIosSwipeGestureEnabled(options) {
|
|
1292
|
+
console.log("[@apps-in-toss/devtools] setIosSwipeGestureEnabled:", options.isEnabled);
|
|
1293
|
+
aitState.patch("navigation", { iosSwipeGestureEnabled: options.isEnabled });
|
|
1294
|
+
}
|
|
1295
|
+
async function setDeviceOrientation(options) {
|
|
1296
|
+
const current = aitState.state.viewport.orientation;
|
|
1297
|
+
if (current === "auto") {
|
|
1298
|
+
console.log("[@apps-in-toss/devtools] setDeviceOrientation:", options.type);
|
|
1299
|
+
aitState.patch("viewport", { appOrientation: options.type });
|
|
1300
|
+
return;
|
|
1069
1301
|
}
|
|
1302
|
+
console.warn(`[@apps-in-toss/devtools] setDeviceOrientation(${options.type}) ignored — Panel is forcing "${current}". Change the Viewport tab's orientation to "auto" to let the app control rotation.`);
|
|
1070
1303
|
}
|
|
1071
|
-
|
|
1072
|
-
|
|
1304
|
+
const setScreenAwakeMode = observe("setScreenAwakeMode", "inert", async (options) => {
|
|
1305
|
+
console.log("[@apps-in-toss/devtools] setScreenAwakeMode:", options.enabled);
|
|
1306
|
+
return { enabled: options.enabled };
|
|
1307
|
+
});
|
|
1308
|
+
const setSecureScreen = observe("setSecureScreen", "inert", async (options) => {
|
|
1309
|
+
console.log("[@apps-in-toss/devtools] setSecureScreen:", options.enabled);
|
|
1310
|
+
return { enabled: options.enabled };
|
|
1311
|
+
});
|
|
1312
|
+
const requestReview = observe("requestReview", "inert", async () => {
|
|
1313
|
+
console.log("[@apps-in-toss/devtools] requestReview called");
|
|
1314
|
+
});
|
|
1315
|
+
requestReview.isSupported = () => true;
|
|
1073
1316
|
/**
|
|
1074
|
-
*
|
|
1075
|
-
*
|
|
1317
|
+
* 아래 6개 함수(`getPlatformOS`/`getOperationalEnvironment`/`isMinVersionSupported`/
|
|
1318
|
+
* `getSchemeUri`/`getLocale`/`getDeviceId`, `getSchemeUri`는 devtools#806) + 이
|
|
1319
|
+
* 파일 최하단의 `getSafeAreaInsets`는 실기기(2.x×iOS) capture에서 전부
|
|
1320
|
+
* **Promise를 반환**함이 확인됐다(devtools#795/#806 — sdk-example type-probe
|
|
1321
|
+
* 실측). 그런데 상류 `.d.ts`는 이 함수들을 전부 **동기**로 선언한다 — 선언과
|
|
1322
|
+
* 런타임이 어긋난 상류 타입 버그다.
|
|
1323
|
+
*
|
|
1324
|
+
* mock은 타입 선언이 아니라 런타임 실측을 재현해야 개발자가 env1(브라우저)에서
|
|
1325
|
+
* 겪는 동작이 env3(실기기)와 같아진다(#775 원칙 — Analytics·setClipboardText·
|
|
1326
|
+
* Storage·getSafeAreaInsets(#770)에 이미 적용). 그래서 시그니처는 상류와 동일하게
|
|
1327
|
+
* 두고(`__typecheck.ts`/`__typecheck-2x.ts`의 `Assert*`가 계속 컴파일되도록)
|
|
1328
|
+
* 반환값만 `Promise.resolve(...)`로 감싸 기존 시그니처로 캐스트한다 — 선언 타입이
|
|
1329
|
+
* 안 바뀌므로 런타임 Promise는 tsc에 보이지 않는다.
|
|
1330
|
+
*
|
|
1331
|
+
* `getTossAppVersion`/`getGroupId`/`getAppsInTossGlobals`/`env.getDeploymentId`는
|
|
1332
|
+
* devtools#806 env3 재캡처에서도 여전히 미측정이다 — environment 테스트가
|
|
1333
|
+
* `getSchemeUri` 단언에서 조기 실패해 뒤 4개 accessor 캡처가 애초에 안 떨어졌다.
|
|
1334
|
+
* 같은 async 축일 가능성은 있으나 관측 전까지 손대지 않는다(#783 "측정 밖 확장
|
|
1335
|
+
* 금지").
|
|
1076
1336
|
*/
|
|
1077
|
-
|
|
1078
|
-
|
|
1079
|
-
return {
|
|
1080
|
-
id: crypto.randomUUID(),
|
|
1081
|
-
dataUri: images[0]
|
|
1082
|
-
};
|
|
1337
|
+
function getPlatformOS() {
|
|
1338
|
+
return Promise.resolve(aitState.state.platform);
|
|
1083
1339
|
}
|
|
1084
|
-
|
|
1085
|
-
return
|
|
1086
|
-
const input = document.createElement("input");
|
|
1087
|
-
input.type = "file";
|
|
1088
|
-
input.accept = "image/*";
|
|
1089
|
-
input.capture = "environment";
|
|
1090
|
-
let settled = false;
|
|
1091
|
-
input.onchange = () => {
|
|
1092
|
-
settled = true;
|
|
1093
|
-
const file = input.files?.[0];
|
|
1094
|
-
if (!file) {
|
|
1095
|
-
reject(/* @__PURE__ */ new Error("No file selected"));
|
|
1096
|
-
return;
|
|
1097
|
-
}
|
|
1098
|
-
const reader = new FileReader();
|
|
1099
|
-
reader.onload = () => resolve({
|
|
1100
|
-
id: crypto.randomUUID(),
|
|
1101
|
-
dataUri: reader.result
|
|
1102
|
-
});
|
|
1103
|
-
reader.onerror = () => reject(/* @__PURE__ */ new Error("Failed to read file"));
|
|
1104
|
-
reader.readAsDataURL(file);
|
|
1105
|
-
};
|
|
1106
|
-
const onFocus = () => {
|
|
1107
|
-
setTimeout(() => {
|
|
1108
|
-
if (!settled) reject(/* @__PURE__ */ new Error("File picker cancelled"));
|
|
1109
|
-
window.removeEventListener("focus", onFocus);
|
|
1110
|
-
}, 300);
|
|
1111
|
-
};
|
|
1112
|
-
window.addEventListener("focus", onFocus);
|
|
1113
|
-
input.click();
|
|
1114
|
-
});
|
|
1340
|
+
function getOperationalEnvironment() {
|
|
1341
|
+
return Promise.resolve(aitState.state.environment);
|
|
1115
1342
|
}
|
|
1116
|
-
|
|
1117
|
-
|
|
1118
|
-
return {
|
|
1119
|
-
id: crypto.randomUUID(),
|
|
1120
|
-
dataUri
|
|
1121
|
-
};
|
|
1343
|
+
function getTossAppVersion() {
|
|
1344
|
+
return aitState.state.appVersion;
|
|
1122
1345
|
}
|
|
1123
|
-
|
|
1124
|
-
|
|
1125
|
-
|
|
1126
|
-
if (mode === "web") return openCameraWeb();
|
|
1127
|
-
if (mode === "prompt") return openCameraPrompt();
|
|
1128
|
-
return openCameraMock();
|
|
1129
|
-
};
|
|
1130
|
-
const openCamera = withPermission(_openCamera, "camera");
|
|
1131
|
-
async function fetchAlbumPhotosMock(maxCount) {
|
|
1132
|
-
return getMockImages().slice(0, maxCount).map((dataUri) => ({
|
|
1133
|
-
id: crypto.randomUUID(),
|
|
1134
|
-
dataUri
|
|
1135
|
-
}));
|
|
1346
|
+
function isMinVersionSupported(minVersions) {
|
|
1347
|
+
const result = computeIsMinVersionSupported(minVersions);
|
|
1348
|
+
return Promise.resolve(result);
|
|
1136
1349
|
}
|
|
1137
|
-
|
|
1138
|
-
|
|
1139
|
-
|
|
1140
|
-
|
|
1141
|
-
|
|
1142
|
-
|
|
1143
|
-
|
|
1144
|
-
|
|
1145
|
-
|
|
1146
|
-
|
|
1147
|
-
|
|
1148
|
-
reject(/* @__PURE__ */ new Error("No files selected"));
|
|
1149
|
-
return;
|
|
1150
|
-
}
|
|
1151
|
-
resolve(await Promise.all(files.map((file) => new Promise((res, rej) => {
|
|
1152
|
-
const reader = new FileReader();
|
|
1153
|
-
reader.onload = () => res({
|
|
1154
|
-
id: crypto.randomUUID(),
|
|
1155
|
-
dataUri: reader.result
|
|
1156
|
-
});
|
|
1157
|
-
reader.onerror = () => rej(/* @__PURE__ */ new Error("Failed to read file"));
|
|
1158
|
-
reader.readAsDataURL(file);
|
|
1159
|
-
}))));
|
|
1160
|
-
};
|
|
1161
|
-
const onFocus = () => {
|
|
1162
|
-
setTimeout(() => {
|
|
1163
|
-
if (!settled) reject(/* @__PURE__ */ new Error("File picker cancelled"));
|
|
1164
|
-
window.removeEventListener("focus", onFocus);
|
|
1165
|
-
}, 300);
|
|
1166
|
-
};
|
|
1167
|
-
window.addEventListener("focus", onFocus);
|
|
1168
|
-
input.click();
|
|
1169
|
-
});
|
|
1350
|
+
function computeIsMinVersionSupported(minVersions) {
|
|
1351
|
+
const required = aitState.state.platform === "ios" ? minVersions.ios : minVersions.android;
|
|
1352
|
+
if (required === "always") return true;
|
|
1353
|
+
if (required === "never") return false;
|
|
1354
|
+
const current = aitState.state.appVersion.split(".").map(Number);
|
|
1355
|
+
const min = required.split(".").map(Number);
|
|
1356
|
+
for (let i = 0; i < 3; i++) {
|
|
1357
|
+
if ((current[i] ?? 0) > (min[i] ?? 0)) return true;
|
|
1358
|
+
if ((current[i] ?? 0) < (min[i] ?? 0)) return false;
|
|
1359
|
+
}
|
|
1360
|
+
return true;
|
|
1170
1361
|
}
|
|
1171
|
-
|
|
1172
|
-
|
|
1173
|
-
|
|
1174
|
-
dataUri
|
|
1175
|
-
}));
|
|
1362
|
+
function getSchemeUri() {
|
|
1363
|
+
const result = aitState.state.schemeUri || window.location.pathname;
|
|
1364
|
+
return Promise.resolve(result);
|
|
1176
1365
|
}
|
|
1177
|
-
|
|
1178
|
-
|
|
1179
|
-
const maxCount = options?.maxCount ?? 10;
|
|
1180
|
-
const mode = aitState.state.deviceModes.photos;
|
|
1181
|
-
if (mode === "web") return fetchAlbumPhotosWeb(maxCount);
|
|
1182
|
-
if (mode === "prompt") return fetchAlbumPhotosPrompt(maxCount);
|
|
1183
|
-
return fetchAlbumPhotosMock(maxCount);
|
|
1184
|
-
};
|
|
1185
|
-
const fetchAlbumPhotos = withPermission(_fetchAlbumPhotos, "photos");
|
|
1186
|
-
async function fetchAlbumItemsMock(maxCount, types) {
|
|
1187
|
-
return getMockImages().slice(0, maxCount).filter(() => types.includes("PHOTO")).map((dataUri) => ({
|
|
1188
|
-
id: crypto.randomUUID(),
|
|
1189
|
-
dataUri,
|
|
1190
|
-
type: "PHOTO"
|
|
1191
|
-
}));
|
|
1366
|
+
function getLocale() {
|
|
1367
|
+
return Promise.resolve(aitState.state.locale);
|
|
1192
1368
|
}
|
|
1193
|
-
|
|
1194
|
-
return
|
|
1195
|
-
const input = document.createElement("input");
|
|
1196
|
-
input.type = "file";
|
|
1197
|
-
input.accept = types.includes("VIDEO") ? "image/*,video/*" : "image/*";
|
|
1198
|
-
input.multiple = true;
|
|
1199
|
-
let settled = false;
|
|
1200
|
-
input.onchange = async () => {
|
|
1201
|
-
settled = true;
|
|
1202
|
-
const files = Array.from(input.files ?? []).slice(0, maxCount);
|
|
1203
|
-
if (files.length === 0) {
|
|
1204
|
-
resolve([]);
|
|
1205
|
-
return;
|
|
1206
|
-
}
|
|
1207
|
-
resolve(await Promise.all(files.map((file) => new Promise((res, rej) => {
|
|
1208
|
-
const itemType = file.type.startsWith("video/") ? "VIDEO" : "PHOTO";
|
|
1209
|
-
const reader = new FileReader();
|
|
1210
|
-
reader.onload = () => res({
|
|
1211
|
-
id: crypto.randomUUID(),
|
|
1212
|
-
dataUri: reader.result,
|
|
1213
|
-
type: itemType
|
|
1214
|
-
});
|
|
1215
|
-
reader.onerror = () => rej(/* @__PURE__ */ new Error("Failed to read file"));
|
|
1216
|
-
reader.readAsDataURL(file);
|
|
1217
|
-
}))));
|
|
1218
|
-
};
|
|
1219
|
-
const onFocus = () => {
|
|
1220
|
-
setTimeout(() => {
|
|
1221
|
-
if (!settled) resolve([]);
|
|
1222
|
-
window.removeEventListener("focus", onFocus);
|
|
1223
|
-
}, 300);
|
|
1224
|
-
};
|
|
1225
|
-
window.addEventListener("focus", onFocus);
|
|
1226
|
-
input.click();
|
|
1227
|
-
});
|
|
1369
|
+
function getDeviceId() {
|
|
1370
|
+
return Promise.resolve(aitState.state.deviceId);
|
|
1228
1371
|
}
|
|
1229
|
-
|
|
1230
|
-
return
|
|
1231
|
-
id: crypto.randomUUID(),
|
|
1232
|
-
dataUri,
|
|
1233
|
-
type: "PHOTO"
|
|
1234
|
-
}));
|
|
1372
|
+
function getGroupId() {
|
|
1373
|
+
return aitState.state.groupId;
|
|
1235
1374
|
}
|
|
1236
|
-
|
|
1237
|
-
|
|
1238
|
-
|
|
1239
|
-
|
|
1240
|
-
|
|
1241
|
-
|
|
1242
|
-
|
|
1243
|
-
return fetchAlbumItemsMock(maxCount, types);
|
|
1375
|
+
async function getNetworkStatus() {
|
|
1376
|
+
const modeResult = getNetworkStatusByMode();
|
|
1377
|
+
if (modeResult) return modeResult;
|
|
1378
|
+
return aitState.state.networkStatus;
|
|
1379
|
+
}
|
|
1380
|
+
const _getServerTimeImpl = async () => {
|
|
1381
|
+
return Date.now();
|
|
1244
1382
|
};
|
|
1245
|
-
const
|
|
1246
|
-
const fetchAlbumItems = Object.assign(_fetchAlbumItemsWithPermission, { isSupported: () => true });
|
|
1247
|
-
//#endregion
|
|
1248
|
-
//#region src/mock/device/clipboard.ts
|
|
1383
|
+
const getServerTime = Object.assign(_getServerTimeImpl, { isSupported: () => true });
|
|
1249
1384
|
/**
|
|
1250
|
-
*
|
|
1251
|
-
*
|
|
1385
|
+
* 현재 backEvent 구독자 수. graniteEvent.addEventListener('backEvent', …)가
|
|
1386
|
+
* 증가시키고, 반환된 cleanup이 감소시킨다. 호스트 back 메시지 처리 시 인터셉트
|
|
1387
|
+
* 여부를 판단하는 데 쓰인다.
|
|
1388
|
+
*
|
|
1389
|
+
* @internal 테스트 및 safe-area-bridge에서만 사용.
|
|
1252
1390
|
*/
|
|
1253
|
-
|
|
1254
|
-
|
|
1255
|
-
|
|
1256
|
-
|
|
1257
|
-
|
|
1258
|
-
|
|
1259
|
-
|
|
1260
|
-
|
|
1261
|
-
}
|
|
1262
|
-
};
|
|
1263
|
-
|
|
1264
|
-
|
|
1265
|
-
|
|
1266
|
-
|
|
1267
|
-
|
|
1268
|
-
|
|
1269
|
-
|
|
1391
|
+
let _backEventSubscriberCount = 0;
|
|
1392
|
+
const graniteEvent = { addEventListener(event, { onEvent, onError }) {
|
|
1393
|
+
const handler = () => {
|
|
1394
|
+
try {
|
|
1395
|
+
onEvent();
|
|
1396
|
+
} catch (e) {
|
|
1397
|
+
onError?.(e instanceof Error ? e : new Error(String(e)));
|
|
1398
|
+
}
|
|
1399
|
+
};
|
|
1400
|
+
window.addEventListener(`__ait:${event}`, handler);
|
|
1401
|
+
if (event === "backEvent") _backEventSubscriberCount++;
|
|
1402
|
+
let cleaned = false;
|
|
1403
|
+
return () => {
|
|
1404
|
+
if (cleaned) return;
|
|
1405
|
+
cleaned = true;
|
|
1406
|
+
window.removeEventListener(`__ait:${event}`, handler);
|
|
1407
|
+
if (event === "backEvent") _backEventSubscriberCount--;
|
|
1408
|
+
};
|
|
1409
|
+
} };
|
|
1410
|
+
/**
|
|
1411
|
+
* 호스트 back 내비게이션을 처리한다.
|
|
1412
|
+
*
|
|
1413
|
+
* backEvent 구독자가 1명 이상이면 `window.dispatchEvent(new CustomEvent('__ait:backEvent'))`만
|
|
1414
|
+
* 발사한다 — 미니앱이 back을 가로채는(intercept) 채널이고 실제 토스 호스트와 동일한 시맨틱.
|
|
1415
|
+
* 구독자가 없으면 `history.back()`을 호출해 기본 브라우저 뒤로가기를 수행한다.
|
|
1416
|
+
*
|
|
1417
|
+
* env 1 패널의 back 버튼(`src/panel/viewport.ts` `aitState.trigger('backEvent')`)과
|
|
1418
|
+
* 동일한 경로를 거쳐 back 시맨틱의 단일 소유처를 navigation 모듈에 유지한다.
|
|
1419
|
+
*/
|
|
1420
|
+
function dispatchHostBackNavigation() {
|
|
1421
|
+
if (_backEventSubscriberCount > 0) window.dispatchEvent(new CustomEvent("__ait:backEvent"));
|
|
1422
|
+
else history.back();
|
|
1423
|
+
}
|
|
1424
|
+
const appsInTossEvent = { addEventListener(_event, _handlers) {
|
|
1425
|
+
return () => {};
|
|
1426
|
+
} };
|
|
1427
|
+
const tdsEvent = { addEventListener(event, { onEvent }) {
|
|
1428
|
+
const handler = (e) => {
|
|
1429
|
+
const detail = e.detail;
|
|
1430
|
+
onEvent(detail);
|
|
1431
|
+
};
|
|
1432
|
+
window.addEventListener(`__ait:${event}`, handler);
|
|
1433
|
+
return () => window.removeEventListener(`__ait:${event}`, handler);
|
|
1434
|
+
} };
|
|
1435
|
+
/**
|
|
1436
|
+
* @deprecated web-framework 3.0 에서 제거됨. 2.x 소비자 back-compat용으로 유지.
|
|
1437
|
+
*/
|
|
1438
|
+
function onVisibilityChangedByTransparentServiceWeb(eventParams) {
|
|
1439
|
+
const handler = () => eventParams.onEvent(!document.hidden);
|
|
1440
|
+
document.addEventListener("visibilitychange", handler);
|
|
1441
|
+
return () => document.removeEventListener("visibilitychange", handler);
|
|
1442
|
+
}
|
|
1443
|
+
const env = { getDeploymentId: () => aitState.state.deploymentId };
|
|
1444
|
+
function getAppsInTossGlobals() {
|
|
1445
|
+
return {
|
|
1446
|
+
deploymentId: aitState.state.deploymentId,
|
|
1447
|
+
brandDisplayName: aitState.state.brand.displayName,
|
|
1448
|
+
brandIcon: aitState.state.brand.icon,
|
|
1449
|
+
brandPrimaryColor: aitState.state.brand.primaryColor
|
|
1450
|
+
};
|
|
1451
|
+
}
|
|
1452
|
+
const SafeAreaInsets = {
|
|
1453
|
+
get: () => ({ ...aitState.state.safeAreaInsets }),
|
|
1454
|
+
subscribe: ({ onEvent }) => {
|
|
1455
|
+
return aitState.subscribe(() => onEvent({ ...aitState.state.safeAreaInsets }));
|
|
1270
1456
|
}
|
|
1271
|
-
await navigator.clipboard.writeText(text);
|
|
1272
|
-
return { text };
|
|
1273
1457
|
};
|
|
1274
|
-
|
|
1458
|
+
/**
|
|
1459
|
+
* @deprecated `SafeAreaInsets.get()`을 쓸 것.
|
|
1460
|
+
*
|
|
1461
|
+
* 상류 SDK의 타입 선언은 `getSafeAreaInsets(): number`지만, 실기기(2.x×iOS)
|
|
1462
|
+
* capture는 이 함수가 숫자가 아니라 `SafeAreaInsets.get()`과 같은 객체
|
|
1463
|
+
* (`{ top, right, bottom, left }`)를 반환함을 보였다(devtools#770 —
|
|
1464
|
+
* `returnType: "object"`, `valueKeys: ["top","right","bottom","left"]`).
|
|
1465
|
+
* 즉 선언과 런타임이 어긋나 있는 상류 타입 버그다. 게다가 그 반환 자체도
|
|
1466
|
+
* 동기가 아니라 **Promise**다(devtools#795 — 위 "환경 정보" 섹션 상단 주석과
|
|
1467
|
+
* 같은 축, type-probe 실측). shape(object)와 sync/async 두 축 모두 선언과
|
|
1468
|
+
* 어긋나 있다.
|
|
1469
|
+
*
|
|
1470
|
+
* mock은 타입 선언이 아니라 **런타임 실측**을 재현해야 개발자가 env1에서 겪는
|
|
1471
|
+
* 동작이 실기기와 같아진다. 그래서 시그니처는 상류와 동일하게 `number`로 두되
|
|
1472
|
+
* (`__typecheck.ts`가 SDK 타입에 대해 계속 컴파일되도록) 반환값만 실측 객체를
|
|
1473
|
+
* `Promise.resolve`로 감싸 캐스트한다 — Analytics·setClipboardText·Storage와
|
|
1474
|
+
* 같은 처리(#775).
|
|
1475
|
+
*/
|
|
1476
|
+
function getSafeAreaInsets() {
|
|
1477
|
+
return Promise.resolve({ ...aitState.state.safeAreaInsets });
|
|
1478
|
+
}
|
|
1275
1479
|
//#endregion
|
|
1276
|
-
//#region src/mock/
|
|
1277
|
-
|
|
1278
|
-
|
|
1279
|
-
|
|
1280
|
-
|
|
1281
|
-
|
|
1282
|
-
|
|
1283
|
-
|
|
1284
|
-
|
|
1285
|
-
|
|
1480
|
+
//#region src/mock/safe-area-bridge.ts
|
|
1481
|
+
/**
|
|
1482
|
+
* env-2 postMessage bridges (#484, #510).
|
|
1483
|
+
*
|
|
1484
|
+
* In the AITC Sandbox PWA (env 2) the dev app runs inside the launcher's
|
|
1485
|
+
* full-viewport `<iframe>`. The launcher is the top-level document, so its
|
|
1486
|
+
* `env(safe-area-inset-*)` measurement is the ground truth for the real device
|
|
1487
|
+
* geometry. The framed page's mock would otherwise report a synthetic preset
|
|
1488
|
+
* value (e.g. top=54), which sdk-example then double-pads on top of a viewport
|
|
1489
|
+
* that already starts below the status bar — the env-2 "dead band" defect.
|
|
1490
|
+
*
|
|
1491
|
+
* This module installs receive-half listeners for two message types:
|
|
1492
|
+
*
|
|
1493
|
+
* 1. `ait:safe-area-insets` (#484): the launcher forwards its real env() insets
|
|
1494
|
+
* to the framed page on iframe load and resize/orientationchange. Validates the
|
|
1495
|
+
* envelope and writes real insets into the mock SafeAreaInsets state, firing the
|
|
1496
|
+
* subscribe path (see navigation/index.ts) so apps that subscribe re-read the
|
|
1497
|
+
* corrected values.
|
|
1498
|
+
*
|
|
1499
|
+
* 2. `ait:navigate-back` (#510): the launcher partner bar's `←` button posts this
|
|
1500
|
+
* command to the framed page. The receive half calls `dispatchHostBackNavigation()`
|
|
1501
|
+
* (navigation/index.ts): if backEvent subscribers are present, a `__ait:backEvent`
|
|
1502
|
+
* CustomEvent is dispatched (the mini-app intercept channel, matching the env-1
|
|
1503
|
+
* panel path); otherwise `history.back()` is called. No data other than `type` is
|
|
1504
|
+
* read from or written to the message — shape validation rejects anything that
|
|
1505
|
+
* carries extra fields with the wrong type. Apps that do not install this mock
|
|
1506
|
+
* (older builds) silently ignore the message (natural no-op).
|
|
1507
|
+
*
|
|
1508
|
+
* Origin policy: neither message type carries sensitive data, so we do NOT
|
|
1509
|
+
* restrict by origin — the launcher posts cross-origin from a *.trycloudflare.com
|
|
1510
|
+
* tunnel with targetOrigin '*'. Shape validation is still mandatory: a malformed
|
|
1511
|
+
* or out-of-range message is silently ignored so a stray postMessage can never
|
|
1512
|
+
* corrupt the mock state or trigger spurious navigation.
|
|
1513
|
+
*
|
|
1514
|
+
* Message-driven by design: env 1 (desktop browser, no launcher) never receives
|
|
1515
|
+
* these messages, so the panel preset stays authoritative there with zero special
|
|
1516
|
+
* casing here.
|
|
1517
|
+
*/
|
|
1518
|
+
/** The postMessage envelope the launcher posts to the framed dev app (inset forward). */
|
|
1519
|
+
const SAFE_AREA_INSETS_MESSAGE_TYPE = "ait:safe-area-insets";
|
|
1520
|
+
/**
|
|
1521
|
+
* The postMessage command the launcher partner bar's `←` button sends to the
|
|
1522
|
+
* framed dev app (#510). The framed page calls `history.back()` in response.
|
|
1523
|
+
*
|
|
1524
|
+
* Protocol: only `{ type: 'ait:navigate-back' }` is valid. No other fields are
|
|
1525
|
+
* read or acted on — extra fields are silently ignored by the shape guard.
|
|
1526
|
+
* Game variant never sends this message (back button is partner-bar-only).
|
|
1527
|
+
*/
|
|
1528
|
+
const NAVIGATE_BACK_MESSAGE_TYPE = "ait:navigate-back";
|
|
1529
|
+
/**
|
|
1530
|
+
* The postMessage envelope the framed mini-app self-reports its webViewType
|
|
1531
|
+
* with (#580). The mini-app knows its own type from the build constant
|
|
1532
|
+
* `__WEB_VIEW_TYPE__` (`granite.config.ts`'s `webViewProps.type`, injected by
|
|
1533
|
+
* the devtools unplugin). The launcher is cross-origin so it cannot read that
|
|
1534
|
+
* constant directly — the mini-app posts it to `window.parent` once so the
|
|
1535
|
+
* launcher (env-2 PWA shell) switches to game mode automatically, with no
|
|
1536
|
+
* manual `?navBarType=game` URL edit.
|
|
1537
|
+
*
|
|
1538
|
+
* Direction: this is the SEND side's contract (posted from inside the iframe by
|
|
1539
|
+
* `@ait-co/debug-console`'s `packages/debug-console/src/attach.ts`). The
|
|
1540
|
+
* launcher's receive half lives in
|
|
1541
|
+
* `e2e/fixture/launcher/Launcher.tsx` and mirrors the same value enum inline,
|
|
1542
|
+
* staying decoupled from the mock package internals — the same pattern the
|
|
1543
|
+
* other launcher message types follow.
|
|
1544
|
+
*
|
|
1545
|
+
* Value enum: only `'partner'` and `'game'` are valid. The SDK's deprecated
|
|
1546
|
+
* `'external'` alias of `partner` (web-framework 2.6.1) is mapped to `'partner'`
|
|
1547
|
+
* at the send site so the wire only ever carries the two shapes the launcher
|
|
1548
|
+
* emulates.
|
|
1549
|
+
*/
|
|
1550
|
+
const WEB_VIEW_TYPE_MESSAGE_TYPE = "ait:web-view-type";
|
|
1551
|
+
const MAX_INSET_PX = 200;
|
|
1552
|
+
function isValidInset(value) {
|
|
1553
|
+
return typeof value === "number" && Number.isFinite(value) && value >= 0 && value <= MAX_INSET_PX;
|
|
1554
|
+
}
|
|
1555
|
+
/**
|
|
1556
|
+
* Parse + validate a raw postMessage payload into a `SafeAreaInsets`, or return
|
|
1557
|
+
* null when it is not a well-formed `ait:safe-area-insets` message. Pure — unit
|
|
1558
|
+
* tested without a real MessageEvent.
|
|
1559
|
+
*/
|
|
1560
|
+
function parseSafeAreaInsetsMessage(data) {
|
|
1561
|
+
if (typeof data !== "object" || data === null) return null;
|
|
1562
|
+
if (data.type !== "ait:safe-area-insets") return null;
|
|
1563
|
+
const insets = data.insets;
|
|
1564
|
+
if (typeof insets !== "object" || insets === null) return null;
|
|
1565
|
+
const { top, bottom, left, right } = insets;
|
|
1566
|
+
if (!isValidInset(top) || !isValidInset(bottom) || !isValidInset(left) || !isValidInset(right)) return null;
|
|
1286
1567
|
return {
|
|
1287
|
-
|
|
1288
|
-
|
|
1289
|
-
|
|
1568
|
+
top,
|
|
1569
|
+
bottom,
|
|
1570
|
+
left,
|
|
1571
|
+
right
|
|
1290
1572
|
};
|
|
1291
|
-
}
|
|
1573
|
+
}
|
|
1574
|
+
/**
|
|
1575
|
+
* Parse + validate a raw postMessage payload into a webViewType value
|
|
1576
|
+
* (`'partner'` | `'game'`), or return `null` when it is not a well-formed
|
|
1577
|
+
* `ait:web-view-type` message (#580). Pure — unit tested without a real
|
|
1578
|
+
* MessageEvent.
|
|
1579
|
+
*
|
|
1580
|
+
* Strict shape guard (the safety boundary for the cross-origin receive path):
|
|
1581
|
+
* the payload must be a non-null object whose `type` is exactly
|
|
1582
|
+
* {@link WEB_VIEW_TYPE_MESSAGE_TYPE} and whose `value` is exactly `'partner'`
|
|
1583
|
+
* or `'game'` (an enum allow-list). Anything else — a foreign type, a missing
|
|
1584
|
+
* or non-string value, the deprecated `'external'` alias, or any other string —
|
|
1585
|
+
* returns `null` so a stray postMessage can never flip the launcher's visual
|
|
1586
|
+
* mode. The send site is responsible for collapsing `'external'` → `'partner'`
|
|
1587
|
+
* before posting; the parser does NOT silently accept it.
|
|
1588
|
+
*/
|
|
1589
|
+
function parseWebViewTypeMessage(data) {
|
|
1590
|
+
if (typeof data !== "object" || data === null) return null;
|
|
1591
|
+
if (data.type !== "ait:web-view-type") return null;
|
|
1592
|
+
const value = data.value;
|
|
1593
|
+
if (value === "partner" || value === "game") return value;
|
|
1594
|
+
return null;
|
|
1595
|
+
}
|
|
1596
|
+
/**
|
|
1597
|
+
* Apply forwarded insets to the mock state. Skips the write (and the resulting
|
|
1598
|
+
* subscribe notify) when nothing changed, so repeated identical messages from a
|
|
1599
|
+
* resize storm don't churn subscribers.
|
|
1600
|
+
*/
|
|
1601
|
+
function applyForwardedSafeAreaInsets(insets) {
|
|
1602
|
+
const current = aitState.state.safeAreaInsets;
|
|
1603
|
+
if (current.top === insets.top && current.bottom === insets.bottom && current.left === insets.left && current.right === insets.right) return;
|
|
1604
|
+
aitState.update({ safeAreaInsets: insets });
|
|
1605
|
+
}
|
|
1606
|
+
/**
|
|
1607
|
+
* The `id` attribute of the `<style>` element injected by
|
|
1608
|
+
* {@link applyEnv2Compensation}. Using a stable id makes the injection
|
|
1609
|
+
* idempotent — the element is reused on every subsequent message rather than
|
|
1610
|
+
* accumulating multiple `<style>` nodes.
|
|
1611
|
+
*/
|
|
1612
|
+
const ENV2_COMPENSATION_STYLE_ID = "ait-env2-safe-area-compensation";
|
|
1613
|
+
/**
|
|
1614
|
+
* The CSS text injected when the launcher forwards partner-mode insets
|
|
1615
|
+
* (`top === 0`). The negative margin pulls the mini-app document up by exactly
|
|
1616
|
+
* the device's status-bar inset so the launcher's own bar offset is not
|
|
1617
|
+
* double-counted.
|
|
1618
|
+
*
|
|
1619
|
+
* jsdom cannot evaluate `env()` expressions, so unit tests assert on this
|
|
1620
|
+
* string literal rather than computed geometry.
|
|
1621
|
+
*/
|
|
1622
|
+
const ENV2_COMPENSATION_CSS = "body { margin-top: calc(-1 * env(safe-area-inset-top)); }";
|
|
1623
|
+
/**
|
|
1624
|
+
* Inject or remove the env-2 safe-area compensation `<style>` based on the
|
|
1625
|
+
* forwarded insets received from the launcher.
|
|
1626
|
+
*
|
|
1627
|
+
* ### Why this is needed
|
|
1628
|
+
*
|
|
1629
|
+
* In env 2 (AITC Sandbox PWA) the launcher frames the mini-app in a
|
|
1630
|
+
* full-bleed `<iframe>` whose top edge is already positioned BELOW the
|
|
1631
|
+
* launcher's partner bar (at `env(safe-area-inset-top) + 54px`). However,
|
|
1632
|
+
* inside the cross-origin child iframe, CSS `env(safe-area-inset-top)` STILL
|
|
1633
|
+
* reports the full device status-bar inset (e.g. 62 px on an iPhone 15). Any
|
|
1634
|
+
* mini-app that pads itself by that CSS `env()` value ends up double-counting
|
|
1635
|
+
* the status-bar, producing a ≈62 px white dead-band between the partner bar
|
|
1636
|
+
* and the first content.
|
|
1637
|
+
*
|
|
1638
|
+
* The fix is a compensating negative margin on `body` inside the iframe. When
|
|
1639
|
+
* the launcher forwards partner insets (`top === 0`, meaning "the iframe
|
|
1640
|
+
* already starts below the bar"), we inject:
|
|
1641
|
+
*
|
|
1642
|
+
* ```css
|
|
1643
|
+
* body { margin-top: calc(-1 * env(safe-area-inset-top)); }
|
|
1644
|
+
* ```
|
|
1645
|
+
*
|
|
1646
|
+
* This cancels the duplicate padding without knowing the app's internal DOM
|
|
1647
|
+
* structure. The launcher's html/body `screen.height` force (#527) lives in the
|
|
1648
|
+
* LAUNCHER document (cross-origin) and never touches the mini-app document, so
|
|
1649
|
+
* margin and height force compose independently — they cannot interfere.
|
|
1650
|
+
*
|
|
1651
|
+
* ### Gating
|
|
1652
|
+
*
|
|
1653
|
+
* - **`top === 0`** (partner mode) → install the style (dead-band compensation).
|
|
1654
|
+
* - **`top > 0`** (game mode — launcher forwards the raw device inset for the
|
|
1655
|
+
* floating status-bar capsule) → remove any previously installed style so
|
|
1656
|
+
* `env()` is the authoritative clearance and nothing is double-removed.
|
|
1657
|
+
*
|
|
1658
|
+
* On every insets message (resize/orientation re-post) this function is called
|
|
1659
|
+
* so the gate is re-evaluated and the style toggled accordingly.
|
|
1660
|
+
*
|
|
1661
|
+
* ### env 1 / env 3 / env 4 no-regression
|
|
1662
|
+
*
|
|
1663
|
+
* This function is only called from the `message` listener installed by
|
|
1664
|
+
* {@link installSafeAreaInsetsBridge}. That listener fires only when the
|
|
1665
|
+
* launcher posts an `ait:safe-area-insets` message, which never happens in
|
|
1666
|
+
* env 1 (desktop browser, no launcher), env 3 (intoss-private WebView), or
|
|
1667
|
+
* env 4 (live relay) — they have no launcher posting to the iframe.
|
|
1668
|
+
*
|
|
1669
|
+
* @param top - The forwarded `top` inset value from the launcher message.
|
|
1670
|
+
*/
|
|
1671
|
+
function applyEnv2Compensation(top) {
|
|
1672
|
+
if (typeof document === "undefined") return;
|
|
1673
|
+
const existing = document.getElementById(ENV2_COMPENSATION_STYLE_ID);
|
|
1674
|
+
if (top === 0) {
|
|
1675
|
+
if (existing !== null) return;
|
|
1676
|
+
const style = document.createElement("style");
|
|
1677
|
+
style.id = ENV2_COMPENSATION_STYLE_ID;
|
|
1678
|
+
style.textContent = ENV2_COMPENSATION_CSS;
|
|
1679
|
+
document.head.appendChild(style);
|
|
1680
|
+
} else if (existing !== null) existing.remove();
|
|
1681
|
+
}
|
|
1682
|
+
let installed = false;
|
|
1683
|
+
/**
|
|
1684
|
+
* Install the window `message` listener that receives forwarded insets. Safe to
|
|
1685
|
+
* call multiple times (idempotent) and a no-op outside a browser (SSR/jsdom
|
|
1686
|
+
* without a window). Imported for its side effect by the mock barrel so any
|
|
1687
|
+
* consumer that aliases `@apps-in-toss/web-framework` to the mock gets it wired.
|
|
1688
|
+
*
|
|
1689
|
+
* On each valid `ait:safe-area-insets` message:
|
|
1690
|
+
* 1. Writes the corrected insets into the mock `SafeAreaInsets` state
|
|
1691
|
+
* (existing #484 behaviour — for apps that still read SDK insets).
|
|
1692
|
+
* 2. Drives the env-2 dead-band compensation style via
|
|
1693
|
+
* {@link applyEnv2Compensation} — injects a `body { margin-top: calc(-1 *
|
|
1694
|
+
* env(safe-area-inset-top)) }` style when `top === 0` (partner mode) and
|
|
1695
|
+
* removes it when `top > 0` (game / full-bleed mode).
|
|
1696
|
+
*/
|
|
1697
|
+
function installSafeAreaInsetsBridge() {
|
|
1698
|
+
if (installed || typeof window === "undefined") return;
|
|
1699
|
+
installed = true;
|
|
1700
|
+
window.addEventListener("message", (event) => {
|
|
1701
|
+
const insets = parseSafeAreaInsetsMessage(event.data);
|
|
1702
|
+
if (insets) {
|
|
1703
|
+
applyForwardedSafeAreaInsets(insets);
|
|
1704
|
+
applyEnv2Compensation(insets.top);
|
|
1705
|
+
}
|
|
1706
|
+
});
|
|
1707
|
+
}
|
|
1292
1708
|
/**
|
|
1293
|
-
*
|
|
1294
|
-
* `PermissionFunctionWithDialog`로 선언하지만, 실기기(2.x×iOS)에는 그 메서드가
|
|
1295
|
-
* **런타임에 붙어 있지 않다**(devtools#795 — 호출 시 `fetchContacts.getPermission
|
|
1296
|
-
* is not a function` native `TypeError`). standalone `getPermission({name:
|
|
1297
|
-
* 'contacts', access: 'access'})`는 실기기에서 정상 resolve하므로(env3 run11,
|
|
1298
|
-
* `../permissions.ts`) 부재는 fetchContacts에 **부착된** 메서드에만 해당하는
|
|
1299
|
-
* 상류 타입↔런타임 불일치다.
|
|
1709
|
+
* Parse a raw postMessage payload as an `ait:navigate-back` command.
|
|
1300
1710
|
*
|
|
1301
|
-
*
|
|
1302
|
-
*
|
|
1303
|
-
*
|
|
1304
|
-
* 실기기와 일치한다(`__typecheck.ts`/`__typecheck-2x.ts`는 캐스트 타입에 두
|
|
1305
|
-
* 메서드가 여전히 남아 있어 그대로 통과). `_fetchContacts` 내부에서 이미
|
|
1306
|
-
* `checkPermission`을 호출하므로 메인 동작(권한 거부 시
|
|
1307
|
-
* `FetchContactsPermissionError`)은 변화 없다.
|
|
1711
|
+
* Returns true when the payload is a well-formed navigate-back command
|
|
1712
|
+
* (`{ type: 'ait:navigate-back' }`), false otherwise. Pure — unit tested
|
|
1713
|
+
* without a real MessageEvent.
|
|
1308
1714
|
*
|
|
1309
|
-
*
|
|
1310
|
-
*
|
|
1311
|
-
*
|
|
1312
|
-
*
|
|
1313
|
-
* 없다(#783 "측정 밖 확장 금지" 원칙).
|
|
1715
|
+
* Shape guard: only the `type` field is inspected; any extra fields are
|
|
1716
|
+
* ignored so future extensions do not break older receivers. The function
|
|
1717
|
+
* does NOT read any data field beyond `type` — no sensitive values, no host
|
|
1718
|
+
* disclosure (same principle as the insets bridge).
|
|
1314
1719
|
*/
|
|
1315
|
-
|
|
1316
|
-
|
|
1317
|
-
|
|
1720
|
+
function isNavigateBackMessage(data) {
|
|
1721
|
+
if (typeof data !== "object" || data === null) return false;
|
|
1722
|
+
return data.type === NAVIGATE_BACK_MESSAGE_TYPE;
|
|
1723
|
+
}
|
|
1724
|
+
let navigateBackInstalled = false;
|
|
1318
1725
|
/**
|
|
1319
|
-
*
|
|
1726
|
+
* Install the window `message` listener that handles `ait:navigate-back`
|
|
1727
|
+
* commands (#510). When the launcher partner bar's `←` button is clicked it
|
|
1728
|
+
* posts `{ type: 'ait:navigate-back' }` to the framed dev app; this listener
|
|
1729
|
+
* calls `dispatchHostBackNavigation()` from the navigation module.
|
|
1320
1730
|
*
|
|
1321
|
-
*
|
|
1322
|
-
*
|
|
1323
|
-
*
|
|
1324
|
-
*
|
|
1325
|
-
*
|
|
1326
|
-
*
|
|
1327
|
-
*
|
|
1328
|
-
*
|
|
1329
|
-
*
|
|
1731
|
+
* Dispatch semantics: if there are any `graniteEvent.addEventListener('backEvent', …)`
|
|
1732
|
+
* subscribers the CustomEvent `__ait:backEvent` is fired (same path as the env-1
|
|
1733
|
+
* panel back button — the mini-app intercept channel). When there are no
|
|
1734
|
+
* subscribers `history.back()` is called as the fallback. Back semantics are
|
|
1735
|
+
* owned entirely by the navigation module; this bridge only delegates.
|
|
1736
|
+
*
|
|
1737
|
+
* Safe to call multiple times (idempotent) and a no-op outside a browser.
|
|
1738
|
+
* Installed together with the inset bridge by `installBridges()` so any consumer
|
|
1739
|
+
* of the mock barrel gets both wired automatically.
|
|
1740
|
+
*
|
|
1741
|
+
* No-op on apps that predate this bridge — the launcher posts the message but
|
|
1742
|
+
* older mocks simply have no listener (harmless).
|
|
1330
1743
|
*/
|
|
1744
|
+
function installNavigateBackBridge() {
|
|
1745
|
+
if (navigateBackInstalled || typeof window === "undefined") return;
|
|
1746
|
+
navigateBackInstalled = true;
|
|
1747
|
+
window.addEventListener("message", (event) => {
|
|
1748
|
+
if (isNavigateBackMessage(event.data)) dispatchHostBackNavigation();
|
|
1749
|
+
});
|
|
1750
|
+
}
|
|
1331
1751
|
/**
|
|
1332
|
-
*
|
|
1333
|
-
*
|
|
1752
|
+
* Install both env-2 postMessage bridges in one call (#484 insets + #510
|
|
1753
|
+
* navigate-back). The mock barrel calls this at import time so consumers get
|
|
1754
|
+
* all bridges wired without any explicit setup.
|
|
1334
1755
|
*/
|
|
1335
|
-
|
|
1336
|
-
|
|
1337
|
-
|
|
1338
|
-
|
|
1339
|
-
|
|
1340
|
-
|
|
1341
|
-
|
|
1342
|
-
|
|
1343
|
-
|
|
1344
|
-
|
|
1345
|
-
|
|
1346
|
-
|
|
1347
|
-
|
|
1348
|
-
|
|
1349
|
-
|
|
1350
|
-
|
|
1351
|
-
|
|
1352
|
-
|
|
1353
|
-
|
|
1354
|
-
|
|
1355
|
-
|
|
1356
|
-
|
|
1357
|
-
|
|
1358
|
-
|
|
1359
|
-
|
|
1360
|
-
|
|
1361
|
-
|
|
1362
|
-
|
|
1363
|
-
|
|
1364
|
-
|
|
1365
|
-
|
|
1366
|
-
|
|
1367
|
-
|
|
1368
|
-
};
|
|
1756
|
+
function installBridges() {
|
|
1757
|
+
installSafeAreaInsetsBridge();
|
|
1758
|
+
installNavigateBackBridge();
|
|
1759
|
+
}
|
|
1760
|
+
//#endregion
|
|
1761
|
+
//#region src/mock/ads/index.ts
|
|
1762
|
+
function withIsSupported(fn) {
|
|
1763
|
+
fn.isSupported = () => true;
|
|
1764
|
+
return fn;
|
|
1765
|
+
}
|
|
1766
|
+
const _slotRegistry = /* @__PURE__ */ new Map();
|
|
1767
|
+
let _slotCounter = 0;
|
|
1768
|
+
function _nextSlotId(adGroupId) {
|
|
1769
|
+
_slotCounter += 1;
|
|
1770
|
+
return `mock-slot-${adGroupId}-${_slotCounter}`;
|
|
1771
|
+
}
|
|
1772
|
+
const GoogleAdMob = createMockProxy("GoogleAdMob", {
|
|
1773
|
+
loadAppsInTossAdMob: withIsSupported(observe("GoogleAdMob.loadAppsInTossAdMob", "faithful", (args) => {
|
|
1774
|
+
setTimeout(() => {
|
|
1775
|
+
const failureCode = aitState.state.failureModes.loadAdMob;
|
|
1776
|
+
if (failureCode) {
|
|
1777
|
+
args.onError(buildNativeError(failureCode));
|
|
1778
|
+
return;
|
|
1779
|
+
}
|
|
1780
|
+
const throttleError = throttleErrorFor("loadAppsInTossAdMob");
|
|
1781
|
+
if (throttleError) {
|
|
1782
|
+
args.onError(throttleError);
|
|
1783
|
+
return;
|
|
1784
|
+
}
|
|
1785
|
+
if (aitState.state.ads.forceNoFill) {
|
|
1786
|
+
args.onError(/* @__PURE__ */ new Error("No fill"));
|
|
1787
|
+
return;
|
|
1788
|
+
}
|
|
1789
|
+
aitState.patch("ads", { isLoaded: true });
|
|
1790
|
+
args.onEvent({
|
|
1791
|
+
type: "loaded",
|
|
1792
|
+
data: {
|
|
1793
|
+
adGroupId: args.options.adGroupId,
|
|
1794
|
+
adUnitId: `mock-unit-${args.options.adGroupId}`,
|
|
1795
|
+
responseInfo: {
|
|
1796
|
+
responseId: `mock-response-${args.options.adGroupId}`,
|
|
1797
|
+
adNetworkInfoArray: [],
|
|
1798
|
+
loadedAdNetworkInfo: null
|
|
1799
|
+
}
|
|
1800
|
+
}
|
|
1801
|
+
});
|
|
1802
|
+
}, 200);
|
|
1803
|
+
return () => {};
|
|
1804
|
+
})),
|
|
1805
|
+
showAppsInTossAdMob: withIsSupported(observe("GoogleAdMob.showAppsInTossAdMob", "faithful", (args) => {
|
|
1806
|
+
if (!aitState.state.ads.isLoaded) {
|
|
1807
|
+
args.onError(/* @__PURE__ */ new Error("Ad not loaded"));
|
|
1808
|
+
return () => {};
|
|
1809
|
+
}
|
|
1810
|
+
const { rewardUnitType, rewardAmount } = aitState.state.ads;
|
|
1811
|
+
setTimeout(() => args.onEvent({
|
|
1812
|
+
type: "userEarnedReward",
|
|
1813
|
+
data: {
|
|
1814
|
+
unitType: rewardUnitType,
|
|
1815
|
+
unitAmount: rewardAmount
|
|
1816
|
+
}
|
|
1817
|
+
}), 1e3);
|
|
1818
|
+
setTimeout(() => {
|
|
1819
|
+
args.onEvent({ type: "dismissed" });
|
|
1820
|
+
aitState.patch("ads", { isLoaded: false });
|
|
1821
|
+
}, 1500);
|
|
1822
|
+
return () => {};
|
|
1823
|
+
})),
|
|
1824
|
+
isAppsInTossAdMobLoaded: withIsSupported(observe("GoogleAdMob.isAppsInTossAdMobLoaded", "faithful", async (_options) => {
|
|
1825
|
+
if (_options?.adGroupId !== void 0 && _options.adGroupId.trim() === "") throw buildNativeError("INVALID_REQUEST");
|
|
1826
|
+
return aitState.state.ads.isLoaded;
|
|
1827
|
+
}))
|
|
1828
|
+
});
|
|
1829
|
+
const TossAds = createMockProxy("TossAds", {
|
|
1830
|
+
initialize: withIsSupported(observe("TossAds.initialize", "partial", (options) => {
|
|
1831
|
+
if (aitState.state.ads.forceNoFill) {
|
|
1832
|
+
options.callbacks?.onInitializationFailed?.(/* @__PURE__ */ new Error("No fill"));
|
|
1833
|
+
return;
|
|
1834
|
+
}
|
|
1835
|
+
options.callbacks?.onInitialized?.();
|
|
1836
|
+
})),
|
|
1837
|
+
attach: withIsSupported(observe("TossAds.attach", "partial", (_adGroupId, target, _options) => {
|
|
1838
|
+
const el = typeof target === "string" ? document.querySelector(target) : target;
|
|
1839
|
+
if (el) {
|
|
1840
|
+
const placeholder = document.createElement("div");
|
|
1841
|
+
placeholder.style.cssText = "background:#f0f0f0;border:1px dashed #999;padding:16px;text-align:center;color:#666;font-size:14px;";
|
|
1842
|
+
placeholder.textContent = "[@apps-in-toss/devtools] TossAds Placeholder";
|
|
1843
|
+
el.appendChild(placeholder);
|
|
1844
|
+
}
|
|
1845
|
+
})),
|
|
1846
|
+
attachBanner: withIsSupported(observe("TossAds.attachBanner", "faithful", (adGroupId, target, options) => {
|
|
1847
|
+
const el = typeof target === "string" ? document.querySelector(target) : target;
|
|
1848
|
+
const slotId = _nextSlotId(adGroupId);
|
|
1849
|
+
const placeholder = document.createElement("div");
|
|
1850
|
+
const theme = options?.theme ?? "auto";
|
|
1851
|
+
const variant = options?.variant ?? "card";
|
|
1852
|
+
const isDark = theme === "dark" || theme === "auto" && typeof window !== "undefined" && window.matchMedia?.("(prefers-color-scheme: dark)").matches;
|
|
1853
|
+
const bg = isDark ? "#1a1a1a" : "#f0f0f0";
|
|
1854
|
+
const textColor = isDark ? "#aaa" : "#666";
|
|
1855
|
+
const borderColor = isDark ? "#555" : "#999";
|
|
1856
|
+
const height = variant === "expanded" ? "120px" : "60px";
|
|
1857
|
+
placeholder.dataset.aitSlotId = slotId;
|
|
1858
|
+
placeholder.style.cssText = `background:${bg};border:1px dashed ${borderColor};padding:8px 12px;text-align:center;color:${textColor};font-size:12px;min-height:${height};display:flex;align-items:center;justify-content:center;`;
|
|
1859
|
+
placeholder.textContent = `[@apps-in-toss/devtools] Banner Ad (${variant})`;
|
|
1860
|
+
if (el) {
|
|
1861
|
+
el.appendChild(placeholder);
|
|
1862
|
+
_slotRegistry.set(slotId, placeholder);
|
|
1863
|
+
}
|
|
1864
|
+
const destroySlot = () => {
|
|
1865
|
+
const registered = _slotRegistry.get(slotId);
|
|
1866
|
+
if (registered) {
|
|
1867
|
+
registered.remove();
|
|
1868
|
+
_slotRegistry.delete(slotId);
|
|
1869
|
+
}
|
|
1870
|
+
};
|
|
1871
|
+
setTimeout(() => {
|
|
1872
|
+
if (aitState.state.ads.forceNoFill) {
|
|
1873
|
+
options?.callbacks?.onNoFill?.({
|
|
1874
|
+
slotId,
|
|
1875
|
+
adGroupId,
|
|
1876
|
+
adMetadata: {}
|
|
1877
|
+
});
|
|
1878
|
+
options?.callbacks?.onAdFailedToRender?.({
|
|
1879
|
+
slotId,
|
|
1880
|
+
adGroupId,
|
|
1881
|
+
adMetadata: {},
|
|
1882
|
+
error: {
|
|
1883
|
+
code: 0,
|
|
1884
|
+
message: "No fill"
|
|
1885
|
+
}
|
|
1886
|
+
});
|
|
1887
|
+
return;
|
|
1888
|
+
}
|
|
1889
|
+
const eventPayload = {
|
|
1890
|
+
slotId,
|
|
1891
|
+
adGroupId,
|
|
1892
|
+
adMetadata: {
|
|
1893
|
+
creativeId: `mock-creative-${slotId}`,
|
|
1894
|
+
requestId: `mock-req-${slotId}`
|
|
1895
|
+
}
|
|
1896
|
+
};
|
|
1897
|
+
options?.callbacks?.onAdRendered?.(eventPayload);
|
|
1898
|
+
options?.callbacks?.onAdImpression?.(eventPayload);
|
|
1899
|
+
}, 100);
|
|
1900
|
+
return { destroy: destroySlot };
|
|
1901
|
+
})),
|
|
1902
|
+
destroy: withIsSupported(observe("TossAds.destroy", "faithful", (slotId) => {
|
|
1903
|
+
const el = _slotRegistry.get(slotId);
|
|
1904
|
+
if (el) {
|
|
1905
|
+
el.remove();
|
|
1906
|
+
_slotRegistry.delete(slotId);
|
|
1907
|
+
}
|
|
1908
|
+
})),
|
|
1909
|
+
destroyAll: withIsSupported(observe("TossAds.destroyAll", "faithful", () => {
|
|
1910
|
+
for (const el of _slotRegistry.values()) el.remove();
|
|
1911
|
+
_slotRegistry.clear();
|
|
1912
|
+
}))
|
|
1913
|
+
});
|
|
1914
|
+
const loadFullScreenAd = observe("loadFullScreenAd", "faithful", (args) => {
|
|
1915
|
+
setTimeout(() => {
|
|
1916
|
+
const failureCode = aitState.state.failureModes.loadFullScreenAd;
|
|
1917
|
+
if (failureCode) {
|
|
1918
|
+
args.onError(buildNativeError(failureCode));
|
|
1919
|
+
return;
|
|
1920
|
+
}
|
|
1921
|
+
const throttleError = throttleErrorFor("loadFullScreenAd");
|
|
1922
|
+
if (throttleError) {
|
|
1923
|
+
args.onError(throttleError);
|
|
1924
|
+
return;
|
|
1925
|
+
}
|
|
1926
|
+
if (aitState.state.ads.forceNoFill) {
|
|
1927
|
+
args.onError(/* @__PURE__ */ new Error("No fill"));
|
|
1928
|
+
return;
|
|
1929
|
+
}
|
|
1930
|
+
aitState.patch("ads", { isLoaded: true });
|
|
1931
|
+
args.onEvent({ type: "loaded" });
|
|
1932
|
+
}, 200);
|
|
1933
|
+
return () => {};
|
|
1934
|
+
});
|
|
1935
|
+
const showFullScreenAd = withIsSupported(observe("showFullScreenAd", "faithful", (args) => {
|
|
1936
|
+
if (!aitState.state.ads.isLoaded) {
|
|
1937
|
+
args.onError(/* @__PURE__ */ new Error("Ad not loaded"));
|
|
1938
|
+
return () => {};
|
|
1939
|
+
}
|
|
1940
|
+
setTimeout(() => args.onEvent({ type: "clicked" }), 100);
|
|
1941
|
+
setTimeout(() => args.onEvent({ type: "dismissed" }), 1500);
|
|
1942
|
+
return () => {};
|
|
1943
|
+
}));
|
|
1944
|
+
const Ads = createMockProxy("Ads", {
|
|
1945
|
+
showTossAdOrShoppingAds: withIsSupported(observe("Ads.showTossAdOrShoppingAds", "faithful", (args) => {
|
|
1946
|
+
if (!aitState.state.ads.isLoaded) {
|
|
1947
|
+
args.onError(/* @__PURE__ */ new Error("Ad not loaded"));
|
|
1948
|
+
return () => {};
|
|
1949
|
+
}
|
|
1950
|
+
const { rewardUnitType, rewardAmount } = aitState.state.ads;
|
|
1951
|
+
setTimeout(() => args.onEvent({
|
|
1952
|
+
type: "userEarnedReward",
|
|
1953
|
+
data: {
|
|
1954
|
+
unitType: rewardUnitType,
|
|
1955
|
+
unitAmount: rewardAmount
|
|
1956
|
+
}
|
|
1957
|
+
}), 1e3);
|
|
1958
|
+
setTimeout(() => {
|
|
1959
|
+
args.onEvent({ type: "dismissed" });
|
|
1960
|
+
aitState.patch("ads", { isLoaded: false });
|
|
1961
|
+
}, 1500);
|
|
1962
|
+
return () => {};
|
|
1963
|
+
})),
|
|
1964
|
+
showTossShoppingAds: withIsSupported(observe("Ads.showTossShoppingAds", "faithful", (args) => {
|
|
1965
|
+
const { rewardUnitType, rewardAmount } = aitState.state.ads;
|
|
1966
|
+
setTimeout(() => args.onEvent({
|
|
1967
|
+
type: "userEarnedReward",
|
|
1968
|
+
data: {
|
|
1969
|
+
unitType: rewardUnitType,
|
|
1970
|
+
unitAmount: rewardAmount
|
|
1971
|
+
}
|
|
1972
|
+
}), 1e3);
|
|
1973
|
+
setTimeout(() => args.onEvent({ type: "dismissed" }), 1500);
|
|
1974
|
+
return () => {};
|
|
1975
|
+
}))
|
|
1976
|
+
});
|
|
1977
|
+
//#endregion
|
|
1978
|
+
//#region src/mock/analytics/index.ts
|
|
1369
1979
|
/**
|
|
1370
|
-
*
|
|
1371
|
-
*
|
|
1372
|
-
* @ait-co/polyfill/auto가 설치된 환경에서는 navigator.vibrate가 polyfill shim으로
|
|
1373
|
-
* override되어 있고, 그 shim은 내부적으로 mock의 generateHapticFeedback을 호출한다.
|
|
1374
|
-
* mock이 다시 navigator.vibrate(현재 = shim)를 호출하면 무한 재귀가 발생한다.
|
|
1375
|
-
* polyfill은 원본 vibrate를 BACKUP_KEY에 저장하므로 그쪽을 직접 호출한다.
|
|
1980
|
+
* Analytics mock
|
|
1376
1981
|
*/
|
|
1377
|
-
const
|
|
1378
|
-
|
|
1379
|
-
|
|
1380
|
-
|
|
1381
|
-
|
|
1382
|
-
|
|
1383
|
-
|
|
1384
|
-
}
|
|
1385
|
-
|
|
1386
|
-
|
|
1387
|
-
|
|
1982
|
+
const Analytics = {
|
|
1983
|
+
screen: (params) => {
|
|
1984
|
+
aitState.logAnalytics({
|
|
1985
|
+
type: "screen",
|
|
1986
|
+
params: params ?? {}
|
|
1987
|
+
});
|
|
1988
|
+
return Promise.resolve(null);
|
|
1989
|
+
},
|
|
1990
|
+
impression: (params) => {
|
|
1991
|
+
aitState.logAnalytics({
|
|
1992
|
+
type: "impression",
|
|
1993
|
+
params: params ?? {}
|
|
1994
|
+
});
|
|
1995
|
+
return Promise.resolve(null);
|
|
1996
|
+
},
|
|
1997
|
+
click: (params) => {
|
|
1998
|
+
aitState.logAnalytics({
|
|
1999
|
+
type: "click",
|
|
2000
|
+
params: params ?? {}
|
|
2001
|
+
});
|
|
2002
|
+
return Promise.resolve(null);
|
|
2003
|
+
}
|
|
2004
|
+
};
|
|
2005
|
+
async function eventLog(params) {
|
|
1388
2006
|
aitState.logAnalytics({
|
|
1389
|
-
type:
|
|
1390
|
-
params: {
|
|
1391
|
-
|
|
1392
|
-
|
|
1393
|
-
|
|
1394
|
-
method: "generateHapticFeedback",
|
|
1395
|
-
args: [{ type: options.type }],
|
|
1396
|
-
timestamp,
|
|
1397
|
-
status: "resolved",
|
|
1398
|
-
result: {
|
|
1399
|
-
hapticType: options.type,
|
|
1400
|
-
vibrated
|
|
1401
|
-
},
|
|
1402
|
-
fidelity: "partial"
|
|
2007
|
+
type: params.log_type,
|
|
2008
|
+
params: {
|
|
2009
|
+
log_name: params.log_name,
|
|
2010
|
+
...params.params
|
|
2011
|
+
}
|
|
1403
2012
|
});
|
|
1404
|
-
|
|
1405
|
-
async function saveBase64Data(params) {
|
|
1406
|
-
if (params.data === "") throw buildNativeError("INVALID_DATA");
|
|
1407
|
-
const a = document.createElement("a");
|
|
1408
|
-
a.href = `data:${params.mimeType};base64,${params.data}`;
|
|
1409
|
-
a.download = params.fileName;
|
|
1410
|
-
a.click();
|
|
2013
|
+
return null;
|
|
1411
2014
|
}
|
|
1412
2015
|
//#endregion
|
|
1413
|
-
//#region src/mock/
|
|
2016
|
+
//#region src/mock/auth/index.ts
|
|
1414
2017
|
/**
|
|
1415
|
-
*
|
|
1416
|
-
* mock/web/prompt 모드 지원
|
|
2018
|
+
* 인증/로그인 mock
|
|
1417
2019
|
*/
|
|
1418
|
-
|
|
1419
|
-
|
|
1420
|
-
|
|
1421
|
-
Accuracy[Accuracy["Balanced"] = 3] = "Balanced";
|
|
1422
|
-
Accuracy[Accuracy["High"] = 4] = "High";
|
|
1423
|
-
Accuracy[Accuracy["Highest"] = 5] = "Highest";
|
|
1424
|
-
Accuracy[Accuracy["BestForNavigation"] = 6] = "BestForNavigation";
|
|
1425
|
-
return Accuracy;
|
|
1426
|
-
}(Accuracy || {});
|
|
1427
|
-
function buildLocation() {
|
|
1428
|
-
return {
|
|
1429
|
-
coords: { ...aitState.state.location.coords },
|
|
1430
|
-
timestamp: Date.now(),
|
|
1431
|
-
accessLocation: aitState.state.location.accessLocation
|
|
1432
|
-
};
|
|
1433
|
-
}
|
|
1434
|
-
async function getCurrentLocationMock() {
|
|
1435
|
-
const { coords, timestamp } = buildLocation();
|
|
2020
|
+
async function appLogin() {
|
|
2021
|
+
const failureCode = aitState.state.failureModes.appLogin;
|
|
2022
|
+
if (failureCode) throw buildNativeError(failureCode);
|
|
1436
2023
|
return {
|
|
1437
|
-
|
|
1438
|
-
|
|
2024
|
+
authorizationCode: `mock-auth-${crypto.randomUUID()}`,
|
|
2025
|
+
referrer: aitState.state.environment === "toss" ? "DEFAULT" : "SANDBOX"
|
|
1439
2026
|
};
|
|
1440
2027
|
}
|
|
1441
|
-
async function
|
|
1442
|
-
|
|
1443
|
-
|
|
1444
|
-
|
|
1445
|
-
resolve(buildLocation());
|
|
1446
|
-
return;
|
|
1447
|
-
}
|
|
1448
|
-
navigator.geolocation.getCurrentPosition((pos) => {
|
|
1449
|
-
resolve({
|
|
1450
|
-
coords: {
|
|
1451
|
-
latitude: pos.coords.latitude,
|
|
1452
|
-
longitude: pos.coords.longitude,
|
|
1453
|
-
altitude: pos.coords.altitude ?? 0,
|
|
1454
|
-
accuracy: pos.coords.accuracy,
|
|
1455
|
-
altitudeAccuracy: pos.coords.altitudeAccuracy ?? 0,
|
|
1456
|
-
heading: pos.coords.heading ?? 0
|
|
1457
|
-
},
|
|
1458
|
-
timestamp: pos.timestamp
|
|
1459
|
-
});
|
|
1460
|
-
}, () => {
|
|
1461
|
-
console.warn("[@apps-in-toss/devtools] Geolocation failed, falling back to mock");
|
|
1462
|
-
resolve(buildLocation());
|
|
1463
|
-
});
|
|
1464
|
-
});
|
|
2028
|
+
async function getIsTossLoginIntegratedService() {
|
|
2029
|
+
const failureCode = aitState.state.failureModes.getIsTossLoginIntegratedService;
|
|
2030
|
+
if (failureCode) throw buildNativeError(failureCode);
|
|
2031
|
+
return aitState.state.auth.isTossLoginIntegrated;
|
|
1465
2032
|
}
|
|
1466
|
-
async function
|
|
1467
|
-
const { coords, timestamp } = await waitForPromptResponse("location");
|
|
2033
|
+
async function getUserKeyForGame() {
|
|
1468
2034
|
return {
|
|
1469
|
-
|
|
1470
|
-
|
|
1471
|
-
};
|
|
1472
|
-
}
|
|
1473
|
-
const _getCurrentLocation = async (_options) => {
|
|
1474
|
-
checkPermission("geolocation", "getCurrentLocation");
|
|
1475
|
-
checkThrottle("getCurrentLocation");
|
|
1476
|
-
const mode = aitState.state.deviceModes.location;
|
|
1477
|
-
if (mode === "web") return getCurrentLocationWeb();
|
|
1478
|
-
if (mode === "prompt") return getCurrentLocationPrompt();
|
|
1479
|
-
return getCurrentLocationMock();
|
|
1480
|
-
};
|
|
1481
|
-
const getCurrentLocation = withPermission(_getCurrentLocation, "geolocation");
|
|
1482
|
-
function startUpdateLocationMock(eventParams) {
|
|
1483
|
-
const { onEvent, options } = eventParams;
|
|
1484
|
-
const interval = Math.max(options.timeInterval, 500);
|
|
1485
|
-
const id = setInterval(() => {
|
|
1486
|
-
const loc = buildLocation();
|
|
1487
|
-
loc.coords.latitude += (Math.random() - .5) * 1e-4;
|
|
1488
|
-
loc.coords.longitude += (Math.random() - .5) * 1e-4;
|
|
1489
|
-
onEvent(loc);
|
|
1490
|
-
}, interval);
|
|
1491
|
-
return () => clearInterval(id);
|
|
1492
|
-
}
|
|
1493
|
-
function startUpdateLocationWeb(eventParams) {
|
|
1494
|
-
const { onEvent, onError } = eventParams;
|
|
1495
|
-
if (!navigator.geolocation) {
|
|
1496
|
-
console.warn("[@apps-in-toss/devtools] Geolocation API not available, falling back to mock");
|
|
1497
|
-
return startUpdateLocationMock(eventParams);
|
|
1498
|
-
}
|
|
1499
|
-
const watchId = navigator.geolocation.watchPosition((pos) => {
|
|
1500
|
-
onEvent({
|
|
1501
|
-
coords: {
|
|
1502
|
-
latitude: pos.coords.latitude,
|
|
1503
|
-
longitude: pos.coords.longitude,
|
|
1504
|
-
altitude: pos.coords.altitude ?? 0,
|
|
1505
|
-
accuracy: pos.coords.accuracy,
|
|
1506
|
-
altitudeAccuracy: pos.coords.altitudeAccuracy ?? 0,
|
|
1507
|
-
heading: pos.coords.heading ?? 0
|
|
1508
|
-
},
|
|
1509
|
-
timestamp: pos.timestamp,
|
|
1510
|
-
accessLocation: "FINE"
|
|
1511
|
-
});
|
|
1512
|
-
}, (err) => onError(err));
|
|
1513
|
-
return () => navigator.geolocation.clearWatch(watchId);
|
|
1514
|
-
}
|
|
1515
|
-
function startUpdateLocationPrompt(eventParams) {
|
|
1516
|
-
const { onEvent } = eventParams;
|
|
1517
|
-
const handler = (e) => {
|
|
1518
|
-
onEvent(e.detail);
|
|
2035
|
+
hash: aitState.state.auth.userKeyHash ?? "",
|
|
2036
|
+
type: "HASH"
|
|
1519
2037
|
};
|
|
1520
|
-
window.addEventListener("__ait:prompt-response:location-update", handler);
|
|
1521
|
-
window.dispatchEvent(new CustomEvent("__ait:prompt-request", { detail: { type: "location-update" } }));
|
|
1522
|
-
return () => window.removeEventListener("__ait:prompt-response:location-update", handler);
|
|
1523
2038
|
}
|
|
1524
|
-
|
|
1525
|
-
|
|
1526
|
-
|
|
1527
|
-
|
|
1528
|
-
|
|
1529
|
-
};
|
|
1530
|
-
|
|
1531
|
-
|
|
1532
|
-
|
|
1533
|
-
/**
|
|
1534
|
-
* Network Status mock (mode-aware helper)
|
|
1535
|
-
* navigation 모듈에서 사용. circular dep 방지를 위해 device에 위치.
|
|
1536
|
-
*/
|
|
1537
|
-
/**
|
|
1538
|
-
* Web mode: uses navigator.connection.effectiveType (4g/3g/2g) and navigator.onLine.
|
|
1539
|
-
* Limitations: WIFI, 5G, WWAN cannot be detected via the Network Information API.
|
|
1540
|
-
* Falls back to state-based value when effectiveType is unavailable.
|
|
1541
|
-
*/
|
|
1542
|
-
function getNetworkStatusByMode() {
|
|
1543
|
-
const mode = aitState.state.deviceModes.network;
|
|
1544
|
-
if (mode === "mock") return null;
|
|
1545
|
-
if (mode === "web") {
|
|
1546
|
-
if (!navigator.onLine) return "OFFLINE";
|
|
1547
|
-
const conn = navigator.connection;
|
|
1548
|
-
if (conn?.effectiveType) return {
|
|
1549
|
-
"4g": "4G",
|
|
1550
|
-
"3g": "3G",
|
|
1551
|
-
"2g": "2G",
|
|
1552
|
-
"slow-2g": "2G"
|
|
1553
|
-
}[conn.effectiveType] ?? "UNKNOWN";
|
|
1554
|
-
return aitState.state.networkStatus;
|
|
1555
|
-
}
|
|
1556
|
-
return null;
|
|
2039
|
+
async function getAnonymousKey() {
|
|
2040
|
+
if (!aitState.state.auth.anonymousKeyHash) return void 0;
|
|
2041
|
+
return {
|
|
2042
|
+
hash: aitState.state.auth.anonymousKeyHash,
|
|
2043
|
+
type: "HASH"
|
|
2044
|
+
};
|
|
2045
|
+
}
|
|
2046
|
+
async function appsInTossSignTossCert(_params) {
|
|
2047
|
+
console.log("[@apps-in-toss/devtools] appsInTossSignTossCert called (no-op in mock)");
|
|
1557
2048
|
}
|
|
1558
|
-
//#endregion
|
|
1559
|
-
//#region src/mock/device/pdf.ts
|
|
1560
|
-
/**
|
|
1561
|
-
* Base64로 인코딩된 PDF 데이터를 네이티브 PDF 뷰어로 여는 mock.
|
|
1562
|
-
* mock 환경에서는 즉시 `'CLOSE'`를 반환한다.
|
|
1563
|
-
*/
|
|
1564
|
-
const _openPDFViewerImpl = async (_params) => {
|
|
1565
|
-
await Promise.resolve();
|
|
1566
|
-
return "CLOSE";
|
|
1567
|
-
};
|
|
1568
|
-
const openPDFViewer = Object.assign(_openPDFViewerImpl, { isSupported: () => true });
|
|
1569
|
-
//#endregion
|
|
1570
|
-
//#region src/mock/device/storage.ts
|
|
1571
2049
|
/**
|
|
1572
|
-
*
|
|
1573
|
-
* localStorage에 `__ait_storage:` prefix로 저장하여 앱 자체 localStorage와 분리
|
|
2050
|
+
* 사용자 동의 기반 데이터 mock (devtools#798 — env1에 배선 부재였던 실 export).
|
|
1574
2051
|
*
|
|
1575
|
-
*
|
|
1576
|
-
*
|
|
1577
|
-
*
|
|
1578
|
-
*
|
|
1579
|
-
*
|
|
2052
|
+
* SDK는 이 API를 `@apps-in-toss/web-bridge` 호환 export로 노출하며 2.x와 3.x GA
|
|
2053
|
+
* 양쪽 facade에서 제공한다. 선언 시그니처는 `Promise<Partial<Record<ConsentedUserDataKey, string>>
|
|
2054
|
+
* | undefined>` — appLogin과 같은 async bridge 모양이라 항상 resolve하는 낙관적
|
|
2055
|
+
* 패턴을 따른다.
|
|
2056
|
+
*
|
|
2057
|
+
* 어떤 키가 채워지는지는 콘솔에 등록된 동의문/데이터 묶음(`consentedUserDataKey`)에
|
|
2058
|
+
* 달려 있고 그 매핑은 서버 쪽 설정이라 mock이 알 수 없다 — 호출 파라미터와 무관하게
|
|
2059
|
+
* 상태에 저장된 최소 plausible 객체를 그대로 resolve한다. SDK 선언 밖의 필드는
|
|
2060
|
+
* 추가하지 않는다(devtools#783 — 실측/타입 밖 추정 금지).
|
|
1580
2061
|
*/
|
|
1581
|
-
|
|
1582
|
-
|
|
1583
|
-
|
|
1584
|
-
|
|
1585
|
-
|
|
1586
|
-
|
|
1587
|
-
return null;
|
|
1588
|
-
},
|
|
1589
|
-
removeItem: async (key) => {
|
|
1590
|
-
localStorage.removeItem(`__ait_storage:${key}`);
|
|
1591
|
-
return null;
|
|
1592
|
-
},
|
|
1593
|
-
clearItems: async () => {
|
|
1594
|
-
const keys = Object.keys(localStorage).filter((k) => k.startsWith("__ait_storage:"));
|
|
1595
|
-
for (const k of keys) localStorage.removeItem(k);
|
|
1596
|
-
return null;
|
|
1597
|
-
}
|
|
1598
|
-
});
|
|
2062
|
+
async function getConsentedUserData(_options) {
|
|
2063
|
+
return aitState.state.auth.consentedUserData;
|
|
2064
|
+
}
|
|
2065
|
+
async function getDeclaredAgeRange(_params) {
|
|
2066
|
+
return { ...aitState.state.auth.declaredAgeRange };
|
|
2067
|
+
}
|
|
1599
2068
|
//#endregion
|
|
1600
2069
|
//#region src/mock/iap/index.ts
|
|
1601
2070
|
let orderCounter = 0;
|
|
@@ -1730,207 +2199,6 @@ const requestTossPayPaysBilling = Object.assign(async function requestTossPayPay
|
|
|
1730
2199
|
};
|
|
1731
2200
|
}, { isSupported: () => true });
|
|
1732
2201
|
//#endregion
|
|
1733
|
-
//#region src/mock/navigation/index.ts
|
|
1734
|
-
async function closeView() {
|
|
1735
|
-
console.log("[@apps-in-toss/devtools] closeView called");
|
|
1736
|
-
window.history.back();
|
|
1737
|
-
}
|
|
1738
|
-
async function openURL(url) {
|
|
1739
|
-
console.log("[@apps-in-toss/devtools] openURL:", url);
|
|
1740
|
-
window.open(url, "_blank");
|
|
1741
|
-
}
|
|
1742
|
-
async function share(message) {
|
|
1743
|
-
if (navigator.share) {
|
|
1744
|
-
await navigator.share({ text: message.message });
|
|
1745
|
-
return;
|
|
1746
|
-
}
|
|
1747
|
-
console.log("[@apps-in-toss/devtools] share:", message.message);
|
|
1748
|
-
}
|
|
1749
|
-
const URI_SCHEME_PATTERN = /^[a-zA-Z][a-zA-Z0-9+.-]*:/;
|
|
1750
|
-
async function getTossShareLink(path, _ogImageUrl) {
|
|
1751
|
-
if (!URI_SCHEME_PATTERN.test(path)) throw buildNativeError("EXECUTION_ERROR");
|
|
1752
|
-
return `https://toss.im/share/mock${path}`;
|
|
1753
|
-
}
|
|
1754
|
-
async function setIosSwipeGestureEnabled(options) {
|
|
1755
|
-
console.log("[@apps-in-toss/devtools] setIosSwipeGestureEnabled:", options.isEnabled);
|
|
1756
|
-
aitState.patch("navigation", { iosSwipeGestureEnabled: options.isEnabled });
|
|
1757
|
-
}
|
|
1758
|
-
async function setDeviceOrientation(options) {
|
|
1759
|
-
const current = aitState.state.viewport.orientation;
|
|
1760
|
-
if (current === "auto") {
|
|
1761
|
-
console.log("[@apps-in-toss/devtools] setDeviceOrientation:", options.type);
|
|
1762
|
-
aitState.patch("viewport", { appOrientation: options.type });
|
|
1763
|
-
return;
|
|
1764
|
-
}
|
|
1765
|
-
console.warn(`[@apps-in-toss/devtools] setDeviceOrientation(${options.type}) ignored — Panel is forcing "${current}". Change the Viewport tab's orientation to "auto" to let the app control rotation.`);
|
|
1766
|
-
}
|
|
1767
|
-
let _wakeLockSentinel = null;
|
|
1768
|
-
const setScreenAwakeMode = observe("setScreenAwakeMode", "partial", async (options) => {
|
|
1769
|
-
console.log("[@apps-in-toss/devtools] setScreenAwakeMode:", options.enabled);
|
|
1770
|
-
const wakeLock = navigator.wakeLock;
|
|
1771
|
-
if (options.enabled) {
|
|
1772
|
-
if (wakeLock && !_wakeLockSentinel) try {
|
|
1773
|
-
_wakeLockSentinel = await wakeLock.request("screen");
|
|
1774
|
-
} catch (err) {
|
|
1775
|
-
console.warn("[@apps-in-toss/devtools] setScreenAwakeMode: wakeLock.request 실패 (무시됨):", err);
|
|
1776
|
-
}
|
|
1777
|
-
} else if (_wakeLockSentinel) {
|
|
1778
|
-
const sentinel = _wakeLockSentinel;
|
|
1779
|
-
_wakeLockSentinel = null;
|
|
1780
|
-
try {
|
|
1781
|
-
await sentinel.release();
|
|
1782
|
-
} catch {}
|
|
1783
|
-
}
|
|
1784
|
-
return { enabled: options.enabled };
|
|
1785
|
-
});
|
|
1786
|
-
const setSecureScreen = observe("setSecureScreen", "inert", async (options) => {
|
|
1787
|
-
console.log("[@apps-in-toss/devtools] setSecureScreen:", options.enabled);
|
|
1788
|
-
return { enabled: options.enabled };
|
|
1789
|
-
});
|
|
1790
|
-
const requestReview = observe("requestReview", "inert", async () => {
|
|
1791
|
-
console.log("[@apps-in-toss/devtools] requestReview called");
|
|
1792
|
-
});
|
|
1793
|
-
requestReview.isSupported = () => true;
|
|
1794
|
-
/**
|
|
1795
|
-
* 아래 6개 함수(`getPlatformOS`/`getOperationalEnvironment`/`isMinVersionSupported`/
|
|
1796
|
-
* `getSchemeUri`/`getLocale`/`getDeviceId`, `getSchemeUri`는 devtools#806) + 이
|
|
1797
|
-
* 파일 최하단의 `getSafeAreaInsets`는 실기기(2.x×iOS) capture에서 전부
|
|
1798
|
-
* **Promise를 반환**함이 확인됐다(devtools#795/#806 — sdk-example type-probe
|
|
1799
|
-
* 실측). 그런데 상류 `.d.ts`는 이 함수들을 전부 **동기**로 선언한다 — 선언과
|
|
1800
|
-
* 런타임이 어긋난 상류 타입 버그다.
|
|
1801
|
-
*
|
|
1802
|
-
* mock은 타입 선언이 아니라 런타임 실측을 재현해야 개발자가 env1(브라우저)에서
|
|
1803
|
-
* 겪는 동작이 env3(실기기)와 같아진다(#775 원칙 — Analytics·setClipboardText·
|
|
1804
|
-
* Storage·getSafeAreaInsets(#770)에 이미 적용). 그래서 시그니처는 상류와 동일하게
|
|
1805
|
-
* 두고(`__typecheck.ts`/`__typecheck-2x.ts`의 `Assert*`가 계속 컴파일되도록)
|
|
1806
|
-
* 반환값만 `Promise.resolve(...)`로 감싸 기존 시그니처로 캐스트한다 — 선언 타입이
|
|
1807
|
-
* 안 바뀌므로 런타임 Promise는 tsc에 보이지 않는다.
|
|
1808
|
-
*
|
|
1809
|
-
* `getTossAppVersion`/`getGroupId`/`getAppsInTossGlobals`/`env.getDeploymentId`는
|
|
1810
|
-
* devtools#806 env3 재캡처에서도 여전히 미측정이다 — environment 테스트가
|
|
1811
|
-
* `getSchemeUri` 단언에서 조기 실패해 뒤 4개 accessor 캡처가 애초에 안 떨어졌다.
|
|
1812
|
-
* 같은 async 축일 가능성은 있으나 관측 전까지 손대지 않는다(#783 "측정 밖 확장
|
|
1813
|
-
* 금지").
|
|
1814
|
-
*/
|
|
1815
|
-
function getPlatformOS() {
|
|
1816
|
-
return Promise.resolve(aitState.state.platform);
|
|
1817
|
-
}
|
|
1818
|
-
function getOperationalEnvironment() {
|
|
1819
|
-
return Promise.resolve(aitState.state.environment);
|
|
1820
|
-
}
|
|
1821
|
-
function getTossAppVersion() {
|
|
1822
|
-
return aitState.state.appVersion;
|
|
1823
|
-
}
|
|
1824
|
-
function isMinVersionSupported(minVersions) {
|
|
1825
|
-
const result = computeIsMinVersionSupported(minVersions);
|
|
1826
|
-
return Promise.resolve(result);
|
|
1827
|
-
}
|
|
1828
|
-
function computeIsMinVersionSupported(minVersions) {
|
|
1829
|
-
const required = aitState.state.platform === "ios" ? minVersions.ios : minVersions.android;
|
|
1830
|
-
if (required === "always") return true;
|
|
1831
|
-
if (required === "never") return false;
|
|
1832
|
-
const current = aitState.state.appVersion.split(".").map(Number);
|
|
1833
|
-
const min = required.split(".").map(Number);
|
|
1834
|
-
for (let i = 0; i < 3; i++) {
|
|
1835
|
-
if ((current[i] ?? 0) > (min[i] ?? 0)) return true;
|
|
1836
|
-
if ((current[i] ?? 0) < (min[i] ?? 0)) return false;
|
|
1837
|
-
}
|
|
1838
|
-
return true;
|
|
1839
|
-
}
|
|
1840
|
-
function getSchemeUri() {
|
|
1841
|
-
const result = aitState.state.schemeUri || window.location.pathname;
|
|
1842
|
-
return Promise.resolve(result);
|
|
1843
|
-
}
|
|
1844
|
-
function getLocale() {
|
|
1845
|
-
return Promise.resolve(aitState.state.locale);
|
|
1846
|
-
}
|
|
1847
|
-
function getDeviceId() {
|
|
1848
|
-
return Promise.resolve(aitState.state.deviceId);
|
|
1849
|
-
}
|
|
1850
|
-
function getGroupId() {
|
|
1851
|
-
return aitState.state.groupId;
|
|
1852
|
-
}
|
|
1853
|
-
async function getNetworkStatus() {
|
|
1854
|
-
const modeResult = getNetworkStatusByMode();
|
|
1855
|
-
if (modeResult) return modeResult;
|
|
1856
|
-
return aitState.state.networkStatus;
|
|
1857
|
-
}
|
|
1858
|
-
const _getServerTimeImpl = async () => {
|
|
1859
|
-
return Date.now();
|
|
1860
|
-
};
|
|
1861
|
-
const getServerTime = Object.assign(_getServerTimeImpl, { isSupported: () => true });
|
|
1862
|
-
const graniteEvent = { addEventListener(event, { onEvent, onError }) {
|
|
1863
|
-
const handler = () => {
|
|
1864
|
-
try {
|
|
1865
|
-
onEvent();
|
|
1866
|
-
} catch (e) {
|
|
1867
|
-
onError?.(e instanceof Error ? e : new Error(String(e)));
|
|
1868
|
-
}
|
|
1869
|
-
};
|
|
1870
|
-
window.addEventListener(`__ait:${event}`, handler);
|
|
1871
|
-
let cleaned = false;
|
|
1872
|
-
return () => {
|
|
1873
|
-
if (cleaned) return;
|
|
1874
|
-
cleaned = true;
|
|
1875
|
-
window.removeEventListener(`__ait:${event}`, handler);
|
|
1876
|
-
};
|
|
1877
|
-
} };
|
|
1878
|
-
const appsInTossEvent = { addEventListener(_event, _handlers) {
|
|
1879
|
-
return () => {};
|
|
1880
|
-
} };
|
|
1881
|
-
const tdsEvent = { addEventListener(event, { onEvent }) {
|
|
1882
|
-
const handler = (e) => {
|
|
1883
|
-
const detail = e.detail;
|
|
1884
|
-
onEvent(detail);
|
|
1885
|
-
};
|
|
1886
|
-
window.addEventListener(`__ait:${event}`, handler);
|
|
1887
|
-
return () => window.removeEventListener(`__ait:${event}`, handler);
|
|
1888
|
-
} };
|
|
1889
|
-
/**
|
|
1890
|
-
* @deprecated web-framework 3.0 에서 제거됨. 2.x 소비자 back-compat용으로 유지.
|
|
1891
|
-
*/
|
|
1892
|
-
function onVisibilityChangedByTransparentServiceWeb(eventParams) {
|
|
1893
|
-
const handler = () => eventParams.onEvent(!document.hidden);
|
|
1894
|
-
document.addEventListener("visibilitychange", handler);
|
|
1895
|
-
return () => document.removeEventListener("visibilitychange", handler);
|
|
1896
|
-
}
|
|
1897
|
-
const env = { getDeploymentId: () => aitState.state.deploymentId };
|
|
1898
|
-
function getAppsInTossGlobals() {
|
|
1899
|
-
return {
|
|
1900
|
-
deploymentId: aitState.state.deploymentId,
|
|
1901
|
-
brandDisplayName: aitState.state.brand.displayName,
|
|
1902
|
-
brandIcon: aitState.state.brand.icon,
|
|
1903
|
-
brandPrimaryColor: aitState.state.brand.primaryColor
|
|
1904
|
-
};
|
|
1905
|
-
}
|
|
1906
|
-
const SafeAreaInsets = {
|
|
1907
|
-
get: () => ({ ...aitState.state.safeAreaInsets }),
|
|
1908
|
-
subscribe: ({ onEvent }) => {
|
|
1909
|
-
return aitState.subscribe(() => onEvent({ ...aitState.state.safeAreaInsets }));
|
|
1910
|
-
}
|
|
1911
|
-
};
|
|
1912
|
-
/**
|
|
1913
|
-
* @deprecated `SafeAreaInsets.get()`을 쓸 것.
|
|
1914
|
-
*
|
|
1915
|
-
* 상류 SDK의 타입 선언은 `getSafeAreaInsets(): number`지만, 실기기(2.x×iOS)
|
|
1916
|
-
* capture는 이 함수가 숫자가 아니라 `SafeAreaInsets.get()`과 같은 객체
|
|
1917
|
-
* (`{ top, right, bottom, left }`)를 반환함을 보였다(devtools#770 —
|
|
1918
|
-
* `returnType: "object"`, `valueKeys: ["top","right","bottom","left"]`).
|
|
1919
|
-
* 즉 선언과 런타임이 어긋나 있는 상류 타입 버그다. 게다가 그 반환 자체도
|
|
1920
|
-
* 동기가 아니라 **Promise**다(devtools#795 — 위 "환경 정보" 섹션 상단 주석과
|
|
1921
|
-
* 같은 축, type-probe 실측). shape(object)와 sync/async 두 축 모두 선언과
|
|
1922
|
-
* 어긋나 있다.
|
|
1923
|
-
*
|
|
1924
|
-
* mock은 타입 선언이 아니라 **런타임 실측**을 재현해야 개발자가 env1에서 겪는
|
|
1925
|
-
* 동작이 실기기와 같아진다. 그래서 시그니처는 상류와 동일하게 `number`로 두되
|
|
1926
|
-
* (`__typecheck.ts`가 SDK 타입에 대해 계속 컴파일되도록) 반환값만 실측 객체를
|
|
1927
|
-
* `Promise.resolve`로 감싸 캐스트한다 — Analytics·setClipboardText·Storage와
|
|
1928
|
-
* 같은 처리(#775).
|
|
1929
|
-
*/
|
|
1930
|
-
function getSafeAreaInsets() {
|
|
1931
|
-
return Promise.resolve({ ...aitState.state.safeAreaInsets });
|
|
1932
|
-
}
|
|
1933
|
-
//#endregion
|
|
1934
2202
|
//#region src/mock/bridge-factories.ts
|
|
1935
2203
|
/** Generic bridge escape hatches exposed by both SDK lines. */
|
|
1936
2204
|
const asyncBridgeRegistry = {
|
|
@@ -2079,36 +2347,13 @@ const _requestNotificationAgreementImpl = (params) => {
|
|
|
2079
2347
|
const requestNotificationAgreement = Object.assign(_requestNotificationAgreementImpl, { isSupported: () => true });
|
|
2080
2348
|
//#endregion
|
|
2081
2349
|
//#region src/mock/partner/index.ts
|
|
2082
|
-
/**
|
|
2083
|
-
* Partner / TDS mock
|
|
2084
|
-
*/
|
|
2085
|
-
/** navigationAccessoryEvent 브릿지 이벤트 이름 — tdsEvent.addEventListener가 구독하는
|
|
2086
|
-
* `__ait:${event}` 컨벤션(state.ts의 `trigger()`)을 따른다. 이벤트 payload 계약
|
|
2087
|
-
* (`{ id: string }`)은 web-framework의 `TdsEvent['navigationAccessoryEvent']`와 동일. */
|
|
2088
|
-
const NAVIGATION_ACCESSORY_EVENT = "navigationAccessoryEvent";
|
|
2089
|
-
let _accessoryButtonEl = null;
|
|
2090
|
-
function removeAccessoryButtonEl() {
|
|
2091
|
-
_accessoryButtonEl?.remove();
|
|
2092
|
-
_accessoryButtonEl = null;
|
|
2093
|
-
}
|
|
2094
2350
|
const partner = {
|
|
2095
|
-
|
|
2096
|
-
|
|
2097
|
-
|
|
2098
|
-
|
|
2099
|
-
|
|
2100
|
-
|
|
2101
|
-
button.title = `[@apps-in-toss/devtools] partner.addAccessoryButton (icon: ${options.icon.name})`;
|
|
2102
|
-
button.style.cssText = "position:fixed;top:8px;right:8px;z-index:2147483000;padding:6px 10px;border:1px dashed #999;border-radius:6px;background:#f0f0f0;color:#333;font-size:12px;line-height:1.4;cursor:pointer;";
|
|
2103
|
-
button.addEventListener("click", () => {
|
|
2104
|
-
window.dispatchEvent(new CustomEvent(`__ait:${NAVIGATION_ACCESSORY_EVENT}`, { detail: { id: options.id } }));
|
|
2105
|
-
});
|
|
2106
|
-
document.body.appendChild(button);
|
|
2107
|
-
_accessoryButtonEl = button;
|
|
2108
|
-
}),
|
|
2109
|
-
removeAccessoryButton: observe("partner.removeAccessoryButton", "partial", async () => {
|
|
2110
|
-
removeAccessoryButtonEl();
|
|
2111
|
-
})
|
|
2351
|
+
async addAccessoryButton(options) {
|
|
2352
|
+
console.log("[@apps-in-toss/devtools] partner.addAccessoryButton:", options);
|
|
2353
|
+
},
|
|
2354
|
+
async removeAccessoryButton() {
|
|
2355
|
+
console.log("[@apps-in-toss/devtools] partner.removeAccessoryButton");
|
|
2356
|
+
}
|
|
2112
2357
|
};
|
|
2113
2358
|
//#endregion
|
|
2114
2359
|
//#region src/mock/preset-store.ts
|
|
@@ -2386,4 +2631,13 @@ function captureCurrentState(snapshot) {
|
|
|
2386
2631
|
};
|
|
2387
2632
|
}
|
|
2388
2633
|
//#endregion
|
|
2389
|
-
|
|
2634
|
+
//#region src/mock/index.ts
|
|
2635
|
+
/**
|
|
2636
|
+
* @apps-in-toss/devtools/mock
|
|
2637
|
+
*
|
|
2638
|
+
* @apps-in-toss/web-framework의 모든 export를 mock으로 대체한다.
|
|
2639
|
+
* 번들러 alias로 원본 대신 이 모듈이 resolve된다.
|
|
2640
|
+
*/
|
|
2641
|
+
installBridges();
|
|
2642
|
+
//#endregion
|
|
2643
|
+
export { Accuracy, Ads, Analytics, FetchAlbumPhotosPermissionError, FetchContactsPermissionError, GetClipboardTextPermissionError, GetCurrentLocationPermissionError, GoogleAdMob, IAP, NAVIGATE_BACK_MESSAGE_TYPE, OpenCameraPermissionError, PermissionError, SAFE_AREA_INSETS_MESSAGE_TYPE, SafeAreaInsets, SetClipboardTextPermissionError, StartUpdateLocationPermissionError, Storage, TossAds, WEB_VIEW_TYPE_MESSAGE_TYPE, aitState, appLogin, applyForwardedSafeAreaInsets, applyPreset, appsInTossEvent, appsInTossSignTossCert, builtInPresets, captureCurrentState, checkoutPayment, closeView, contactsViral, createAsyncBridge, createConstantBridge, createEventBridge, deleteUserPreset, env, eventLog, fetchAlbumItems, fetchAlbumPhotos, fetchContacts, generateHapticFeedback, getAnonymousKey, getAppsInTossGlobals, getClipboardText, getConsentedUserData, getCurrentLocation, getDeclaredAgeRange, getDefaultPlaceholderImages, getDeviceId, getGameCenterGameProfile, getGroupId, getIsTossLoginIntegratedService, getLocale, getNetworkStatus, getOperationalEnvironment, getPermission, getPlatformOS, getSafeAreaInsets, getSchemeUri, getServerTime, getTossAppVersion, getTossShareLink, getUserKeyForGame, graniteEvent, grantPromotionReward, grantPromotionRewardForGame, installBridges, installNavigateBackBridge, installSafeAreaInsetsBridge, isMinVersionSupported, isNavigateBackMessage, listUserPresets, loadFullScreenAd, matchesPreset, onVisibilityChangedByTransparentServiceWeb, openCamera, openGameCenterLeaderboard, openPDFViewer, openPermissionDialog, openURL, parseSafeAreaInsetsMessage, parseWebViewTypeMessage, partner, requestNotificationAgreement, requestPermission, requestReview, requestTossPayPaysBilling, saveBase64Data, saveUserPreset, setClipboardText, setDeviceOrientation, setIosSwipeGestureEnabled, setScreenAwakeMode, setSecureScreen, share, showFullScreenAd, startUpdateLocation, submitGameCenterLeaderBoardScore, tdsEvent };
|