@alfabit/keycloak 0.0.40 → 0.0.42

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.
Files changed (3) hide show
  1. package/package.json +2 -2
  2. package/src/api/wallet/endpoints/index.ts +30 -3
  3. package/src/composables/use-keycloak.ts +537 -491
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@alfabit/keycloak",
3
3
  "private": false,
4
- "version": "0.0.40",
4
+ "version": "0.0.42",
5
5
  "type": "module",
6
6
  "license": "UNLICENSED",
7
7
  "main": "src/index.ts",
@@ -20,8 +20,8 @@
20
20
  "keycloak-js": "^26.2.0"
21
21
  },
22
22
  "devDependencies": {
23
- "@alfabit/constants": "^0.0.21",
24
23
  "@alfabit/analitics": "^0.0.18",
24
+ "@alfabit/constants": "^0.0.21",
25
25
  "@intlify/unplugin-vue-i18n": "^6.0.8",
26
26
  "@tanstack/vue-query": "^5.72.0",
27
27
  "@types/lodash-es": "^4.17.12",
package/src/api/wallet/endpoints/index.ts CHANGED
@@ -9,11 +9,11 @@ export const postWebLogin = async () => {
9
9
  const headers: Record<string, string> = {
10
10
  "Content-Type": "application/json",
11
11
  };
12
- const token = getToken();
13
- if(token) headers['Authorization'] = `Bearer ${token}`;
12
+ const token = getToken();
13
+ if (token) headers['Authorization'] = `Bearer ${token}`;
14
14
 
15
15
  let url = `${WALLET_API_HOST}/public/web/login/`;
16
-
16
+
17
17
  try {
18
18
  const analytics = useAnalytics();
19
19
  const clientID = await analytics.getClientID();
@@ -41,4 +41,31 @@ export const postWebLogin = async () => {
41
41
  const data = await res.json();
42
42
  if (referral_token) localStorage.removeItem(REF_KEY);
43
43
  return data;
44
+ };
45
+
46
+
47
+ export const getPublicProfile = async () => {
48
+ if (typeof window === 'undefined') return;
49
+
50
+ const headers: Record<string, string> = {
51
+ "Content-Type": "application/json",
52
+ };
53
+ const token = getToken();
54
+ if (token) headers['Authorization'] = `Bearer ${token}`;
55
+
56
+ let url = `${WALLET_API_HOST}/public/getProfile`;
57
+
58
+ const params: RequestInit = {
59
+ method: "GET",
60
+ headers,
61
+ }
62
+
63
+ const res = await fetch(url, params);
64
+
65
+ if (!res.ok) {
66
+ throw new Error(`postWebLogin /public/web/login/: HTTP error: ${res.status}`);
67
+ }
68
+
69
+ const data = await res.json();
70
+ return data;
44
71
  };
package/src/composables/use-keycloak.ts CHANGED
@@ -1,496 +1,542 @@
1
- // import Keycloak, { type KeycloakInitOptions } from 'keycloak-js';
2
- // import { inject, reactive, readonly, type Ref, ref } from 'vue';
3
- // import { postWebLogin } from '../api/wallet/endpoints';
4
- // import { AppNameEnum, APP_NAME, IS_TELEGRAM_MINI_APP, KEYCLOAK_LOGIN_REQUIRED, OPENID_CLIENT_ID, OPENID_REALM, OPENID_URL, LocationEnum, IS_LOCALHOST } from '@alfabit/constants';
5
-
6
- // export type TIdpHint = 'email' | 'google' | 'apple';
7
-
8
- // export interface IUseKeycloak {
9
- // login(email?: string, redirectUri?: string): void;
10
- // loginWithGoogle(redirectUri?: string): void;
11
- // loginWithApple(redirectUri?: string): void;
12
- // loginWithTelegram(redirectUri?: string): void;
13
- // loginPopup(idpHint: TIdpHint, redirectUri?: string): void;
14
- // logout(redirectUri?: string): void;
15
- // register(email?: string, redirectUri?: string): void;
16
- // getToken(): string | undefined;
17
- // isAtExp(): boolean;
18
- // isRtExp(): boolean;
19
-
20
- // readonly isAuth: Ref<boolean>;
21
- // readonly checkAuth: Ref<boolean>;
22
- // readonly keycloak: Ref<Keycloak | null>;
23
- // readonly isInitialized: Ref<boolean>;
24
- // readonly keycloakUserData: Ref<Keycloak.KeycloakTokenParsed | null>;
25
- // }
26
-
27
- // export const TOKEN_NAME = 'token';
28
- // export const REFRESH_TOKEN_NAME = 'refresh-token';
29
- // export const ID_TOKEN_NAME = 'id-token';
30
-
31
- // const keycloak = ref<Keycloak | null>(null);
32
-
33
- // const isAuth = ref(false);
34
- // const checkAuth = ref(false);
35
- // const keycloakUserData = ref<Keycloak.KeycloakTokenParsed | null>(null);
36
- // const locale = ref('en');
37
-
38
- // const dontChangeRedirectUri = ref(false);
39
- // const keycloakRedirectUriIsLogout = ref<string | undefined>(undefined);
40
-
41
- // export const setKeycloakLocale = (newLocale: LocationEnum) => {
42
- // locale.value = newLocale;
43
- // };
44
-
45
- // export const setDontChangeRedirectUri = (newDontChangeRedirectUri: boolean) => {
46
- // dontChangeRedirectUri.value = newDontChangeRedirectUri;
47
- // };
48
-
49
- // export const setKeycloakRedirectUriIsLogout = (newKeycloakRedirectUriIsLogout: string | undefined) => {
50
- // keycloakRedirectUriIsLogout.value = newKeycloakRedirectUriIsLogout;
51
- // };
52
-
53
- // const isInitialized = ref(false);
54
-
55
- // const getUrl = (): string => {
56
- // const url = new URL(window.location.href);
57
- // const searchParams = new URLSearchParams(window.location.search);
58
-
59
- // if (searchParams.has('redirect_uri')) {
60
- // const redirectUri = searchParams.get('redirect_uri');
61
- // if (!!redirectUri) return redirectUri;
62
- // }
63
-
64
- // // если в роуте в meta есть параметр keycloakRedirectUriIsLogout - возвращаем его
65
- // if (!!keycloakRedirectUriIsLogout.value && typeof keycloakRedirectUriIsLogout.value === 'string') return `${url.origin}/${locale.value}/${keycloakRedirectUriIsLogout.value}`;
66
-
67
- // // если в $route.meta (который передаем из родительского приложения) есть параметр dontChangeRedirectUri - то из адреса НЕ нужно удалять или добавлять /user
68
- // // если нет - то ничего не делать
69
-
70
- // // if (!dontChangeRedirectUri) {
71
-
72
- // // const path = url.pathname;
73
- // // // Проверяем: путь начинается с /две латинские буквы/ и далее НЕ идёт user/
74
- // // const match = path.match(/^\/([a-zA-Z]{2})(\/(?!user\/))/);
75
- // // if (match) {
76
-
77
- // // console.log('добавляем user')
78
-
79
- // // // Вставляем 'user' после двухбуквенного сегмента
80
- // // url.pathname = path.replace(/^\/([a-zA-Z]{2})\//, '/$1/user/');
81
- // // // Если хочешь обновить текущую страницу:
82
- // // // window.location.href = url.toString();
83
- // // } else {
84
-
85
- // // console.log('удаляем user')
86
-
87
- // // url.pathname = path.replace(/^\/([a-zA-Z]{2})\/user\//, '/$1/');
88
- // // }
89
- // // }
90
- // return url.toString();
91
- // };
92
-
93
- // function isMobile() {
94
- // return /Mobi|Android|iPhone|iPad|iPod/i.test(navigator.userAgent);
95
- // }
96
-
97
- // export const getAuthMethods = () => {
98
- // const methods = reactive({
99
- // async loginPopup(idpHint: TIdpHint, redirectUri?: string) {
100
- // redirectUri = redirectUri ?? getUrl();
101
- // if (isMobile()) {
102
- // switch (idpHint) {
103
- // case 'google':
104
- // methods.loginWithGoogle(redirectUri);
105
- // break;
106
- // case 'apple':
107
- // methods.loginWithApple(redirectUri);
108
- // break;
109
- // default:
110
- // methods.login(undefined, redirectUri);
111
- // }
112
- // return;
113
- // }
114
-
115
- // let loginUrl = await keycloak.value?.createLoginUrl({
116
- // idpHint: idpHint === 'email' ? '' : idpHint,
117
- // redirectUri,
118
- // });
119
-
120
- // let loginWindow = window.open((loginUrl ?? '') + (idpHint === 'google' ? '&prompt=select_account' : ''), 'Login with Google', 'width=500,height=600');
121
-
122
- // const messageListener = async (event: MessageEvent) => {
123
- // console.log('messageListener', event.data);
124
-
125
- // if (event.data.type === 'keycloak-auth-success' && event.data.message === 'success') {
126
- // window.removeEventListener('message', messageListener);
127
- // //if (!loginWindow || !loginWindow.closed) {
128
- // loginWindow?.close();
129
-
130
- // console.log('window close', {
131
- // loginWindow,
132
- // closed: loginWindow?.closed,
133
- // });
134
-
135
- // //}
136
- // setTimeout(() => {
137
- // window.location.reload();
138
- // console.log('window reload');
139
- // }, 200);
140
- // }
141
-
142
- // // если в popup пришло сообщение о том, что нужно сменить idpHint, то меняем его и открываем новое окно
143
- // if (event.data.type === 'keycloak-auth-change') {
144
- // loginWindow?.close();
145
- // idpHint = event.data.message as TIdpHint;
146
- // loginUrl = await keycloak.value?.createLoginUrl({
147
- // idpHint,
148
- // redirectUri,
149
- // });
150
- // loginWindow = window.open((loginUrl ?? '') + (idpHint === 'google' ? '&prompt=select_account' : ''), 'Login with Google', 'width=500,height=600');
151
- // }
152
- // };
153
-
154
- // window.addEventListener('message', messageListener);
155
- // },
156
-
157
- // login(email?: string, redirectUri?: string) {
158
- // if (keycloak.value) {
159
- // keycloak.value.login({
160
- // redirectUri: redirectUri ?? getUrl(),
161
- // loginHint: email ?? '',
162
- // locale: locale.value,
163
- // });
164
- // } else {
165
- // console.warn('Keycloak not defined! #login');
166
- // }
167
- // },
168
- // logout(redirectUri?: string) {
169
- // if (keycloak.value) {
170
- // clearTokens();
171
- // setTimeout(() => {
172
- // keycloak.value &&
173
- // keycloak.value.logout({
174
- // redirectUri: redirectUri ?? getUrl(),
175
- // });
176
- // }, 100);
177
- // } else {
178
- // console.warn('Keycloak not defined! #logout');
179
- // }
180
- // },
181
- // register(email?: string, redirectUri?: string) {
182
- // if (keycloak.value) {
183
- // keycloak.value.register({
184
- // redirectUri: redirectUri ?? getUrl(),
185
- // loginHint: email ?? '',
186
- // locale: locale.value,
187
- // });
188
- // } else {
189
- // console.warn('Keycloak not defined! #register');
190
- // }
191
- // },
192
- // loginWithGoogle(redirectUri?: string) {
193
- // if (keycloak.value) {
194
- // keycloak.value
195
- // ?.createLoginUrl({
196
- // idpHint: 'google',
197
- // redirectUri: redirectUri ?? getUrl(),
198
- // })
199
- // .then((loginUrl) => (window.location.href = `${loginUrl}&prompt=select_account`));
200
- // } else {
201
- // console.warn('Keycloak not defined! #loginWithGoogle');
202
- // }
203
- // },
204
- // loginWithApple(redirectUri?: string) {
205
- // if (keycloak.value) {
206
- // keycloak.value.login({
207
- // redirectUri: redirectUri ?? getUrl(),
208
- // idpHint: 'apple',
209
- // locale: locale.value,
210
- // });
211
- // } else {
212
- // console.warn('Keycloak not defined! #loginWithApple');
213
- // }
214
- // },
215
- // loginWithTelegram(redirectUri?: string) {
216
- // if (keycloak.value) {
217
- // keycloak.value.login({
218
- // redirectUri: redirectUri ?? getUrl(),
219
- // idpHint: 'telegram',
220
- // locale: locale.value,
221
- // });
222
- // } else {
223
- // console.warn('Keycloak not defined! #loginWithTelegram');
224
- // }
225
- // },
226
- // changePassword(redirectUri?: string) {
227
- // if (keycloak.value) {
228
- // document.cookie = 'from=passport; SameSite=None; Secure';
229
- // void keycloak.value.login({
230
- // action: 'UPDATE_PASSWORD',
231
- // redirectUri: redirectUri ?? getUrl(),
232
- // });
233
- // } else {
234
- // console.warn('Keycloak not defined! #changePassword');
235
- // }
236
- // },
237
- // configureOtp(redirectUri?: string) {
238
- // if (keycloak.value) {
239
- // document.cookie = 'from=passport; SameSite=None; Secure';
240
- // void keycloak.value.login({
241
- // action: 'CONFIGURE_TOTP',
242
- // redirectUri: redirectUri ?? getUrl(),
243
- // });
244
- // } else {
245
- // console.warn('Keycloak not defined! #configureOtp');
246
- // }
247
- // },
248
- // });
249
- // return methods;
250
- // };
251
-
252
- // function setTokens() {
253
- // if (!keycloak.value || typeof window === 'undefined') return;
254
- // !!keycloak.value?.token && localStorage.setItem(TOKEN_NAME, keycloak.value.token);
255
- // !!keycloak.value?.refreshToken && localStorage.setItem(REFRESH_TOKEN_NAME, keycloak.value.refreshToken);
256
- // !!keycloak.value?.idToken && localStorage.setItem(ID_TOKEN_NAME, keycloak.value.idToken);
257
-
258
- // !!keycloak.value?.token && sessionStorage.setItem(TOKEN_NAME, keycloak.value.token);
259
- // !!keycloak.value?.refreshToken && sessionStorage.setItem(REFRESH_TOKEN_NAME, keycloak.value.refreshToken);
260
- // !!keycloak.value?.idToken && sessionStorage.setItem(ID_TOKEN_NAME, keycloak.value.idToken);
261
- // }
262
-
263
- // function clearTokens() {
264
- // if (typeof window === 'undefined') return;
265
- // localStorage.removeItem(TOKEN_NAME);
266
- // localStorage.removeItem(REFRESH_TOKEN_NAME);
267
- // localStorage.removeItem(ID_TOKEN_NAME);
268
- // sessionStorage.removeItem(TOKEN_NAME);
269
- // sessionStorage.removeItem(REFRESH_TOKEN_NAME);
270
- // sessionStorage.removeItem(ID_TOKEN_NAME);
271
- // }
272
-
273
- // export const getToken = () => (IS_TELEGRAM_MINI_APP && !IS_LOCALHOST ? sessionStorage.getItem(TOKEN_NAME) : localStorage.getItem(TOKEN_NAME)) ?? undefined;
274
-
275
- // const parseJwt = (token: unknown) => {
276
- // if (typeof token !== 'string') throw new Error('Invalid JWT format: #1');
277
- // const [headerB64, payloadB64] = token.split('.');
278
- // if (!headerB64 || !payloadB64) throw new Error('Invalid JWT format: #2');
279
- // const decodeBase64Url = (str: string) => JSON.parse(atob(str.replace(/-/g, '+').replace(/_/g, '/')));
280
- // const header = decodeBase64Url(headerB64);
281
- // const payload = decodeBase64Url(payloadB64);
282
- // const now = Math.floor(Date.now() / 1000);
283
- // const isExpired = payload.exp !== undefined && now > payload.exp;
284
- // return {
285
- // header,
286
- // payload,
287
- // isExpired,
288
- // expiresAt: payload.exp ? new Date(payload.exp * 1000).toISOString() : null,
289
- // };
290
- // };
291
-
292
- // export const isAtExp = () => {
293
- // if (typeof window === 'undefined') return false;
294
- // try {
295
- // return parseJwt(localStorage.getItem(TOKEN_NAME)).isExpired;
296
- // } catch (e) {
297
- // return false;
298
- // }
299
- // };
300
-
301
- // export const isRtExp = () => {
302
- // if (typeof window === 'undefined') return false;
1
+ import Keycloak, { type KeycloakInitOptions } from 'keycloak-js';
2
+ import { inject, reactive, readonly, type Ref, ref } from 'vue';
3
+ import { postWebLogin, getPublicProfile } from '../api/wallet/endpoints';
4
+ import { AppNameEnum, APP_NAME, IS_TELEGRAM_MINI_APP, KEYCLOAK_LOGIN_REQUIRED, OPENID_CLIENT_ID, OPENID_REALM, OPENID_URL, LocationEnum, IS_LOCALHOST } from '@alfabit/constants';
5
+
6
+ export type TIdpHint = 'email' | 'google' | 'apple';
7
+
8
+ enum TariffsGridTypeEnum {
9
+ Deposit = 'deposit',
10
+ Withdraw = 'withdraw',
11
+ Invoice = 'invoice',
12
+ Hedging = 'hedging',
13
+ FiatExchange = 'fiat_exchange',
14
+ InternalTransfer = 'internal_transfer',
15
+ Orders = 'orders',
16
+ }
17
+
18
+ interface TariffGrid {
19
+ tariff_name?: string | null;
20
+ tariff_type?: TariffsGridTypeEnum | null;
21
+ commission?: string | null;
22
+ trading_volume?: number | null;
23
+ is_kyc_required?: boolean | null;
24
+ id?: string;
25
+ created_date?: string;
26
+ creator_id?: number | null;
27
+ modification_date?: string | null;
28
+ modifier_id?: number | null;
29
+ }
30
+
31
+ interface ProfileResponse {
32
+ telegram_id?: string | null;
33
+ telegram_username?: string | null;
34
+ email?: string | null;
35
+ created_at: number;
36
+ is_active?: boolean | null;
37
+ balance_usdt?: string | null;
38
+ bonus_balance_usdt?: string | null;
39
+ kyc_status?: string | null;
40
+ kyc_link?: string | null;
41
+ is_wallet_commission?: boolean;
42
+ is_need_withdraw_kyc?: boolean;
43
+ tariff_grid?: TariffGrid | null;
44
+ tariff_grid_current?: TariffGrid | null;
45
+ is_partner_exchange_limit_free?: boolean | null;
46
+ last_login?: string | null;
47
+ is_tariff_autocalculate?: boolean | null;
48
+ }
49
+
50
+ export interface IUseKeycloak {
51
+ login(email?: string, redirectUri?: string): void;
52
+ loginWithGoogle(redirectUri?: string): void;
53
+ loginWithApple(redirectUri?: string): void;
54
+ loginWithTelegram(redirectUri?: string): void;
55
+ loginPopup(idpHint: TIdpHint, redirectUri?: string): void;
56
+ logout(redirectUri?: string): void;
57
+ register(email?: string, redirectUri?: string): void;
58
+ getToken(): string | undefined;
59
+ isAtExp(): boolean;
60
+ isRtExp(): boolean;
61
+
62
+ readonly isAuth: Ref<boolean>;
63
+ readonly checkAuth: Ref<boolean>;
64
+ readonly userData: Ref<ProfileResponse | null>;
65
+ readonly keycloak: Ref<Keycloak | null>;
66
+ readonly isInitialized: Ref<boolean>;
67
+ readonly keycloakUserData: Ref<Keycloak.KeycloakTokenParsed | null>;
68
+ }
69
+
70
+ export const TOKEN_NAME = 'token';
71
+ export const REFRESH_TOKEN_NAME = 'refresh-token';
72
+ export const ID_TOKEN_NAME = 'id-token';
73
+
74
+ const keycloak = ref<Keycloak | null>(null);
75
+
76
+ const isAuth = ref(false);
77
+ const checkAuth = ref(false);
78
+ const userData = ref<ProfileResponse | null>(null);
79
+ const keycloakUserData = ref<Keycloak.KeycloakTokenParsed | null>(null);
80
+ const locale = ref('en');
81
+
82
+ const dontChangeRedirectUri = ref(false);
83
+ const keycloakRedirectUriIsLogout = ref<string | undefined>(undefined);
84
+
85
+ export const setKeycloakLocale = (newLocale: LocationEnum) => {
86
+ locale.value = newLocale;
87
+ };
88
+
89
+ export const setDontChangeRedirectUri = (newDontChangeRedirectUri: boolean) => {
90
+ dontChangeRedirectUri.value = newDontChangeRedirectUri;
91
+ };
92
+
93
+ export const setKeycloakRedirectUriIsLogout = (newKeycloakRedirectUriIsLogout: string | undefined) => {
94
+ keycloakRedirectUriIsLogout.value = newKeycloakRedirectUriIsLogout;
95
+ };
96
+
97
+ const isInitialized = ref(false);
98
+
99
+ const getUrl = (): string => {
100
+ const url = new URL(window.location.href);
101
+ const searchParams = new URLSearchParams(window.location.search);
102
+
103
+ if (searchParams.has('redirect_uri')) {
104
+ const redirectUri = searchParams.get('redirect_uri');
105
+ if (!!redirectUri) return redirectUri;
106
+ }
107
+
108
+ // если в роуте в meta есть параметр keycloakRedirectUriIsLogout - возвращаем его
109
+ if (!!keycloakRedirectUriIsLogout.value && typeof keycloakRedirectUriIsLogout.value === 'string') return `${url.origin}/${locale.value}/${keycloakRedirectUriIsLogout.value}`;
110
+
111
+ // если в $route.meta (который передаем из родительского приложения) есть параметр dontChangeRedirectUri - то из адреса НЕ нужно удалять или добавлять /user
112
+ // если нет - то ничего не делать
113
+
114
+ // if (!dontChangeRedirectUri) {
115
+
116
+ // const path = url.pathname;
117
+ // // Проверяем: путь начинается с /две латинские буквы/ и далее НЕ идёт user/
118
+ // const match = path.match(/^\/([a-zA-Z]{2})(\/(?!user\/))/);
119
+ // if (match) {
120
+
121
+ // console.log('добавляем user')
122
+
123
+ // // Вставляем 'user' после двухбуквенного сегмента
124
+ // url.pathname = path.replace(/^\/([a-zA-Z]{2})\//, '/$1/user/');
125
+ // // Если хочешь обновить текущую страницу:
126
+ // // window.location.href = url.toString();
127
+ // } else {
128
+
129
+ // console.log('удаляем user')
130
+
131
+ // url.pathname = path.replace(/^\/([a-zA-Z]{2})\/user\//, '/$1/');
132
+ // }
133
+ // }
134
+ return url.toString();
135
+ };
136
+
137
+ function isMobile() {
138
+ return /Mobi|Android|iPhone|iPad|iPod/i.test(navigator.userAgent);
139
+ }
140
+
141
+ export const getAuthMethods = () => {
142
+ const methods = reactive({
143
+ async loginPopup(idpHint: TIdpHint, redirectUri?: string) {
144
+ redirectUri = redirectUri ?? getUrl();
145
+ if (isMobile()) {
146
+ switch (idpHint) {
147
+ case 'google':
148
+ methods.loginWithGoogle(redirectUri);
149
+ break;
150
+ case 'apple':
151
+ methods.loginWithApple(redirectUri);
152
+ break;
153
+ default:
154
+ methods.login(undefined, redirectUri);
155
+ }
156
+ return;
157
+ }
158
+
159
+ let loginUrl = await keycloak.value?.createLoginUrl({
160
+ idpHint: idpHint === 'email' ? '' : idpHint,
161
+ redirectUri,
162
+ });
163
+
164
+ let loginWindow = window.open((loginUrl ?? '') + (idpHint === 'google' ? '&prompt=select_account' : ''), 'Login with Google', 'width=500,height=600');
165
+
166
+ const messageListener = async (event: MessageEvent) => {
167
+ console.log('messageListener', event.data);
168
+
169
+ if (event.data.type === 'keycloak-auth-success' && event.data.message === 'success') {
170
+ window.removeEventListener('message', messageListener);
171
+ //if (!loginWindow || !loginWindow.closed) {
172
+ loginWindow?.close();
173
+
174
+ console.log('window close', {
175
+ loginWindow,
176
+ closed: loginWindow?.closed,
177
+ });
178
+
179
+ //}
180
+ setTimeout(() => {
181
+ window.location.reload();
182
+ console.log('window reload');
183
+ }, 200);
184
+ }
185
+
186
+ // если в popup пришло сообщение о том, что нужно сменить idpHint, то меняем его и открываем новое окно
187
+ if (event.data.type === 'keycloak-auth-change') {
188
+ loginWindow?.close();
189
+ idpHint = event.data.message as TIdpHint;
190
+ loginUrl = await keycloak.value?.createLoginUrl({
191
+ idpHint,
192
+ redirectUri,
193
+ });
194
+ loginWindow = window.open((loginUrl ?? '') + (idpHint === 'google' ? '&prompt=select_account' : ''), 'Login with Google', 'width=500,height=600');
195
+ }
196
+ };
197
+
198
+ window.addEventListener('message', messageListener);
199
+ },
200
+
201
+ login(email?: string, redirectUri?: string) {
202
+ if (keycloak.value) {
203
+ keycloak.value.login({
204
+ redirectUri: redirectUri ?? getUrl(),
205
+ loginHint: email ?? '',
206
+ locale: locale.value,
207
+ });
208
+ } else {
209
+ console.warn('Keycloak not defined! #login');
210
+ }
211
+ },
212
+ logout(redirectUri?: string) {
213
+ if (keycloak.value) {
214
+ clearTokens();
215
+ setTimeout(() => {
216
+ keycloak.value &&
217
+ keycloak.value.logout({
218
+ redirectUri: redirectUri ?? getUrl(),
219
+ });
220
+ }, 100);
221
+ } else {
222
+ console.warn('Keycloak not defined! #logout');
223
+ }
224
+ },
225
+ register(email?: string, redirectUri?: string) {
226
+ if (keycloak.value) {
227
+ keycloak.value.register({
228
+ redirectUri: redirectUri ?? getUrl(),
229
+ loginHint: email ?? '',
230
+ locale: locale.value,
231
+ });
232
+ } else {
233
+ console.warn('Keycloak not defined! #register');
234
+ }
235
+ },
236
+ loginWithGoogle(redirectUri?: string) {
237
+ if (keycloak.value) {
238
+ keycloak.value
239
+ ?.createLoginUrl({
240
+ idpHint: 'google',
241
+ redirectUri: redirectUri ?? getUrl(),
242
+ })
243
+ .then((loginUrl) => (window.location.href = `${loginUrl}&prompt=select_account`));
244
+ } else {
245
+ console.warn('Keycloak not defined! #loginWithGoogle');
246
+ }
247
+ },
248
+ loginWithApple(redirectUri?: string) {
249
+ if (keycloak.value) {
250
+ keycloak.value.login({
251
+ redirectUri: redirectUri ?? getUrl(),
252
+ idpHint: 'apple',
253
+ locale: locale.value,
254
+ });
255
+ } else {
256
+ console.warn('Keycloak not defined! #loginWithApple');
257
+ }
258
+ },
259
+ loginWithTelegram(redirectUri?: string) {
260
+ if (keycloak.value) {
261
+ keycloak.value.login({
262
+ redirectUri: redirectUri ?? getUrl(),
263
+ idpHint: 'telegram',
264
+ locale: locale.value,
265
+ });
266
+ } else {
267
+ console.warn('Keycloak not defined! #loginWithTelegram');
268
+ }
269
+ },
270
+ changePassword(redirectUri?: string) {
271
+ if (keycloak.value) {
272
+ document.cookie = 'from=passport; SameSite=None; Secure';
273
+ void keycloak.value.login({
274
+ action: 'UPDATE_PASSWORD',
275
+ redirectUri: redirectUri ?? getUrl(),
276
+ });
277
+ } else {
278
+ console.warn('Keycloak not defined! #changePassword');
279
+ }
280
+ },
281
+ configureOtp(redirectUri?: string) {
282
+ if (keycloak.value) {
283
+ document.cookie = 'from=passport; SameSite=None; Secure';
284
+ void keycloak.value.login({
285
+ action: 'CONFIGURE_TOTP',
286
+ redirectUri: redirectUri ?? getUrl(),
287
+ });
288
+ } else {
289
+ console.warn('Keycloak not defined! #configureOtp');
290
+ }
291
+ },
292
+ });
293
+ return methods;
294
+ };
295
+
296
+ function setTokens() {
297
+ if (!keycloak.value || typeof window === 'undefined') return;
298
+ !!keycloak.value?.token && localStorage.setItem(TOKEN_NAME, keycloak.value.token);
299
+ !!keycloak.value?.refreshToken && localStorage.setItem(REFRESH_TOKEN_NAME, keycloak.value.refreshToken);
300
+ !!keycloak.value?.idToken && localStorage.setItem(ID_TOKEN_NAME, keycloak.value.idToken);
301
+
302
+ !!keycloak.value?.token && sessionStorage.setItem(TOKEN_NAME, keycloak.value.token);
303
+ !!keycloak.value?.refreshToken && sessionStorage.setItem(REFRESH_TOKEN_NAME, keycloak.value.refreshToken);
304
+ !!keycloak.value?.idToken && sessionStorage.setItem(ID_TOKEN_NAME, keycloak.value.idToken);
305
+ }
306
+
307
+ function clearTokens() {
308
+ if (typeof window === 'undefined') return;
309
+ localStorage.removeItem(TOKEN_NAME);
310
+ localStorage.removeItem(REFRESH_TOKEN_NAME);
311
+ localStorage.removeItem(ID_TOKEN_NAME);
312
+ sessionStorage.removeItem(TOKEN_NAME);
313
+ sessionStorage.removeItem(REFRESH_TOKEN_NAME);
314
+ sessionStorage.removeItem(ID_TOKEN_NAME);
315
+ }
316
+
317
+ export const getToken = () => (IS_TELEGRAM_MINI_APP && !IS_LOCALHOST ? sessionStorage.getItem(TOKEN_NAME) : localStorage.getItem(TOKEN_NAME)) ?? undefined;
318
+
319
+ const parseJwt = (token: unknown) => {
320
+ if (typeof token !== 'string') throw new Error('Invalid JWT format: #1');
321
+ const [headerB64, payloadB64] = token.split('.');
322
+ if (!headerB64 || !payloadB64) throw new Error('Invalid JWT format: #2');
323
+ const decodeBase64Url = (str: string) => JSON.parse(atob(str.replace(/-/g, '+').replace(/_/g, '/')));
324
+ const header = decodeBase64Url(headerB64);
325
+ const payload = decodeBase64Url(payloadB64);
326
+ const now = Math.floor(Date.now() / 1000);
327
+ const isExpired = payload.exp !== undefined && now > payload.exp;
328
+ return {
329
+ header,
330
+ payload,
331
+ isExpired,
332
+ expiresAt: payload.exp ? new Date(payload.exp * 1000).toISOString() : null,
333
+ };
334
+ };
335
+
336
+ export const isAtExp = () => {
337
+ if (typeof window === 'undefined') return false;
338
+ try {
339
+ return parseJwt(localStorage.getItem(TOKEN_NAME)).isExpired;
340
+ } catch (e) {
341
+ return false;
342
+ }
343
+ };
344
+
345
+ export const isRtExp = () => {
346
+ if (typeof window === 'undefined') return false;
347
+ try {
348
+ // если рт не истек, возвращаем true
349
+ return parseJwt(localStorage.getItem(REFRESH_TOKEN_NAME)).isExpired;
350
+ } catch (e) {
351
+ clearTokens();
352
+ if (e instanceof Error) {
353
+ console.log('checkIsPassportAuth error: ', e.message);
354
+ }
355
+ return false;
356
+ }
357
+ };
358
+
359
+ // const isPopup = () => {
360
+ // console.log('run isPopup');
361
+ // // для авторизации в popup - это запускается в дочернем окне
303
362
  // try {
304
- // // если рт не истек, возвращаем true
305
- // return parseJwt(localStorage.getItem(REFRESH_TOKEN_NAME)).isExpired;
306
- // } catch (e) {
307
- // clearTokens();
308
- // if (e instanceof Error) {
309
- // console.log('checkIsPassportAuth error: ', e.message);
363
+ // // Отправляем сообщение родителю
364
+ // if (window.opener) {
365
+ // console.log('window opener');
366
+
367
+ // window.opener.postMessage(
368
+ // {
369
+ // type: 'keycloak-auth-success',
370
+ // message: 'success',
371
+ // },
372
+ // '*'
373
+ // );
310
374
  // }
311
- // return false;
375
+ // } catch (err) {
376
+ // console.warn('Error in login-popup-redirect.html:', err);
312
377
  // }
313
378
  // };
314
379
 
315
- // // const isPopup = () => {
316
- // // console.log('run isPopup');
317
- // // // для авторизации в popup - это запускается в дочернем окне
318
- // // try {
319
- // // // Отправляем сообщение родителю
320
- // // if (window.opener) {
321
- // // console.log('window opener');
322
-
323
- // // window.opener.postMessage(
324
- // // {
325
- // // type: 'keycloak-auth-success',
326
- // // message: 'success',
327
- // // },
328
- // // '*'
329
- // // );
330
- // // }
331
- // // } catch (err) {
332
- // // console.warn('Error in login-popup-redirect.html:', err);
333
- // // }
334
- // // };
335
-
336
- // let isInitKeycloak = false;
337
-
338
- // export async function initKeycloak() {
339
- // if (!!keycloak.value || typeof window === 'undefined' || isInitKeycloak) return;
340
- // isInitKeycloak = true;
341
-
342
- // if (!OPENID_URL) throw new Error('Не задана переменная keycloak: url');
343
- // if (!OPENID_REALM) throw new Error('Не задана переменная keycloak: realm');
344
- // if (!OPENID_CLIENT_ID) throw new Error('Не задана переменная keycloak: clientId');
345
-
346
- // // console.log({
347
- // // OPENID_URL,
348
- // // OPENID_REALM,
349
- // // OPENID_CLIENT_ID,
350
-
351
- // // VITE_OPENID_URL: import.meta.env?.VITE_OPENID_URL,
352
- // // VITE_PUBLIC_KEYCLOAK_URL: import.meta.env?.VITE_PUBLIC_KEYCLOAK_URL,
353
- // // VITE_OPENID_REALM: import.meta.env?.VITE_OPENID_REALM,
354
- // // VITE_PUBLIC_KEYCLOAK_REALM: import.meta.env?.VITE_PUBLIC_KEYCLOAK_REALM,
355
- // // VITE_OPENID_CLIENT_ID: import.meta.env?.VITE_OPENID_CLIENT_ID,
356
- // // VITE_PUBLIC_KEYCLOAK_CLIENT_ID: import.meta.env?.VITE_PUBLIC_KEYCLOAK_CLIENT_ID,
357
- // // });
358
-
359
- // keycloak.value = new Keycloak({
360
- // url: OPENID_URL,
361
- // realm: OPENID_REALM,
362
- // clientId: OPENID_CLIENT_ID,
363
- // });
364
-
365
-
366
-
367
- // // keycloak.value && (keycloak.value.onAuthLogout = () => {
368
- // // console.warn('>>>>>>>> Сессия истекла');
369
- // // // например, показать уведомление
370
- // // // или открыть собственное модальное окно логина
371
- // // });
372
-
373
-
374
-
375
-
376
- // const isNeedAuth = !!getToken() && !isRtExp();
377
-
378
- // // window.opener - если находимся в popup (но не в passport), то 100% уже авторизованы и можно поставить login-required
379
- // const initOptions: KeycloakInitOptions = {
380
- // pkceMethod: 'S256',
381
- // checkLoginIframe: false,
382
- // // enableLogging: true,
383
- // };
384
-
385
- // // Устанавливаем onLoad только если нужно
386
- // if (KEYCLOAK_LOGIN_REQUIRED || (APP_NAME !== AppNameEnum.PASSPORT)) {
387
- // initOptions.onLoad = 'login-required';
388
- // } else if (isNeedAuth) {
389
- // initOptions.onLoad = 'check-sso';
390
- // // clearTokens();
391
- // // window.location.href = getUrl() as string;
392
- // }
393
-
394
- // if (!isNeedAuth) {
395
- // clearTokens();
396
- // } else {
397
- // const token = localStorage.getItem(TOKEN_NAME);
398
- // const refreshToken = localStorage.getItem(REFRESH_TOKEN_NAME);
399
- // const idToken = localStorage.getItem(ID_TOKEN_NAME);
400
-
401
- // if (token) initOptions.token = token;
402
- // if (refreshToken) initOptions.refreshToken = refreshToken;
403
- // if (idToken) initOptions.idToken = idToken;
404
- // }
405
-
406
- // try {
407
- // const res = await keycloak.value.init(initOptions);
408
-
409
- // setTokens();
410
-
411
- // if (res) {
412
- // //await keycloak.value.updateToken(70);
413
- // setTokens();
414
- // // isPopup();
415
- // keycloakUserData.value = keycloak.value?.tokenParsed ?? null;
416
- // isAuth.value = true;
417
- // try {
418
- // postWebLogin();
419
- // } catch (e) { }
420
-
421
- // //setTimeout(() => {
422
- // setInterval(async () => {
423
- // if (!keycloak.value) return;
424
-
425
-
426
- // try {
427
- // const res = await keycloak.value.updateToken(70);
428
- // if (res) {
429
- // setTokens();
430
- // keycloakUserData.value = keycloak.value?.tokenParsed ?? null;
431
- // isAuth.value = true;
432
- // try {
433
- // postWebLogin();
434
- // } catch { }
435
- // }
436
- // }
437
- // catch (e) {
438
- // console.warn('Ошибка Keycloak:', e);
439
- // keycloak.value?.clearToken();
440
- // }
441
-
442
-
443
-
444
- // }, 6000);
445
- // //}, 60000);
446
- // }
447
- // return isAuth.value;
448
- // } catch (error) {
449
- // console.warn('Ошибка Keycloak:', error);
450
- // isAuth.value = false;
451
- // return false;
452
- // } finally {
453
- // checkAuth.value = true;
454
- // }
455
- // }
456
-
457
- // interface IKeycliakInit {
458
- // keycloakInit?: Ref<Keycloak | null | undefined> | undefined;
459
- // }
460
-
461
- // export async function createKeycloakInit({ keycloakInit }: IKeycliakInit = {}) {
462
- // if (typeof window === 'undefined') return;
463
- // if (!!keycloakInit && keycloakInit?.value) {
464
- // keycloak.value = keycloakInit.value;
465
- // isAuth.value = keycloak.value?.authenticated ?? false;
466
- // } else {
467
- // await initKeycloak();
468
- // }
469
- // isInitialized.value = true;
470
- // }
471
-
472
- // // ...весь остальной код до сюда не меняется...
473
-
474
- // let _keycloakInit: IUseKeycloak | null = null;
475
-
476
- // export const keycloakInit = (dontChangeRedirectUri?: Ref<boolean>, keycloakRedirectUriIsLogout?: Ref<string | undefined>): IUseKeycloak => {
477
- // if (_keycloakInit) return _keycloakInit;
478
-
479
- // dontChangeRedirectUri ||= inject('dontChangeRedirectUri', ref(false));
480
- // keycloakRedirectUriIsLogout ||= inject('keycloakRedirectUriIsLogout', ref(undefined));
481
-
482
- // _keycloakInit = {
483
- // keycloak: readonly(keycloak) as Ref<Keycloak | null>,
484
- // isInitialized: readonly(isInitialized),
485
- // isAuth: readonly(isAuth),
486
- // checkAuth: readonly(checkAuth),
487
-
488
- // keycloakUserData,
489
-
490
- // ...getAuthMethods(),
491
- // getToken,
492
- // isAtExp,
493
- // isRtExp,
494
- // };
495
- // return _keycloakInit;
496
- // };
380
+ let isInitKeycloak = false;
381
+
382
+ export async function initKeycloak() {
383
+ if (!!keycloak.value || typeof window === 'undefined' || isInitKeycloak) return;
384
+ isInitKeycloak = true;
385
+
386
+ if (!OPENID_URL) throw new Error('Не задана переменная keycloak: url');
387
+ if (!OPENID_REALM) throw new Error('Не задана переменная keycloak: realm');
388
+ if (!OPENID_CLIENT_ID) throw new Error('Не задана переменная keycloak: clientId');
389
+
390
+ // console.log({
391
+ // OPENID_URL,
392
+ // OPENID_REALM,
393
+ // OPENID_CLIENT_ID,
394
+
395
+ // VITE_OPENID_URL: import.meta.env?.VITE_OPENID_URL,
396
+ // VITE_PUBLIC_KEYCLOAK_URL: import.meta.env?.VITE_PUBLIC_KEYCLOAK_URL,
397
+ // VITE_OPENID_REALM: import.meta.env?.VITE_OPENID_REALM,
398
+ // VITE_PUBLIC_KEYCLOAK_REALM: import.meta.env?.VITE_PUBLIC_KEYCLOAK_REALM,
399
+ // VITE_OPENID_CLIENT_ID: import.meta.env?.VITE_OPENID_CLIENT_ID,
400
+ // VITE_PUBLIC_KEYCLOAK_CLIENT_ID: import.meta.env?.VITE_PUBLIC_KEYCLOAK_CLIENT_ID,
401
+ // });
402
+
403
+ keycloak.value = new Keycloak({
404
+ url: OPENID_URL,
405
+ realm: OPENID_REALM,
406
+ clientId: OPENID_CLIENT_ID,
407
+ });
408
+
409
+
410
+
411
+ // keycloak.value && (keycloak.value.onAuthLogout = () => {
412
+ // console.warn('>>>>>>>> Сессия истекла');
413
+ // // например, показать уведомление
414
+ // // или открыть собственное модальное окно логина
415
+ // });
416
+
417
+
418
+
419
+
420
+ const isNeedAuth = !!getToken() && !isRtExp();
421
+
422
+ const initOptions: KeycloakInitOptions = {
423
+ pkceMethod: 'S256',
424
+ checkLoginIframe: false,
425
+ // enableLogging: true,
426
+ };
427
+
428
+ // Устанавливаем onLoad только если нужно
429
+ if (isNeedAuth && (KEYCLOAK_LOGIN_REQUIRED || (APP_NAME !== AppNameEnum.PASSPORT))) {
430
+ initOptions.onLoad = 'login-required';
431
+ } else if (isNeedAuth) {
432
+ initOptions.onLoad = 'check-sso';
433
+ // clearTokens();
434
+ // window.location.href = getUrl() as string;
435
+ }
436
+
437
+ if (!isNeedAuth) {
438
+ clearTokens();
439
+ } else {
440
+ const token = localStorage.getItem(TOKEN_NAME);
441
+ const refreshToken = localStorage.getItem(REFRESH_TOKEN_NAME);
442
+ const idToken = localStorage.getItem(ID_TOKEN_NAME);
443
+
444
+ if (token) initOptions.token = token;
445
+ if (refreshToken) initOptions.refreshToken = refreshToken;
446
+ if (idToken) initOptions.idToken = idToken;
447
+ }
448
+
449
+ try {
450
+ const res = await keycloak.value.init(initOptions);
451
+
452
+ setTokens();
453
+
454
+ if (res) {
455
+ //await keycloak.value.updateToken(70);
456
+ setTokens();
457
+ // isPopup();
458
+ keycloakUserData.value = keycloak.value?.tokenParsed ?? null;
459
+ isAuth.value = true;
460
+ try {
461
+ await postWebLogin();
462
+ userData.value = await getPublicProfile();
463
+ } catch (e) { }
464
+
465
+ //setTimeout(() => {
466
+ setInterval(async () => {
467
+ if (!keycloak.value) return;
468
+
469
+
470
+ try {
471
+ const res = await keycloak.value.updateToken(70);
472
+ if (res) {
473
+ setTokens();
474
+ keycloakUserData.value = keycloak.value?.tokenParsed ?? null;
475
+ isAuth.value = true;
476
+ try {
477
+ await postWebLogin();
478
+ userData.value = await getPublicProfile();
479
+ } catch { }
480
+ }
481
+ }
482
+ catch (e) {
483
+ console.warn('Ошибка Keycloak:', e);
484
+ keycloak.value?.clearToken();
485
+ }
486
+
487
+
488
+
489
+ }, 6000);
490
+ //}, 60000);
491
+ }
492
+ return isAuth.value;
493
+ } catch (error) {
494
+ console.warn('Ошибка Keycloak:', error);
495
+ isAuth.value = false;
496
+ return false;
497
+ } finally {
498
+ checkAuth.value = true;
499
+ }
500
+ }
501
+
502
+ interface IKeycliakInit {
503
+ keycloakInit?: Ref<Keycloak | null | undefined> | undefined;
504
+ }
505
+
506
+ export async function createKeycloakInit({ keycloakInit }: IKeycliakInit = {}) {
507
+ if (typeof window === 'undefined') return;
508
+ if (!!keycloakInit && keycloakInit?.value) {
509
+ keycloak.value = keycloakInit.value;
510
+ isAuth.value = keycloak.value?.authenticated ?? false;
511
+ } else {
512
+ await initKeycloak();
513
+ }
514
+ isInitialized.value = true;
515
+ }
516
+
517
+ // ...весь остальной код до сюда не меняется...
518
+
519
+ let _keycloakInit: IUseKeycloak | null = null;
520
+
521
+ export const keycloakInit = (dontChangeRedirectUri?: Ref<boolean>, keycloakRedirectUriIsLogout?: Ref<string | undefined>): IUseKeycloak => {
522
+ if (_keycloakInit) return _keycloakInit;
523
+
524
+ dontChangeRedirectUri ||= inject('dontChangeRedirectUri', ref(false));
525
+ keycloakRedirectUriIsLogout ||= inject('keycloakRedirectUriIsLogout', ref(undefined));
526
+
527
+ _keycloakInit = {
528
+ keycloak: readonly(keycloak) as Ref<Keycloak | null>,
529
+ isInitialized: readonly(isInitialized),
530
+ isAuth: readonly(isAuth),
531
+ checkAuth: readonly(checkAuth),
532
+ userData: readonly(userData),
533
+
534
+ keycloakUserData,
535
+
536
+ ...getAuthMethods(),
537
+ getToken,
538
+ isAtExp,
539
+ isRtExp,
540
+ };
541
+ return _keycloakInit;
542
+ };