@alfalab/bridge-to-native 1.3.2-beta.16c7b6a → 1.3.2-beta.6ebe433
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 +79 -84
- 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,33 @@ class NativeNavigationAndTitleService {
|
|
|
59
66
|
// Далее сработает подписка на `popstate`, см. метод `handleClientSideNavigationBack`.
|
|
60
67
|
}
|
|
61
68
|
navigateClientSide(url, state = null, nativeTitle = '') {
|
|
62
|
-
var _a
|
|
69
|
+
var _a;
|
|
63
70
|
if ((_a = this.browserHistoryApiWrappers) === null || _a === void 0 ? void 0 : _a.push) {
|
|
64
|
-
|
|
71
|
+
this.browserHistoryApiWrappers.push(url, state);
|
|
65
72
|
}
|
|
66
73
|
else {
|
|
67
74
|
window.history.pushState(state, '', url);
|
|
68
75
|
}
|
|
76
|
+
this.setHistoryStatePageId(true);
|
|
69
77
|
this.nativeHistoryStack.push(nativeTitle);
|
|
70
78
|
this.saveNativeHistoryStack();
|
|
71
79
|
this.syncHistoryWithNative();
|
|
72
80
|
}
|
|
73
81
|
navigateServerSide(link, nativeTitle = '') {
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
if (isCrossOrigin) {
|
|
77
|
-
this.nativeHistoryStack.push(2 /* NativeHistoryStackSpecialValues.ServerSideNavigationNextOrigin */);
|
|
78
|
-
}
|
|
79
|
-
else {
|
|
80
|
-
this.nativeHistoryStack.push(nativeTitle);
|
|
82
|
+
if (this.isNavigateServerSideLocked) {
|
|
83
|
+
return;
|
|
81
84
|
}
|
|
85
|
+
this.isNavigateServerSideLocked = true;
|
|
86
|
+
const url = link instanceof URL ? link : new URL(link);
|
|
87
|
+
this.nativeHistoryStack.push(nativeTitle || '');
|
|
82
88
|
if (nativeTitle) {
|
|
83
89
|
url.searchParams.set(query_and_headers_keys_1.QUERY_B2N_TITLE, nativeTitle);
|
|
84
90
|
}
|
|
85
91
|
this.saveNativeHistoryStack();
|
|
86
92
|
window.location.assign(this.prepareExternalLinkBeforeOpen(url));
|
|
87
93
|
}
|
|
94
|
+
// eslint-disable-next-line class-methods-use-this -- удобней использовать метод в контексте экземпляра.
|
|
88
95
|
reload(skipReload = false) {
|
|
89
|
-
this.nativeHistoryStack.push(1 /* NativeHistoryStackSpecialValues.TemporaryReloadStub */);
|
|
90
|
-
this.saveNativeHistoryStack();
|
|
91
|
-
// информация для серверной стороны B2N, что происходит `reload` и парсить запрос на предмет NA параметров не нужно (в нем их скорее всего не будет)
|
|
92
96
|
document.cookie = `${query_and_headers_keys_1.COOKIE_KEY_BRIDGE_TO_NATIVE_RELOAD}=true; Path=/`;
|
|
93
97
|
if (!skipReload) {
|
|
94
98
|
window.location.reload();
|
|
@@ -104,6 +108,31 @@ class NativeNavigationAndTitleService {
|
|
|
104
108
|
this.saveNativeHistoryStack();
|
|
105
109
|
this.syncHistoryWithNative();
|
|
106
110
|
}
|
|
111
|
+
replaceHistoryState(url, state = null) {
|
|
112
|
+
var _a;
|
|
113
|
+
if ((_a = this.browserHistoryApiWrappers) === null || _a === void 0 ? void 0 : _a.replace) {
|
|
114
|
+
this.browserHistoryApiWrappers.replace(url, state);
|
|
115
|
+
}
|
|
116
|
+
else {
|
|
117
|
+
window.history.replaceState(state, '', url);
|
|
118
|
+
}
|
|
119
|
+
this.setHistoryStatePageId();
|
|
120
|
+
}
|
|
121
|
+
// eslint-disable-next-line class-methods-use-this -- удобней использовать метод в контексте экземпляра.
|
|
122
|
+
createStateWithPageId(state, pageId) {
|
|
123
|
+
const isPlainObject = (v) => v !== null && v !== undefined && typeof v === 'object' && !Array.isArray(v);
|
|
124
|
+
return Object.assign(Object.assign({}, (isPlainObject(state) ? state : {})), { [query_and_headers_keys_1.HISTORY_STATE_KEY_B2N_PAGE_ID]: pageId });
|
|
125
|
+
}
|
|
126
|
+
setHistoryStatePageId(useNextPageId = false) {
|
|
127
|
+
const pageId = useNextPageId
|
|
128
|
+
? this.nativeHistoryStack.length + 1
|
|
129
|
+
: this.nativeHistoryStack.length;
|
|
130
|
+
const newState = this.createStateWithPageId(window.history.state, pageId);
|
|
131
|
+
// `b2n-pageId` всегда записывается на верхний уровень через нативный `replaceState`,
|
|
132
|
+
// а не через wrapper, чтобы wrapper (например, React Router / history) не мог обернуть
|
|
133
|
+
// его внутрь своего формата и скрыть от B2N при чтении `history.state`.
|
|
134
|
+
window.history.replaceState(newState, '');
|
|
135
|
+
}
|
|
107
136
|
/**
|
|
108
137
|
* Метод, вычисляющий `pageId`, который нужно послать в NA
|
|
109
138
|
* для правильной синхронизации с кнопкой "Назад". Также вычисляет `pageTitle`
|
|
@@ -126,9 +155,16 @@ class NativeNavigationAndTitleService {
|
|
|
126
155
|
* Обработчик для `window.onpopstate` события. Который сработает
|
|
127
156
|
* после нажатия на кнопку «Назад» в NA, вызова `history.back()` и `history.go(-x)`.
|
|
128
157
|
*/
|
|
129
|
-
handleClientSideNavigationBack() {
|
|
130
|
-
|
|
131
|
-
this.
|
|
158
|
+
handleClientSideNavigationBack(event) {
|
|
159
|
+
var _a;
|
|
160
|
+
this.isGoBackLocked = false;
|
|
161
|
+
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];
|
|
162
|
+
if (typeof statePageId === 'number') {
|
|
163
|
+
this.nativeHistoryStack = this.nativeHistoryStack.slice(0, statePageId);
|
|
164
|
+
}
|
|
165
|
+
else {
|
|
166
|
+
this.nativeHistoryStack = this.nativeHistoryStack.slice(0, -1);
|
|
167
|
+
}
|
|
132
168
|
if (this.nativeHistoryStack.length < 1) {
|
|
133
169
|
(0, close_webview_util_1.closeWebviewUtil)();
|
|
134
170
|
return;
|
|
@@ -146,89 +182,56 @@ class NativeNavigationAndTitleService {
|
|
|
146
182
|
* Подробное описание каждого сценария см. в {@link ./NAVIGATION_SCENARIOS.md}.
|
|
147
183
|
*/
|
|
148
184
|
initializeNativeHistoryStack() {
|
|
185
|
+
var _a;
|
|
149
186
|
const { nextPageId, title } = this.nativeParamsService;
|
|
150
187
|
const hasSS = this.hasSavedHistoryStack();
|
|
151
|
-
|
|
152
|
-
console.log('Инициализируюсь');
|
|
188
|
+
const statePageId = (_a = window.history.state) === null || _a === void 0 ? void 0 : _a[query_and_headers_keys_1.HISTORY_STATE_KEY_B2N_PAGE_ID];
|
|
153
189
|
try {
|
|
154
|
-
if (
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
if (savedStack.length > nextPageId) {
|
|
161
|
-
console.log(`Есть nextPageId (${nextPageId}) + есть SS длиннее nextPageId → back навигация.`);
|
|
162
|
-
this.nativeHistoryStack = this.initializeFromBackwardOrReload(title);
|
|
190
|
+
if (typeof statePageId === 'number') {
|
|
191
|
+
const pageId = statePageId;
|
|
192
|
+
if (hasSS) {
|
|
193
|
+
const savedStack = this.readSavedHistoryStack();
|
|
194
|
+
this.nativeHistoryStack = savedStack.slice(0, pageId);
|
|
195
|
+
this.nativeHistoryStack[this.nativeHistoryStack.length - 1] = title;
|
|
163
196
|
}
|
|
164
197
|
else {
|
|
165
|
-
|
|
166
|
-
this.nativeHistoryStack = this.initializeForForward(nextPageId, title);
|
|
198
|
+
this.nativeHistoryStack = [title];
|
|
167
199
|
}
|
|
168
200
|
}
|
|
169
|
-
else if (
|
|
170
|
-
|
|
171
|
-
|
|
201
|
+
else if (nextPageId && !hasSS) {
|
|
202
|
+
this.nativeHistoryStack = this.initializeForNewOrigin(nextPageId, title);
|
|
203
|
+
}
|
|
204
|
+
else if (nextPageId && hasSS) {
|
|
205
|
+
this.nativeHistoryStack = this.initializeForForward(nextPageId, title);
|
|
172
206
|
}
|
|
173
207
|
else {
|
|
174
|
-
console.log('Нет nextPageId + нет SS → старт нового WV, назад идти некуда.');
|
|
175
208
|
this.nativeHistoryStack = [title];
|
|
176
209
|
}
|
|
177
210
|
}
|
|
178
|
-
catch (
|
|
211
|
+
catch (_b) {
|
|
179
212
|
this.nativeHistoryStack = [title];
|
|
180
213
|
}
|
|
181
|
-
console.log('this.nativeHistoryStack', '➡️', this.nativeHistoryStack);
|
|
182
|
-
console.log('⬆️⬆️⬆️⬆️⬆️');
|
|
183
214
|
this.saveNativeHistoryStack();
|
|
184
215
|
this.syncHistoryWithNative();
|
|
216
|
+
this.setHistoryStatePageId();
|
|
185
217
|
}
|
|
186
218
|
// eslint-disable-next-line class-methods-use-this -- удобней использовать метод в контексте экземпляра.
|
|
187
219
|
initializeForNewOrigin(nextPageId, title) {
|
|
188
|
-
const stack = new Array(nextPageId).fill(
|
|
220
|
+
const stack = new Array(nextPageId).fill(NativeHistoryStackStub);
|
|
189
221
|
stack[stack.length - 1] = title;
|
|
190
222
|
return stack;
|
|
191
223
|
}
|
|
192
224
|
initializeForForward(nextPageId, title) {
|
|
193
225
|
const savedStack = this.readSavedHistoryStack();
|
|
194
|
-
const lastSaved = savedStack[savedStack.length - 1];
|
|
195
|
-
if (lastSaved === 2 /* NativeHistoryStackSpecialValues.ServerSideNavigationNextOrigin */ &&
|
|
196
|
-
savedStack.length < nextPageId) {
|
|
197
|
-
const stack = new Array(nextPageId).fill(0 /* NativeHistoryStackSpecialValues.ServerSideNavigationStub */);
|
|
198
|
-
for (let i = 0; i < savedStack.length; i++) {
|
|
199
|
-
stack[i] = savedStack[i];
|
|
200
|
-
}
|
|
201
|
-
stack[stack.length - 1] = title;
|
|
202
|
-
return stack;
|
|
203
|
-
}
|
|
204
226
|
if (savedStack.length === nextPageId) {
|
|
205
227
|
savedStack[savedStack.length - 1] = title;
|
|
206
228
|
return savedStack;
|
|
207
229
|
}
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
const savedStack = this.readSavedHistoryStack();
|
|
212
|
-
savedStack.pop();
|
|
213
|
-
if (savedStack.length === 0) {
|
|
214
|
-
return [title];
|
|
215
|
-
}
|
|
216
|
-
if (typeof savedStack[savedStack.length - 1] !== 'string') {
|
|
217
|
-
return this.truncateToLastCrossOriginMarker(savedStack);
|
|
218
|
-
}
|
|
219
|
-
return savedStack;
|
|
220
|
-
}
|
|
221
|
-
// eslint-disable-next-line class-methods-use-this -- удобней использовать метод в контексте экземпляра.
|
|
222
|
-
stackContainsCrossOriginMarker(stack) {
|
|
223
|
-
return stack.find((el) => el === 2 /* NativeHistoryStackSpecialValues.ServerSideNavigationNextOrigin */);
|
|
224
|
-
}
|
|
225
|
-
// eslint-disable-next-line class-methods-use-this -- удобней использовать метод в контексте экземпляра.
|
|
226
|
-
truncateToLastCrossOriginMarker(stack) {
|
|
227
|
-
for (let i = stack.length - 1; i >= 0; i--) {
|
|
228
|
-
if (stack[i] === 2 /* NativeHistoryStackSpecialValues.ServerSideNavigationNextOrigin */) {
|
|
229
|
-
return stack.slice(0, i);
|
|
230
|
-
}
|
|
230
|
+
const stack = new Array(nextPageId).fill(NativeHistoryStackStub);
|
|
231
|
+
for (let i = 0; i < savedStack.length && i < nextPageId; i++) {
|
|
232
|
+
stack[i] = savedStack[i];
|
|
231
233
|
}
|
|
234
|
+
stack[stack.length - 1] = title;
|
|
232
235
|
return stack;
|
|
233
236
|
}
|
|
234
237
|
/**
|
|
@@ -237,10 +240,6 @@ class NativeNavigationAndTitleService {
|
|
|
237
240
|
*/
|
|
238
241
|
readSavedHistoryStack() {
|
|
239
242
|
const serialized = sessionStorage.getItem(query_and_headers_keys_1.SS_KEY_BRIDGE_TO_NATIVE_HISTORY_STACK);
|
|
240
|
-
console.log('⬇️⬇️⬇️⬇️⬇️');
|
|
241
|
-
console.log('Читаю стек из SessionStorage');
|
|
242
|
-
console.log('SessionStorage', '➡️', serialized);
|
|
243
|
-
console.log('⬆️⬆️⬆️⬆️⬆️');
|
|
244
243
|
try {
|
|
245
244
|
if (!serialized) {
|
|
246
245
|
throw new Error(`${query_and_headers_keys_1.SS_KEY_BRIDGE_TO_NATIVE_HISTORY_STACK} sessionStorage expected not to be null`);
|
|
@@ -284,10 +283,6 @@ class NativeNavigationAndTitleService {
|
|
|
284
283
|
*/
|
|
285
284
|
saveNativeHistoryStack() {
|
|
286
285
|
const serializedNativeHistoryStack = JSON.stringify(this.nativeHistoryStack);
|
|
287
|
-
console.log('⬇️⬇️⬇️⬇️⬇️');
|
|
288
|
-
console.log('Сохраняю стек в SessionStorage');
|
|
289
|
-
console.log(this.nativeHistoryStack, '➡️', serializedNativeHistoryStack);
|
|
290
|
-
console.log('⬆️⬆️⬆️⬆️⬆️');
|
|
291
286
|
sessionStorage.setItem(query_and_headers_keys_1.SS_KEY_BRIDGE_TO_NATIVE_HISTORY_STACK, serializedNativeHistoryStack);
|
|
292
287
|
}
|
|
293
288
|
/**
|
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 навигации.
|