@alfalab/bridge-to-native 1.3.2-beta.9b534a8 → 1.3.2-beta.b39ff6d
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/client/bridge-to-native.d.ts +12 -11
- package/client/bridge-to-native.js +13 -10
- package/client/services-and-utils/native-navigation-and-title-service.d.ts +5 -4
- package/client/services-and-utils/native-navigation-and-title-service.js +95 -113
- package/client/types.d.ts +2 -0
- package/package.json +1 -1
- package/query-and-headers-keys.d.ts +1 -0
- package/query-and-headers-keys.js +4 -2
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
import { type BrowserHistoryApiWrappers, type HistoryPushStateParams, type LocationAssignParam, type LogError, type NativeFeatureKey, type PdfType } from './types';
|
|
2
|
+
import { type BrowserHistoryApiWrappers, type HistoryPushStateParams, type HistoryReplaceStateParams, type LocationAssignParam, type LogError, type NativeFeatureKey, type PdfType } from './types';
|
|
3
3
|
/**
|
|
4
4
|
* Сервис, предоставляет методы для WA, работающего внутри NA.
|
|
5
5
|
*/
|
|
@@ -89,12 +89,6 @@ export declare class BridgeToNative {
|
|
|
89
89
|
* Делает несколько шагов назад по браузерной истории и модифицирует внутреннее состояние,
|
|
90
90
|
* чтобы в дальнейшем зарегистрировать этот переход в NA.
|
|
91
91
|
*
|
|
92
|
-
* ВАЖНО!
|
|
93
|
-
* Метод можно использовать только в рамках истории по SPA WA! Движение назад
|
|
94
|
-
* server-side переходом на несколько шагов не поддерживается.
|
|
95
|
-
*
|
|
96
|
-
* Снять это ограничение возможно, но нужны доработки.
|
|
97
|
-
*
|
|
98
92
|
* @param stepsNumber Количество шагов назад.
|
|
99
93
|
* Возможно передача как положительного, так и отрицательного числа. `0` будет проигнорирован.
|
|
100
94
|
* @param autoCloseWebview Флаг — закрывать ли WV автоматически,
|
|
@@ -138,6 +132,7 @@ export declare class BridgeToNative {
|
|
|
138
132
|
*
|
|
139
133
|
* @param url URL для перехода внутри WA client-side навигацией.
|
|
140
134
|
* @param state <https://developer.mozilla.org/en-US/docs/Web/API/History/state> для новой записи в истории.
|
|
135
|
+
* Должен быть объектом или `null`. Примитивы (строка, число и т.п.) будут потеряны.
|
|
141
136
|
* @param nativeTitle Текст заголовка, для «нативной» части WV, пустая строка — отсутствие заголовка.
|
|
142
137
|
*/
|
|
143
138
|
navigateClientSide(url: HistoryPushStateParams[2], state?: HistoryPushStateParams[0], nativeTitle?: string): void;
|
|
@@ -146,10 +141,6 @@ export declare class BridgeToNative {
|
|
|
146
141
|
* чтобы корректно передать информацию экземпляру B2N следующего WA или
|
|
147
142
|
* экзепляру B2N следующей страницы текущего WA (в случае multi-page application).
|
|
148
143
|
*
|
|
149
|
-
* ВАЖНО!
|
|
150
|
-
* `goBackAFewStepsClientSide` можно использовать только в рамках истории по SPA WA! Движение назад
|
|
151
|
-
* server-side переходом на несколько шагов не поддерживается.
|
|
152
|
-
*
|
|
153
144
|
* @param url URL для перехода внутри WA server-side навигацией.
|
|
154
145
|
* @param nativeTitle Текст заголовка, для «нативной» части WV, пустая строка — отсутствие заголовка.
|
|
155
146
|
*/
|
|
@@ -204,6 +195,16 @@ export declare class BridgeToNative {
|
|
|
204
195
|
* но с помощью аргумента можно отключить этот вызов, если нужно.
|
|
205
196
|
*/
|
|
206
197
|
reload(skipReload?: boolean): void;
|
|
198
|
+
/**
|
|
199
|
+
* Позволяет изменить `history.state` и/или URL текущей записи без потери служебного свойства B2N.
|
|
200
|
+
* Используйте этот метод вместо прямого вызова `history.replaceState`.
|
|
201
|
+
* Прямой вызов `history.replaceState` приведёт к потере `b2n-pageId` и нарушит работу навигации.
|
|
202
|
+
*
|
|
203
|
+
* @param url URL для замены.
|
|
204
|
+
* @param state <https://developer.mozilla.org/en-US/docs/Web/API/History/state>.
|
|
205
|
+
* Должен быть объектом или `null`. Примитивы (строка, число и т.п.) будут потеряны.
|
|
206
|
+
*/
|
|
207
|
+
replaceHistoryState(url?: HistoryReplaceStateParams[2], state?: HistoryReplaceStateParams[0]): void;
|
|
207
208
|
/**
|
|
208
209
|
* Информирует NA, что WA находится на первом экране. Это приведёт к тому,
|
|
209
210
|
* что следующее нажатие на кнопку «Назад» в NA закроет WV.
|
|
@@ -115,12 +115,6 @@ class BridgeToNative {
|
|
|
115
115
|
* Делает несколько шагов назад по браузерной истории и модифицирует внутреннее состояние,
|
|
116
116
|
* чтобы в дальнейшем зарегистрировать этот переход в NA.
|
|
117
117
|
*
|
|
118
|
-
* ВАЖНО!
|
|
119
|
-
* Метод можно использовать только в рамках истории по SPA WA! Движение назад
|
|
120
|
-
* server-side переходом на несколько шагов не поддерживается.
|
|
121
|
-
*
|
|
122
|
-
* Снять это ограничение возможно, но нужны доработки.
|
|
123
|
-
*
|
|
124
118
|
* @param stepsNumber Количество шагов назад.
|
|
125
119
|
* Возможно передача как положительного, так и отрицательного числа. `0` будет проигнорирован.
|
|
126
120
|
* @param autoCloseWebview Флаг — закрывать ли WV автоматически,
|
|
@@ -170,6 +164,7 @@ class BridgeToNative {
|
|
|
170
164
|
*
|
|
171
165
|
* @param url URL для перехода внутри WA client-side навигацией.
|
|
172
166
|
* @param state <https://developer.mozilla.org/en-US/docs/Web/API/History/state> для новой записи в истории.
|
|
167
|
+
* Должен быть объектом или `null`. Примитивы (строка, число и т.п.) будут потеряны.
|
|
173
168
|
* @param nativeTitle Текст заголовка, для «нативной» части WV, пустая строка — отсутствие заголовка.
|
|
174
169
|
*/
|
|
175
170
|
navigateClientSide(url, state, nativeTitle = '') {
|
|
@@ -180,10 +175,6 @@ class BridgeToNative {
|
|
|
180
175
|
* чтобы корректно передать информацию экземпляру B2N следующего WA или
|
|
181
176
|
* экзепляру B2N следующей страницы текущего WA (в случае multi-page application).
|
|
182
177
|
*
|
|
183
|
-
* ВАЖНО!
|
|
184
|
-
* `goBackAFewStepsClientSide` можно использовать только в рамках истории по SPA WA! Движение назад
|
|
185
|
-
* server-side переходом на несколько шагов не поддерживается.
|
|
186
|
-
*
|
|
187
178
|
* @param url URL для перехода внутри WA server-side навигацией.
|
|
188
179
|
* @param nativeTitle Текст заголовка, для «нативной» части WV, пустая строка — отсутствие заголовка.
|
|
189
180
|
*/
|
|
@@ -248,6 +239,18 @@ class BridgeToNative {
|
|
|
248
239
|
reload(skipReload) {
|
|
249
240
|
this.nativeNavigationAndTitleService.reload(skipReload);
|
|
250
241
|
}
|
|
242
|
+
/**
|
|
243
|
+
* Позволяет изменить `history.state` и/или URL текущей записи без потери служебного свойства B2N.
|
|
244
|
+
* Используйте этот метод вместо прямого вызова `history.replaceState`.
|
|
245
|
+
* Прямой вызов `history.replaceState` приведёт к потере `b2n-pageId` и нарушит работу навигации.
|
|
246
|
+
*
|
|
247
|
+
* @param url URL для замены.
|
|
248
|
+
* @param state <https://developer.mozilla.org/en-US/docs/Web/API/History/state>.
|
|
249
|
+
* Должен быть объектом или `null`. Примитивы (строка, число и т.п.) будут потеряны.
|
|
250
|
+
*/
|
|
251
|
+
replaceHistoryState(url, state = null) {
|
|
252
|
+
this.nativeNavigationAndTitleService.replaceHistoryState(url, state);
|
|
253
|
+
}
|
|
251
254
|
/**
|
|
252
255
|
* Информирует NA, что WA находится на первом экране. Это приведёт к тому,
|
|
253
256
|
* что следующее нажатие на кнопку «Назад» в NA закроет WV.
|
|
@@ -12,8 +12,9 @@ export declare class NativeNavigationAndTitleService {
|
|
|
12
12
|
private browserHistoryApiWrappers?;
|
|
13
13
|
private logError?;
|
|
14
14
|
private nativeHistoryStack;
|
|
15
|
-
private numOfBackSteps;
|
|
16
15
|
private lastSetPageSettingsParams;
|
|
16
|
+
private isGoBackLocked;
|
|
17
|
+
private isNavigateServerSideLocked;
|
|
17
18
|
constructor(nativeParamsService: NativeParamsService, browserHistoryApiWrappers?: BrowserHistoryApiWrappers | undefined, logError?: LogError | undefined);
|
|
18
19
|
closeWebview(): void;
|
|
19
20
|
goBack(): void;
|
|
@@ -23,6 +24,9 @@ export declare class NativeNavigationAndTitleService {
|
|
|
23
24
|
reload(skipReload?: boolean): void;
|
|
24
25
|
setInitialView(nativeTitle?: string): void;
|
|
25
26
|
setTitle(nativeTitle: string): void;
|
|
27
|
+
replaceHistoryState(url?: HistoryPushStateParams[2], state?: HistoryPushStateParams[0]): void;
|
|
28
|
+
private createStateWithPageId;
|
|
29
|
+
private setHistoryStatePageId;
|
|
26
30
|
/**
|
|
27
31
|
* Метод, вычисляющий `pageId`, который нужно послать в NA
|
|
28
32
|
* для правильной синхронизации с кнопкой "Назад". Также вычисляет `pageTitle`
|
|
@@ -45,9 +49,6 @@ export declare class NativeNavigationAndTitleService {
|
|
|
45
49
|
private initializeNativeHistoryStack;
|
|
46
50
|
private initializeForNewOrigin;
|
|
47
51
|
private initializeForForward;
|
|
48
|
-
private initializeFromBackwardOrReload;
|
|
49
|
-
private stackContainsCrossOriginMarker;
|
|
50
|
-
private truncateToLastCrossOriginMarker;
|
|
51
52
|
/**
|
|
52
53
|
* Читает и парсит `nativeHistoryStack` из SessionStorage.
|
|
53
54
|
* При ошибке чтения или парсинга логирует через `logError` и пробрасывает исключение.
|
|
@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
4
4
|
exports.NativeNavigationAndTitleService = void 0;
|
|
5
5
|
const query_and_headers_keys_1 = require("../../query-and-headers-keys");
|
|
6
6
|
const close_webview_util_1 = require("./close-webview-util");
|
|
7
|
+
const NativeHistoryStackStub = 0;
|
|
7
8
|
/**
|
|
8
9
|
* Сервис, отвечающий за взаимодействие WA с WV компонентами NA —
|
|
9
10
|
* «заголовком» и кнопкой «назад».
|
|
@@ -16,11 +17,17 @@ class NativeNavigationAndTitleService {
|
|
|
16
17
|
this.nativeParamsService = nativeParamsService;
|
|
17
18
|
this.browserHistoryApiWrappers = browserHistoryApiWrappers;
|
|
18
19
|
this.logError = logError;
|
|
19
|
-
// Поле, помогающее правильно обработать переход «назад» на несколько шагов.
|
|
20
|
-
this.numOfBackSteps = 1;
|
|
21
20
|
// Здесь сохраняются параметры, которые в последний раз были отправлены
|
|
22
21
|
// в NA. Помогает предотвратить повторную отправку одинаковых параметров.
|
|
23
22
|
this.lastSetPageSettingsParams = '';
|
|
23
|
+
// Предотвращают повторный вызов навигации, пока текущая не завершена.
|
|
24
|
+
// Без блокировки WV-браузер продолжит показывать исходную страницу,
|
|
25
|
+
// и повторный вызов может инициировать нежелательную навигацию.
|
|
26
|
+
// `isGoBackLocked` снимается в `handleClientSideNavigationBack` (popstate) для soft-навигации;
|
|
27
|
+
// при hard-навигации блокировка снимется автоматически при новой инициализации.
|
|
28
|
+
// `isNavigateServerSideLocked` не снимается — после server-side навигации всегда новая инициализация.
|
|
29
|
+
this.isGoBackLocked = false;
|
|
30
|
+
this.isNavigateServerSideLocked = false;
|
|
24
31
|
this.handleClientSideNavigationBack = this.handleClientSideNavigationBack.bind(this);
|
|
25
32
|
window.addEventListener('popstate', this.handleClientSideNavigationBack); // без отписки т.к. Сервис используется в течение всей жизни WA
|
|
26
33
|
this.initializeNativeHistoryStack();
|
|
@@ -30,6 +37,10 @@ class NativeNavigationAndTitleService {
|
|
|
30
37
|
(0, close_webview_util_1.closeWebviewUtil)();
|
|
31
38
|
}
|
|
32
39
|
goBack() {
|
|
40
|
+
if (this.isGoBackLocked) {
|
|
41
|
+
return;
|
|
42
|
+
}
|
|
43
|
+
this.isGoBackLocked = true;
|
|
33
44
|
this.goBackAFewStepsClientSide(-1, true);
|
|
34
45
|
}
|
|
35
46
|
goBackAFewStepsClientSide(stepsNumber, autoCloseWebview = false) {
|
|
@@ -44,12 +55,8 @@ class NativeNavigationAndTitleService {
|
|
|
44
55
|
(0, close_webview_util_1.closeWebviewUtil)();
|
|
45
56
|
return;
|
|
46
57
|
}
|
|
47
|
-
this.numOfBackSteps = maxStepsToBack;
|
|
48
|
-
}
|
|
49
|
-
else {
|
|
50
|
-
this.numOfBackSteps = stepsToBack;
|
|
51
58
|
}
|
|
52
|
-
const steps = -
|
|
59
|
+
const steps = -Math.min(stepsToBack, maxStepsToBack);
|
|
53
60
|
if ((_a = this.browserHistoryApiWrappers) === null || _a === void 0 ? void 0 : _a.go) {
|
|
54
61
|
this.browserHistoryApiWrappers.go(steps);
|
|
55
62
|
}
|
|
@@ -59,36 +66,34 @@ class NativeNavigationAndTitleService {
|
|
|
59
66
|
// Далее сработает подписка на `popstate`, см. метод `handleClientSideNavigationBack`.
|
|
60
67
|
}
|
|
61
68
|
navigateClientSide(url, state = null, nativeTitle = '') {
|
|
62
|
-
var _a
|
|
69
|
+
var _a;
|
|
70
|
+
const nextPageId = this.nativeHistoryStack.length + 1;
|
|
71
|
+
const stateWithPageId = this.createStateWithPageId(state, nextPageId);
|
|
63
72
|
if ((_a = this.browserHistoryApiWrappers) === null || _a === void 0 ? void 0 : _a.push) {
|
|
64
|
-
|
|
73
|
+
this.browserHistoryApiWrappers.push(url, stateWithPageId);
|
|
65
74
|
}
|
|
66
75
|
else {
|
|
67
|
-
window.history.pushState(
|
|
76
|
+
window.history.pushState(stateWithPageId, '', url);
|
|
68
77
|
}
|
|
69
78
|
this.nativeHistoryStack.push(nativeTitle);
|
|
70
79
|
this.saveNativeHistoryStack();
|
|
71
80
|
this.syncHistoryWithNative();
|
|
72
81
|
}
|
|
73
82
|
navigateServerSide(link, nativeTitle = '') {
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
if (isCrossOrigin) {
|
|
77
|
-
this.nativeHistoryStack.push(2 /* NativeHistoryStackSpecialValues.ServerSideNavigationNextOrigin */);
|
|
78
|
-
}
|
|
79
|
-
else {
|
|
80
|
-
this.nativeHistoryStack.push(nativeTitle);
|
|
83
|
+
if (this.isNavigateServerSideLocked) {
|
|
84
|
+
return;
|
|
81
85
|
}
|
|
86
|
+
this.isNavigateServerSideLocked = true;
|
|
87
|
+
const url = link instanceof URL ? link : new URL(link);
|
|
88
|
+
this.nativeHistoryStack.push(nativeTitle || '');
|
|
82
89
|
if (nativeTitle) {
|
|
83
90
|
url.searchParams.set(query_and_headers_keys_1.QUERY_B2N_TITLE, nativeTitle);
|
|
84
91
|
}
|
|
85
92
|
this.saveNativeHistoryStack();
|
|
86
93
|
window.location.assign(this.prepareExternalLinkBeforeOpen(url));
|
|
87
94
|
}
|
|
95
|
+
// eslint-disable-next-line class-methods-use-this -- удобней использовать метод в контексте экземпляра.
|
|
88
96
|
reload(skipReload = false) {
|
|
89
|
-
this.nativeHistoryStack.push(1 /* NativeHistoryStackSpecialValues.TemporaryReloadStub */);
|
|
90
|
-
this.saveNativeHistoryStack();
|
|
91
|
-
// информация для серверной стороны B2N, что происходит `reload` и парсить запрос на предмет NA параметров не нужно (в нем их скорее всего не будет)
|
|
92
97
|
document.cookie = `${query_and_headers_keys_1.COOKIE_KEY_BRIDGE_TO_NATIVE_RELOAD}=true; Path=/`;
|
|
93
98
|
if (!skipReload) {
|
|
94
99
|
window.location.reload();
|
|
@@ -104,6 +109,33 @@ class NativeNavigationAndTitleService {
|
|
|
104
109
|
this.saveNativeHistoryStack();
|
|
105
110
|
this.syncHistoryWithNative();
|
|
106
111
|
}
|
|
112
|
+
replaceHistoryState(url, state = null) {
|
|
113
|
+
var _a;
|
|
114
|
+
const pageId = this.nativeHistoryStack.length;
|
|
115
|
+
const stateWithPageId = this.createStateWithPageId(state, pageId);
|
|
116
|
+
if ((_a = this.browserHistoryApiWrappers) === null || _a === void 0 ? void 0 : _a.replace) {
|
|
117
|
+
this.browserHistoryApiWrappers.replace(url, stateWithPageId);
|
|
118
|
+
}
|
|
119
|
+
else {
|
|
120
|
+
window.history.replaceState(stateWithPageId, '', url);
|
|
121
|
+
}
|
|
122
|
+
}
|
|
123
|
+
// eslint-disable-next-line class-methods-use-this -- удобней использовать метод в контексте экземпляра.
|
|
124
|
+
createStateWithPageId(state, pageId) {
|
|
125
|
+
const isPlainObject = (v) => v !== null && v !== undefined && typeof v === 'object' && !Array.isArray(v);
|
|
126
|
+
return Object.assign(Object.assign({}, (isPlainObject(state) ? state : {})), { [query_and_headers_keys_1.HISTORY_STATE_KEY_B2N_PAGE_ID]: pageId });
|
|
127
|
+
}
|
|
128
|
+
setHistoryStatePageId() {
|
|
129
|
+
var _a;
|
|
130
|
+
const pageId = this.nativeHistoryStack.length;
|
|
131
|
+
const newState = this.createStateWithPageId(window.history.state, pageId);
|
|
132
|
+
if ((_a = this.browserHistoryApiWrappers) === null || _a === void 0 ? void 0 : _a.replace) {
|
|
133
|
+
this.browserHistoryApiWrappers.replace(undefined, newState);
|
|
134
|
+
}
|
|
135
|
+
else {
|
|
136
|
+
window.history.replaceState(newState, '');
|
|
137
|
+
}
|
|
138
|
+
}
|
|
107
139
|
/**
|
|
108
140
|
* Метод, вычисляющий `pageId`, который нужно послать в NA
|
|
109
141
|
* для правильной синхронизации с кнопкой "Назад". Также вычисляет `pageTitle`
|
|
@@ -126,9 +158,16 @@ class NativeNavigationAndTitleService {
|
|
|
126
158
|
* Обработчик для `window.onpopstate` события. Который сработает
|
|
127
159
|
* после нажатия на кнопку «Назад» в NA, вызова `history.back()` и `history.go(-x)`.
|
|
128
160
|
*/
|
|
129
|
-
handleClientSideNavigationBack() {
|
|
130
|
-
|
|
131
|
-
this.
|
|
161
|
+
handleClientSideNavigationBack(event) {
|
|
162
|
+
var _a;
|
|
163
|
+
this.isGoBackLocked = false;
|
|
164
|
+
const statePageId = (_a = event === null || event === void 0 ? void 0 : event.state) === null || _a === void 0 ? void 0 : _a[query_and_headers_keys_1.HISTORY_STATE_KEY_B2N_PAGE_ID];
|
|
165
|
+
if (typeof statePageId === 'number') {
|
|
166
|
+
this.nativeHistoryStack = this.nativeHistoryStack.slice(0, statePageId);
|
|
167
|
+
}
|
|
168
|
+
else {
|
|
169
|
+
this.nativeHistoryStack = this.nativeHistoryStack.slice(0, -1);
|
|
170
|
+
}
|
|
132
171
|
if (this.nativeHistoryStack.length < 1) {
|
|
133
172
|
(0, close_webview_util_1.closeWebviewUtil)();
|
|
134
173
|
return;
|
|
@@ -146,108 +185,56 @@ class NativeNavigationAndTitleService {
|
|
|
146
185
|
* Подробное описание каждого сценария см. в {@link ./NAVIGATION_SCENARIOS.md}.
|
|
147
186
|
*/
|
|
148
187
|
initializeNativeHistoryStack() {
|
|
188
|
+
var _a;
|
|
149
189
|
const { nextPageId, title } = this.nativeParamsService;
|
|
150
190
|
const hasSS = this.hasSavedHistoryStack();
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
191
|
+
const statePageId = (_a = window.history.state) === null || _a === void 0 ? void 0 : _a[query_and_headers_keys_1.HISTORY_STATE_KEY_B2N_PAGE_ID];
|
|
192
|
+
try {
|
|
193
|
+
if (typeof statePageId === 'number') {
|
|
194
|
+
const pageId = statePageId;
|
|
195
|
+
if (hasSS) {
|
|
196
|
+
const savedStack = this.readSavedHistoryStack();
|
|
197
|
+
this.nativeHistoryStack = savedStack.slice(0, pageId);
|
|
198
|
+
this.nativeHistoryStack[this.nativeHistoryStack.length - 1] = title;
|
|
199
|
+
}
|
|
200
|
+
else {
|
|
201
|
+
this.nativeHistoryStack = [title];
|
|
202
|
+
}
|
|
203
|
+
}
|
|
204
|
+
else if (nextPageId && !hasSS) {
|
|
205
|
+
this.nativeHistoryStack = this.initializeForNewOrigin(nextPageId, title);
|
|
206
|
+
}
|
|
207
|
+
else if (nextPageId && hasSS) {
|
|
208
|
+
this.nativeHistoryStack = this.initializeForForward(nextPageId, title);
|
|
209
|
+
}
|
|
210
|
+
else {
|
|
211
|
+
this.nativeHistoryStack = [title];
|
|
212
|
+
}
|
|
167
213
|
}
|
|
168
|
-
|
|
169
|
-
// нет nextPageId + нет SS → старт нового WV, назад идти некуда.
|
|
170
|
-
console.log('нет nextPageId + нет SS → старт нового WV, назад идти некуда.');
|
|
214
|
+
catch (_b) {
|
|
171
215
|
this.nativeHistoryStack = [title];
|
|
172
216
|
}
|
|
173
217
|
this.saveNativeHistoryStack();
|
|
174
218
|
this.syncHistoryWithNative();
|
|
219
|
+
this.setHistoryStatePageId();
|
|
175
220
|
}
|
|
176
221
|
// eslint-disable-next-line class-methods-use-this -- удобней использовать метод в контексте экземпляра.
|
|
177
222
|
initializeForNewOrigin(nextPageId, title) {
|
|
178
|
-
const stack = new Array(nextPageId).fill(
|
|
223
|
+
const stack = new Array(nextPageId).fill(NativeHistoryStackStub);
|
|
179
224
|
stack[stack.length - 1] = title;
|
|
180
|
-
console.log('nextPageId', nextPageId);
|
|
181
|
-
console.log('newStack', stack);
|
|
182
225
|
return stack;
|
|
183
226
|
}
|
|
184
227
|
initializeForForward(nextPageId, title) {
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
if (lastSaved === 2 /* NativeHistoryStackSpecialValues.ServerSideNavigationNextOrigin */ &&
|
|
189
|
-
savedStack.length < nextPageId) {
|
|
190
|
-
const stack = new Array(nextPageId).fill(0 /* NativeHistoryStackSpecialValues.ServerSideNavigationStub */);
|
|
191
|
-
for (let i = 0; i < savedStack.length; i++) {
|
|
192
|
-
stack[i] = savedStack[i];
|
|
193
|
-
}
|
|
194
|
-
stack[stack.length - 1] = title;
|
|
195
|
-
console.log('nextPageId', nextPageId);
|
|
196
|
-
console.log('newStack', stack);
|
|
197
|
-
return stack;
|
|
198
|
-
}
|
|
199
|
-
if (savedStack.length === nextPageId) {
|
|
200
|
-
savedStack[savedStack.length - 1] = title;
|
|
201
|
-
console.log('nextPageId', nextPageId);
|
|
202
|
-
console.log('newStack', savedStack);
|
|
203
|
-
return savedStack;
|
|
204
|
-
}
|
|
205
|
-
return this.initializeForNewOrigin(nextPageId, title);
|
|
206
|
-
}
|
|
207
|
-
catch (_a) {
|
|
208
|
-
return this.initializeForNewOrigin(nextPageId, title);
|
|
209
|
-
}
|
|
210
|
-
}
|
|
211
|
-
initializeFromBackwardOrReload(title) {
|
|
212
|
-
try {
|
|
213
|
-
const savedStack = this.readSavedHistoryStack();
|
|
214
|
-
const lastEntry = savedStack[savedStack.length - 1];
|
|
215
|
-
if (lastEntry === 1 /* NativeHistoryStackSpecialValues.TemporaryReloadStub */) {
|
|
216
|
-
savedStack.pop();
|
|
217
|
-
if (savedStack.length === 0) {
|
|
218
|
-
console.log('newStack', [title]);
|
|
219
|
-
return [title];
|
|
220
|
-
}
|
|
221
|
-
console.log('newStack', savedStack);
|
|
222
|
-
return savedStack;
|
|
223
|
-
}
|
|
224
|
-
if (this.stackContainsCrossOriginMarker(savedStack)) {
|
|
225
|
-
console.log('newStack', this.truncateToLastCrossOriginMarker(savedStack));
|
|
226
|
-
return this.truncateToLastCrossOriginMarker(savedStack);
|
|
227
|
-
}
|
|
228
|
-
savedStack.pop();
|
|
229
|
-
if (savedStack.length === 0) {
|
|
230
|
-
console.log('newStack', [title]);
|
|
231
|
-
return [title];
|
|
232
|
-
}
|
|
233
|
-
console.log('newStack', savedStack);
|
|
228
|
+
const savedStack = this.readSavedHistoryStack();
|
|
229
|
+
if (savedStack.length === nextPageId) {
|
|
230
|
+
savedStack[savedStack.length - 1] = title;
|
|
234
231
|
return savedStack;
|
|
235
232
|
}
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
}
|
|
240
|
-
// eslint-disable-next-line class-methods-use-this -- удобней использовать метод в контексте экземпляра.
|
|
241
|
-
stackContainsCrossOriginMarker(stack) {
|
|
242
|
-
return stack.find((el) => el === 2 /* NativeHistoryStackSpecialValues.ServerSideNavigationNextOrigin */);
|
|
243
|
-
}
|
|
244
|
-
// eslint-disable-next-line class-methods-use-this -- удобней использовать метод в контексте экземпляра.
|
|
245
|
-
truncateToLastCrossOriginMarker(stack) {
|
|
246
|
-
for (let i = stack.length - 1; i >= 0; i--) {
|
|
247
|
-
if (stack[i] === 2 /* NativeHistoryStackSpecialValues.ServerSideNavigationNextOrigin */) {
|
|
248
|
-
return stack.slice(0, i);
|
|
249
|
-
}
|
|
233
|
+
const stack = new Array(nextPageId).fill(NativeHistoryStackStub);
|
|
234
|
+
for (let i = 0; i < savedStack.length && i < nextPageId; i++) {
|
|
235
|
+
stack[i] = savedStack[i];
|
|
250
236
|
}
|
|
237
|
+
stack[stack.length - 1] = title;
|
|
251
238
|
return stack;
|
|
252
239
|
}
|
|
253
240
|
/**
|
|
@@ -260,7 +247,6 @@ class NativeNavigationAndTitleService {
|
|
|
260
247
|
if (!serialized) {
|
|
261
248
|
throw new Error(`${query_and_headers_keys_1.SS_KEY_BRIDGE_TO_NATIVE_HISTORY_STACK} sessionStorage expected not to be null`);
|
|
262
249
|
}
|
|
263
|
-
console.log('serializedStack', serialized);
|
|
264
250
|
return JSON.parse(serialized);
|
|
265
251
|
}
|
|
266
252
|
catch (e) {
|
|
@@ -300,10 +286,6 @@ class NativeNavigationAndTitleService {
|
|
|
300
286
|
*/
|
|
301
287
|
saveNativeHistoryStack() {
|
|
302
288
|
const serializedNativeHistoryStack = JSON.stringify(this.nativeHistoryStack);
|
|
303
|
-
console.log('-------');
|
|
304
|
-
console.log('сохраняю стек');
|
|
305
|
-
console.log('стек', this.nativeHistoryStack);
|
|
306
|
-
console.log('сериализованный стек', serializedNativeHistoryStack);
|
|
307
289
|
sessionStorage.setItem(query_and_headers_keys_1.SS_KEY_BRIDGE_TO_NATIVE_HISTORY_STACK, serializedNativeHistoryStack);
|
|
308
290
|
}
|
|
309
291
|
/**
|
package/client/types.d.ts
CHANGED
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
export type BrowserHistoryApiWrappers = {
|
|
2
2
|
push?: (url: HistoryPushStateParams[2], state: HistoryPushStateParams[0]) => void;
|
|
3
3
|
go?: (delta: number) => void;
|
|
4
|
+
replace?: (url: HistoryReplaceStateParams[2], state: HistoryReplaceStateParams[0]) => void;
|
|
4
5
|
};
|
|
5
6
|
export type Environment = 'android' | 'ios';
|
|
6
7
|
export type HistoryPushStateParams = Parameters<typeof window.history.pushState>;
|
|
8
|
+
export type HistoryReplaceStateParams = Parameters<typeof window.history.replaceState>;
|
|
7
9
|
export type LocationAssignParam = Parameters<typeof window.location.assign>[0];
|
|
8
10
|
export type LogError = (b2nErrorMessage: string, originalError: unknown) => void;
|
|
9
11
|
export type NativeFeatureKey = 'geolocation' | 'linksInBrowser' | 'savedBackStack';
|
package/package.json
CHANGED
|
@@ -4,6 +4,7 @@ export declare const COOKIE_KEY_BRIDGE_TO_NATIVE_DATA = "bridgeToNativeData";
|
|
|
4
4
|
export declare const COOKIE_KEY_BRIDGE_TO_NATIVE_RELOAD = "bridgeToNativeReload";
|
|
5
5
|
export declare const HEADER_KEY_NATIVE_APPVERSION = "app-version";
|
|
6
6
|
export declare const HEADER_KEY_WV_LAUNCH_TIME = "webview-launch-time";
|
|
7
|
+
export declare const HISTORY_STATE_KEY_B2N_PAGE_ID = "b2n-pageId";
|
|
7
8
|
export declare const QUERY_B2N_NEXT_PAGEID = "b2n-next-page-id";
|
|
8
9
|
export declare const QUERY_B2N_TITLE = "b2n-title";
|
|
9
10
|
export declare const QUERY_B2N_TITLE_DEPRECATED = "title";
|
|
@@ -3,11 +3,11 @@
|
|
|
3
3
|
* Ключи стандартных заголовков.
|
|
4
4
|
*/
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.SS_KEY_BRIDGE_TO_NATIVE_HISTORY_STACK = exports.QUERY_NATIVE_THEME = exports.QUERY_NATIVE_IOS_APPVERSION = exports.QUERY_NATIVE_IOS_APPID = exports.QUERY_B2N_TITLE_DEPRECATED = exports.QUERY_B2N_TITLE = exports.QUERY_B2N_NEXT_PAGEID = exports.HEADER_KEY_WV_LAUNCH_TIME = exports.HEADER_KEY_NATIVE_APPVERSION = exports.COOKIE_KEY_BRIDGE_TO_NATIVE_RELOAD = exports.COOKIE_KEY_BRIDGE_TO_NATIVE_DATA = exports.HEADER_KEY_USER_AGENT = exports.HEADER_KEY_COOKIE = void 0;
|
|
6
|
+
exports.SS_KEY_BRIDGE_TO_NATIVE_HISTORY_STACK = exports.QUERY_NATIVE_THEME = exports.QUERY_NATIVE_IOS_APPVERSION = exports.QUERY_NATIVE_IOS_APPID = exports.QUERY_B2N_TITLE_DEPRECATED = exports.QUERY_B2N_TITLE = exports.QUERY_B2N_NEXT_PAGEID = exports.HISTORY_STATE_KEY_B2N_PAGE_ID = exports.HEADER_KEY_WV_LAUNCH_TIME = exports.HEADER_KEY_NATIVE_APPVERSION = exports.COOKIE_KEY_BRIDGE_TO_NATIVE_RELOAD = exports.COOKIE_KEY_BRIDGE_TO_NATIVE_DATA = exports.HEADER_KEY_USER_AGENT = exports.HEADER_KEY_COOKIE = void 0;
|
|
7
7
|
exports.HEADER_KEY_COOKIE = 'cookie';
|
|
8
8
|
exports.HEADER_KEY_USER_AGENT = 'user-agent';
|
|
9
9
|
/*
|
|
10
|
-
* Ключи
|
|
10
|
+
* Ключи заголовков, query-параметров и пр., которые использует B2N.
|
|
11
11
|
*/
|
|
12
12
|
// Ключ cookie, с помощью которого серверная часть B2N передаст на клиент информацию об NA.
|
|
13
13
|
exports.COOKIE_KEY_BRIDGE_TO_NATIVE_DATA = 'bridgeToNativeData';
|
|
@@ -23,6 +23,8 @@ exports.COOKIE_KEY_BRIDGE_TO_NATIVE_RELOAD = 'bridgeToNativeReload';
|
|
|
23
23
|
exports.HEADER_KEY_NATIVE_APPVERSION = 'app-version';
|
|
24
24
|
// Ключ заголовка, в котором передается время старта открытия WV экрана в формате timestamp
|
|
25
25
|
exports.HEADER_KEY_WV_LAUNCH_TIME = 'webview-launch-time';
|
|
26
|
+
// Ключ в history.state, хранящий текущий pageId для корректной back-навигации.
|
|
27
|
+
exports.HISTORY_STATE_KEY_B2N_PAGE_ID = 'b2n-pageId';
|
|
26
28
|
// Флаг, предписывающий клиентскому коду B2N начать связь
|
|
27
29
|
// с нативным приложением с указанного в этом параметре id, а не с 1.
|
|
28
30
|
// Необходимо для server-side навигации.
|