@addev-be/ui 2.4.3 → 2.4.4

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 (248) hide show
  1. package/assets/icons/arrow-down-1-9.svg +1 -1
  2. package/assets/icons/arrow-down-a-z.svg +1 -1
  3. package/assets/icons/arrow-up-z-a.svg +1 -1
  4. package/assets/icons/check.svg +1 -1
  5. package/assets/icons/circle-check.svg +1 -1
  6. package/assets/icons/down.svg +1 -1
  7. package/assets/icons/filter-full.svg +1 -1
  8. package/assets/icons/filter.svg +1 -1
  9. package/assets/icons/hashtag.svg +1 -1
  10. package/assets/icons/image-slash.svg +1 -1
  11. package/assets/icons/left.svg +1 -1
  12. package/assets/icons/magnifier.svg +1 -1
  13. package/assets/icons/phone.svg +1 -1
  14. package/assets/icons/right.svg +1 -1
  15. package/assets/icons/sort-calendar-ascending.svg +5 -5
  16. package/assets/icons/spinner-third.svg +1 -1
  17. package/assets/icons/table-columns.svg +1 -1
  18. package/assets/icons/table-footer-slash.svg +4 -4
  19. package/assets/icons/table-footer.svg +3 -3
  20. package/assets/icons/table.svg +1 -1
  21. package/assets/icons/up.svg +1 -1
  22. package/assets/icons/user-tie.svg +1 -1
  23. package/assets/icons/x-bar.svg +3 -3
  24. package/dist/components/data/AdvancedRequestDataGrid/helpers/advancedRequests.d.ts +14 -0
  25. package/dist/components/data/AdvancedRequestDataGrid/helpers/advancedRequests.js +77 -0
  26. package/dist/components/data/AdvancedRequestDataGrid/helpers/columns.d.ts +22 -0
  27. package/dist/components/data/AdvancedRequestDataGrid/helpers/columns.js +105 -0
  28. package/dist/components/data/AdvancedRequestDataGrid/helpers/index.d.ts +2 -0
  29. package/dist/components/data/AdvancedRequestDataGrid/helpers/index.js +18 -0
  30. package/dist/components/data/AdvancedRequestDataGrid/index.d.ts +2 -0
  31. package/dist/components/data/AdvancedRequestDataGrid/index.js +215 -0
  32. package/dist/components/data/AdvancedRequestDataGrid/types.d.ts +21 -0
  33. package/dist/components/data/AdvancedRequestDataGrid/types.js +2 -0
  34. package/dist/components/data/DataGrid/AdvancedRequestDataGrid.d.ts +10 -0
  35. package/dist/components/data/DataGrid/AdvancedRequestDataGrid.js +173 -0
  36. package/dist/components/data/DataGrid/DataGridEditableCell.d.ts +2 -0
  37. package/dist/components/data/DataGrid/DataGridEditableCell.js +27 -0
  38. package/dist/components/data/DataGrid/FilterValuesScroller.d.ts +13 -0
  39. package/dist/components/data/DataGrid/FilterValuesScroller.js +73 -0
  40. package/dist/components/data/DataGrid/VirtualScroller.d.ts +11 -0
  41. package/dist/components/data/DataGrid/VirtualScroller.js +41 -0
  42. package/dist/components/data/DataGrid/helpers/advancedRequests.d.ts +12 -0
  43. package/dist/components/data/DataGrid/helpers/advancedRequests.js +53 -0
  44. package/dist/components/data/DataGrid/helpers.d.ts +28 -0
  45. package/dist/components/data/DataGrid/helpers.js +436 -0
  46. package/dist/components/data/SmartQueryDataGrid/helpers/columns.d.ts +20 -0
  47. package/dist/components/data/SmartQueryDataGrid/helpers/columns.js +160 -0
  48. package/dist/components/data/SmartQueryDataGrid/helpers/hooks.d.ts +5 -0
  49. package/dist/components/data/SmartQueryDataGrid/helpers/hooks.js +41 -0
  50. package/dist/components/data/SmartQueryDataGrid/helpers/index.d.ts +2 -0
  51. package/dist/components/data/SmartQueryDataGrid/helpers/index.js +18 -0
  52. package/dist/components/data/SmartQueryDataGrid/helpers/smartQueries.d.ts +3 -0
  53. package/dist/components/data/SmartQueryDataGrid/helpers/smartQueries.js +15 -0
  54. package/dist/components/data/SmartQueryDataGrid/hooks.d.ts +9 -0
  55. package/dist/components/data/SmartQueryDataGrid/hooks.js +63 -0
  56. package/dist/components/data/SmartQueryDataGrid/index.d.ts +12 -0
  57. package/dist/components/data/SmartQueryDataGrid/index.js +242 -0
  58. package/dist/components/data/SmartQueryDataGrid/types.d.ts +22 -0
  59. package/dist/components/data/SmartQueryDataGrid/types.js +2 -0
  60. package/dist/components/data/SqlRequestDataGrid/SqlRequestForeignListEditableCell.d.ts +2 -1
  61. package/dist/components/data/SqlRequestDataGrid/SqlRequestForeignListEditableCell.js +2 -3
  62. package/dist/components/forms/Form/InputWithLabel.d.ts +2 -0
  63. package/dist/components/forms/Form/InputWithLabel.js +10 -0
  64. package/dist/components/forms/Form/types.d.ts +7 -0
  65. package/dist/components/forms/Form/types.js +2 -0
  66. package/dist/config/types.d.ts +11 -0
  67. package/dist/config/types.js +2 -0
  68. package/dist/helpers/react.d.ts +2 -0
  69. package/dist/helpers/react.js +8 -0
  70. package/dist/helpers/styled/index.d.ts +1 -0
  71. package/dist/helpers/styled/index.js +17 -0
  72. package/dist/services/index.js +17 -7
  73. package/dist/services/requests/userPermissions.d.ts +4 -0
  74. package/dist/services/requests/userPermissions.js +20 -0
  75. package/eslint.config.js +3 -3
  76. package/package.json +2 -2
  77. package/src/Icons.tsx +138 -138
  78. package/src/components/auth/LoginForm.tsx +86 -86
  79. package/src/components/auth/LoginPage.tsx +32 -32
  80. package/src/components/auth/PasswordRecoveryForm.tsx +53 -53
  81. package/src/components/auth/PasswordResetForm.tsx +112 -112
  82. package/src/components/auth/styles.ts +14 -14
  83. package/src/components/data/DataGrid/DataGridCell.tsx +81 -81
  84. package/src/components/data/DataGrid/DataGridColumnsModal/helpers.ts +9 -9
  85. package/src/components/data/DataGrid/DataGridColumnsModal/hooks.tsx +59 -59
  86. package/src/components/data/DataGrid/DataGridColumnsModal/index.tsx +182 -182
  87. package/src/components/data/DataGrid/DataGridColumnsModal/styles.ts +104 -104
  88. package/src/components/data/DataGrid/DataGridEditableCell/CheckboxEditableCell.tsx +37 -37
  89. package/src/components/data/DataGrid/DataGridEditableCell/DateEditableCell.tsx +38 -38
  90. package/src/components/data/DataGrid/DataGridEditableCell/NumberEditableCell.tsx +71 -71
  91. package/src/components/data/DataGrid/DataGridEditableCell/TextEditableCell.tsx +37 -37
  92. package/src/components/data/DataGrid/DataGridEditableCell/index.tsx +106 -106
  93. package/src/components/data/DataGrid/DataGridEditableCell/styles.ts +35 -35
  94. package/src/components/data/DataGrid/DataGridEditableCell/types.ts +18 -18
  95. package/src/components/data/DataGrid/DataGridFilterMenu/FilterValuesScroller.tsx +129 -129
  96. package/src/components/data/DataGrid/DataGridFilterMenu/helpers.ts +23 -23
  97. package/src/components/data/DataGrid/DataGridFilterMenu/hooks.tsx +81 -81
  98. package/src/components/data/DataGrid/DataGridFilterMenu/index.tsx +370 -370
  99. package/src/components/data/DataGrid/DataGridFilterMenu/styles.ts +97 -97
  100. package/src/components/data/DataGrid/DataGridFooter.tsx +45 -45
  101. package/src/components/data/DataGrid/DataGridHeader.tsx +74 -74
  102. package/src/components/data/DataGrid/DataGridHeaderCell.tsx +112 -112
  103. package/src/components/data/DataGrid/DataGridRowTemplate.tsx +83 -83
  104. package/src/components/data/DataGrid/DataGridToolbar.tsx +134 -134
  105. package/src/components/data/DataGrid/FilterModalContent/index.tsx +137 -137
  106. package/src/components/data/DataGrid/FilterModalContent/styles.ts +22 -22
  107. package/src/components/data/DataGrid/constants.ts +6 -6
  108. package/src/components/data/DataGrid/helpers/columns.tsx +456 -456
  109. package/src/components/data/DataGrid/helpers/filters.ts +287 -287
  110. package/src/components/data/DataGrid/helpers/index.ts +2 -2
  111. package/src/components/data/DataGrid/hooks/index.ts +29 -29
  112. package/src/components/data/DataGrid/hooks/useDataGrid.tsx +383 -383
  113. package/src/components/data/DataGrid/hooks/useDataGridChangedRows.ts +97 -97
  114. package/src/components/data/DataGrid/hooks/useDataGridCopy.ts +174 -174
  115. package/src/components/data/DataGrid/hooks/useDataGridSettings.ts +48 -48
  116. package/src/components/data/DataGrid/hooks/useRefreshModal.tsx +48 -48
  117. package/src/components/data/DataGrid/index.tsx +111 -111
  118. package/src/components/data/DataGrid/styles.ts +430 -430
  119. package/src/components/data/DataGrid/types.ts +380 -380
  120. package/src/components/data/SqlRequestDataGrid/helpers/columns.tsx +526 -526
  121. package/src/components/data/SqlRequestDataGrid/helpers/index.ts +2 -2
  122. package/src/components/data/SqlRequestDataGrid/helpers/rows.ts +24 -24
  123. package/src/components/data/SqlRequestDataGrid/helpers/sqlRequests.ts +16 -16
  124. package/src/components/data/SqlRequestDataGrid/index.tsx +417 -417
  125. package/src/components/data/SqlRequestDataGrid/styles.ts +15 -15
  126. package/src/components/data/SqlRequestDataGrid/types.ts +74 -74
  127. package/src/components/data/SqlRequestForeignList/index.tsx +254 -254
  128. package/src/components/data/SqlRequestForeignList/styles.ts +43 -43
  129. package/src/components/data/SqlRequestForeignList/types.ts +32 -32
  130. package/src/components/data/SqlRequestGrid/filters/FiltersSidebar.tsx +108 -108
  131. package/src/components/data/SqlRequestGrid/filters/styles.ts +88 -88
  132. package/src/components/data/SqlRequestGrid/helpers/index.ts +1 -1
  133. package/src/components/data/SqlRequestGrid/helpers/sqlRequests.ts +16 -16
  134. package/src/components/data/SqlRequestGrid/index.tsx +304 -304
  135. package/src/components/data/SqlRequestGrid/styles.ts +20 -20
  136. package/src/components/data/SqlRequestGrid/types.ts +73 -73
  137. package/src/components/data/VirtualScroller/hooks.ts +71 -71
  138. package/src/components/data/VirtualScroller/index.tsx +89 -89
  139. package/src/components/data/VirtualScroller/styles.ts +57 -57
  140. package/src/components/data/VirtualScroller/types.ts +10 -10
  141. package/src/components/forms/AutoTextArea.tsx +48 -48
  142. package/src/components/forms/Button.tsx +132 -132
  143. package/src/components/forms/Form/Checkbox.tsx +12 -12
  144. package/src/components/forms/Form/CustomSelect.tsx +86 -86
  145. package/src/components/forms/Form/FormGroup.tsx +31 -31
  146. package/src/components/forms/Form/Input.tsx +16 -16
  147. package/src/components/forms/Form/Row.tsx +32 -32
  148. package/src/components/forms/Form/Select.tsx +82 -82
  149. package/src/components/forms/Form/TextArea.tsx +17 -17
  150. package/src/components/forms/Form/index.tsx +48 -48
  151. package/src/components/forms/Form/styles.ts +184 -184
  152. package/src/components/forms/IconButton.tsx +61 -61
  153. package/src/components/forms/IndeterminateCheckbox.tsx +46 -46
  154. package/src/components/forms/NumberInput.tsx +53 -53
  155. package/src/components/forms/Select.tsx +34 -34
  156. package/src/components/forms/VerticalLabel.tsx +20 -20
  157. package/src/components/forms/styles.ts +42 -42
  158. package/src/components/layout/Columns.ts +28 -28
  159. package/src/components/layout/Dropdown/index.tsx +113 -113
  160. package/src/components/layout/Dropdown/styles.ts +53 -53
  161. package/src/components/layout/Flexbox.ts +21 -21
  162. package/src/components/layout/Grid/index.tsx +8 -8
  163. package/src/components/layout/Grid/styles.ts +34 -34
  164. package/src/components/layout/Loading/index.tsx +29 -29
  165. package/src/components/layout/Loading/styles.ts +29 -29
  166. package/src/components/layout/Masonry/index.tsx +29 -29
  167. package/src/components/layout/Masonry/styles.ts +20 -20
  168. package/src/components/layout/Modal/index.tsx +51 -51
  169. package/src/components/layout/Modal/styles.ts +125 -125
  170. package/src/components/search/HighlightedText.tsx +41 -41
  171. package/src/components/search/QuickSearchBar.tsx +102 -102
  172. package/src/components/search/QuickSearchResults.tsx +86 -86
  173. package/src/components/search/styles.ts +96 -96
  174. package/src/components/search/types.ts +29 -29
  175. package/src/components/ui/Avatar/index.tsx +54 -54
  176. package/src/components/ui/Avatar/styles.ts +61 -61
  177. package/src/components/ui/Card/index.tsx +14 -14
  178. package/src/components/ui/Card/styles.ts +37 -37
  179. package/src/components/ui/ContextMenu/index.tsx +79 -79
  180. package/src/components/ui/ContextMenu/styles.ts +119 -119
  181. package/src/components/ui/Ellipsis.tsx +33 -33
  182. package/src/components/ui/Label.tsx +93 -93
  183. package/src/components/ui/Message/index.tsx +57 -57
  184. package/src/components/ui/Message/styles.ts +44 -44
  185. package/src/components/ui/TabsView/TabsList.tsx +44 -44
  186. package/src/components/ui/TabsView/TabsView.tsx +38 -38
  187. package/src/components/ui/TabsView/index.ts +3 -3
  188. package/src/components/ui/TabsView/styles.ts +76 -76
  189. package/src/components/ui/TabsView/types.ts +15 -15
  190. package/src/config/index.ts +10 -10
  191. package/src/helpers/components.ts +9 -9
  192. package/src/helpers/dates.ts +17 -17
  193. package/src/helpers/getScrollbarSize.ts +14 -14
  194. package/src/helpers/numbers.ts +63 -63
  195. package/src/helpers/responsive.ts +83 -83
  196. package/src/helpers/styled/space.ts +114 -114
  197. package/src/helpers/styled/typography.ts +25 -25
  198. package/src/helpers/text.ts +13 -13
  199. package/src/helpers/types.ts +9 -9
  200. package/src/hooks/useContainerMediaQuery.ts +7 -7
  201. package/src/hooks/useElementSize.ts +24 -24
  202. package/src/hooks/useMediaQuery.ts +9 -9
  203. package/src/hooks/useMediaQueryForWidth.ts +35 -35
  204. package/src/hooks/useMutableState.ts +25 -25
  205. package/src/hooks/useShowArchived.ts +28 -28
  206. package/src/hooks/useWindowSize.ts +20 -20
  207. package/src/index.ts +102 -102
  208. package/src/providers/AuthenticationProvider/helpers.ts +3 -3
  209. package/src/providers/AuthenticationProvider/index.tsx +303 -303
  210. package/src/providers/LoadingProvider/index.tsx +47 -47
  211. package/src/providers/PortalsProvider/index.tsx +54 -54
  212. package/src/providers/PortalsProvider/styles.ts +31 -31
  213. package/src/providers/SettingsProvider/index.tsx +70 -70
  214. package/src/providers/ThemeProvider/defaultTheme.ts +470 -470
  215. package/src/providers/ThemeProvider/helpers.ts +84 -84
  216. package/src/providers/ThemeProvider/index.ts +66 -66
  217. package/src/providers/ThemeProvider/types.ts +134 -134
  218. package/src/providers/ToastProvider/index.tsx +93 -93
  219. package/src/providers/TrackingProvider/hooks.ts +14 -14
  220. package/src/providers/TrackingProvider/index.tsx +71 -71
  221. package/src/providers/UiProviders/index.tsx +76 -76
  222. package/src/providers/UiProviders/styles.ts +10 -10
  223. package/src/providers/hooks.ts +14 -14
  224. package/src/services/HttpService.ts +92 -92
  225. package/src/services/WebSocketService.ts +155 -155
  226. package/src/services/advancedRequests.ts +102 -102
  227. package/src/services/base.ts +23 -23
  228. package/src/services/globalSearch.ts +32 -32
  229. package/src/services/hooks.ts +92 -92
  230. package/src/services/requests/auth.ts +44 -44
  231. package/src/services/requests/generic.ts +62 -62
  232. package/src/services/requests/tracking.ts +12 -12
  233. package/src/services/requests/userProfiles.ts +35 -35
  234. package/src/services/requests/users.ts +28 -28
  235. package/src/services/smartQueries.ts +122 -122
  236. package/src/services/sqlRequests.ts +111 -111
  237. package/src/services/types/auth.ts +98 -98
  238. package/src/services/types/base.ts +10 -10
  239. package/src/services/types/generic.ts +82 -82
  240. package/src/services/types/tracking.ts +29 -29
  241. package/src/services/types/userProfiles.ts +79 -79
  242. package/src/services/types/users.ts +74 -74
  243. package/src/services/updateSqlRequests.ts +32 -32
  244. package/src/styles/animations.scss +30 -30
  245. package/src/styles/index.scss +42 -42
  246. package/src/types.ts +8 -8
  247. package/src/typings.d.ts +2 -2
  248. package/tsconfig.json +18 -18
@@ -1,92 +1,92 @@
1
- import { Config } from '../config';
2
- import { trimEnd } from 'lodash';
3
- import { v4 } from 'uuid';
4
-
5
- export class HttpService {
6
- private static instance: HttpService;
7
- private config: Config;
8
- private promises: {
9
- [id: string]: {
10
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
11
- resolve: (value: any) => void;
12
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
13
- reject: (reason?: any) => void;
14
- };
15
- } = {};
16
-
17
- constructor(config: Config) {
18
- HttpService.instance = this;
19
- this.config = config;
20
- }
21
-
22
- public static getInstance() {
23
- return HttpService.instance;
24
- }
25
-
26
- public sendRequest<TReq, TRes>(
27
- name: string,
28
- data: TReq,
29
- files?: Record<string, File>
30
- ) {
31
- const id = v4();
32
- const promise = new Promise<TRes>((resolve, reject) => {
33
- this.promises[id] = { resolve, reject };
34
-
35
- const formData = new FormData();
36
- formData.append('id', id);
37
- formData.append('data', JSON.stringify(data));
38
- if (files) {
39
- Object.entries(files).forEach(([key, file]) => {
40
- formData.append(key, file);
41
- });
42
- }
43
-
44
- console.log('[HTTP] Sending request:', { id, name, data });
45
- fetch(`${trimEnd(this.config.httpServerUrl, '/')}/${name}`, {
46
- method: 'POST',
47
- headers: {
48
- 'Content-Type': 'application/json',
49
- },
50
- body: formData,
51
- })
52
- .then(async (response) => {
53
- if (!response.ok) {
54
- throw new Error('HTTP request failed');
55
- }
56
- const body = await response.text();
57
- this.parseMessage(body);
58
- })
59
- .catch((error) => {
60
- reject(error);
61
- });
62
- });
63
- return promise;
64
- }
65
-
66
- private parseMessage(message: string) {
67
- try {
68
- const response = JSON.parse(message);
69
- if (!response.id) {
70
- throw new Error('Received message is not valid');
71
- }
72
- if (this.promises[response.id]) {
73
- console.log('[HTTP] Received response:', response);
74
- if (
75
- typeof response.data?.status === 'number' &&
76
- response.data.status < 0
77
- ) {
78
- this.promises[response.id].reject(new Error(response.data.message));
79
- } else {
80
- this.promises[response.id].resolve(response.data);
81
- }
82
- delete this.promises[response.id];
83
- } else {
84
- console.log('[HTTP] Received request:', response);
85
- // TODO : Implement request handling
86
- throw new Error('Not yet implemented');
87
- }
88
- } catch (error) {
89
- console.error('[HTTP] Error parsing message:', error);
90
- }
91
- }
92
- }
1
+ import { Config } from '../config';
2
+ import { trimEnd } from 'lodash';
3
+ import { v4 } from 'uuid';
4
+
5
+ export class HttpService {
6
+ private static instance: HttpService;
7
+ private config: Config;
8
+ private promises: {
9
+ [id: string]: {
10
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
11
+ resolve: (value: any) => void;
12
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
13
+ reject: (reason?: any) => void;
14
+ };
15
+ } = {};
16
+
17
+ constructor(config: Config) {
18
+ HttpService.instance = this;
19
+ this.config = config;
20
+ }
21
+
22
+ public static getInstance() {
23
+ return HttpService.instance;
24
+ }
25
+
26
+ public sendRequest<TReq, TRes>(
27
+ name: string,
28
+ data: TReq,
29
+ files?: Record<string, File>
30
+ ) {
31
+ const id = v4();
32
+ const promise = new Promise<TRes>((resolve, reject) => {
33
+ this.promises[id] = { resolve, reject };
34
+
35
+ const formData = new FormData();
36
+ formData.append('id', id);
37
+ formData.append('data', JSON.stringify(data));
38
+ if (files) {
39
+ Object.entries(files).forEach(([key, file]) => {
40
+ formData.append(key, file);
41
+ });
42
+ }
43
+
44
+ console.log('[HTTP] Sending request:', { id, name, data });
45
+ fetch(`${trimEnd(this.config.httpServerUrl, '/')}/${name}`, {
46
+ method: 'POST',
47
+ headers: {
48
+ 'Content-Type': 'application/json',
49
+ },
50
+ body: formData,
51
+ })
52
+ .then(async (response) => {
53
+ if (!response.ok) {
54
+ throw new Error('HTTP request failed');
55
+ }
56
+ const body = await response.text();
57
+ this.parseMessage(body);
58
+ })
59
+ .catch((error) => {
60
+ reject(error);
61
+ });
62
+ });
63
+ return promise;
64
+ }
65
+
66
+ private parseMessage(message: string) {
67
+ try {
68
+ const response = JSON.parse(message);
69
+ if (!response.id) {
70
+ throw new Error('Received message is not valid');
71
+ }
72
+ if (this.promises[response.id]) {
73
+ console.log('[HTTP] Received response:', response);
74
+ if (
75
+ typeof response.data?.status === 'number' &&
76
+ response.data.status < 0
77
+ ) {
78
+ this.promises[response.id].reject(new Error(response.data.message));
79
+ } else {
80
+ this.promises[response.id].resolve(response.data);
81
+ }
82
+ delete this.promises[response.id];
83
+ } else {
84
+ console.log('[HTTP] Received request:', response);
85
+ // TODO : Implement request handling
86
+ throw new Error('Not yet implemented');
87
+ }
88
+ } catch (error) {
89
+ console.error('[HTTP] Error parsing message:', error);
90
+ }
91
+ }
92
+ }
@@ -1,155 +1,155 @@
1
- import { Config } from '../config';
2
- import { Request } from './base';
3
- import { Subject } from 'rxjs';
4
- import { v4 } from 'uuid';
5
-
6
- export class WebSocketError extends Error {
7
- public status: number;
8
-
9
- constructor(status: number, message: string) {
10
- super(message);
11
- this.status = status;
12
- this.name = 'WebSocketError';
13
- }
14
- }
15
-
16
- export class WebSocketService {
17
- private static instance: WebSocketService;
18
- private config: Config;
19
- private socket: WebSocket | null = null;
20
-
21
- public status: boolean | undefined = undefined;
22
- public status$ = new Subject<boolean | undefined>();
23
- public error$ = new Subject<{ status: number; message: string }>();
24
-
25
- private queue: Request[] = [];
26
- private promises: {
27
- [id: string]: {
28
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
29
- resolve: (value: any) => void;
30
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
31
- reject: (reason?: any) => void;
32
- };
33
- } = {};
34
-
35
- public onOpen?: () => void = () => {};
36
- public onClose?: () => void = () => {};
37
- public onMessage?: (message: string) => void = () => {};
38
- public onError?: (error: unknown) => void = () => {};
39
-
40
- constructor(config: Config) {
41
- WebSocketService.instance = this;
42
- this.config = config;
43
- }
44
-
45
- public static getInstance() {
46
- return WebSocketService.instance;
47
- }
48
-
49
- private resetConnection() {
50
- this.setStatus(undefined);
51
- this.socket = new WebSocket(this.config.webSocketUrl);
52
-
53
- this.socket.onopen = () => {
54
- console.log('[WS] Connected');
55
- const interval = setInterval(() => {
56
- if (this.socket && this.socket.readyState === 1) {
57
- clearInterval(interval);
58
- this.setStatus(true);
59
- this.sendQueue();
60
- this.onOpen?.();
61
- }
62
- }, 100);
63
- };
64
-
65
- this.socket.onclose = () => {
66
- console.log('[WS] Disconnected');
67
- setTimeout(() => this.connect(), this.status === true ? 500 : 5000);
68
- this.onClose?.();
69
- this.setStatus(false);
70
- };
71
-
72
- this.socket.onmessage = (event) => {
73
- this.onMessage?.(event.data);
74
- this.parseMessage(event.data);
75
- };
76
-
77
- this.socket.onerror = (error) => {
78
- this.onError?.(error);
79
- console.error('[WS] Error:', error);
80
- };
81
- }
82
-
83
- public connect(force = false) {
84
- if (this.status === false || force) {
85
- this.resetConnection();
86
- }
87
- }
88
-
89
- private setStatus(status: boolean | undefined) {
90
- this.status = status;
91
- this.status$.next(status);
92
- }
93
-
94
- private sendQueue() {
95
- if (this.socket && this.status) {
96
- let request: Request | undefined;
97
- while ((request = this.queue.shift())) {
98
- console.log('[WS] Sending queued request:', request);
99
- this.socket?.send(JSON.stringify(request));
100
- }
101
- this.queue.forEach((request) =>
102
- this.socket?.send(JSON.stringify(request))
103
- );
104
- }
105
- }
106
-
107
- public sendRequest<TReq, TRes>(name: string, data: TReq) {
108
- const id = v4();
109
- const promise = new Promise<TRes>((resolve, reject) => {
110
- const request: Request = { id, name, data };
111
- this.promises[id] = { resolve, reject };
112
- if (!this.socket || !this.status) {
113
- console.log('[WS] Queuing request:', request);
114
- this.queue.push(request);
115
- return;
116
- }
117
- console.log('[WS] Sending request:', request);
118
- this.socket?.send(JSON.stringify(request));
119
- });
120
- return promise;
121
- }
122
-
123
- private parseMessage(message: string) {
124
- try {
125
- const response = JSON.parse(message);
126
- if (!response.id) {
127
- throw new Error('Received message is not valid');
128
- }
129
- if (this.promises[response.id]) {
130
- console.log('[WS] Received response:', response);
131
- if (
132
- typeof response.data?.status === 'number' &&
133
- response.data.status < 0
134
- ) {
135
- this.promises[response.id].reject(
136
- new WebSocketError(response.data.status, response.data.message)
137
- );
138
- this.error$.next({
139
- status: response.data.status,
140
- message: response.data.message || 'Unknown error',
141
- });
142
- } else {
143
- this.promises[response.id].resolve(response.data);
144
- }
145
- delete this.promises[response.id];
146
- } else {
147
- console.log('[WS] Received request:', response);
148
- // TODO : Implement request handling
149
- throw new Error('Not yet implemented');
150
- }
151
- } catch (error) {
152
- console.error('[WS] Error parsing message:', error);
153
- }
154
- }
155
- }
1
+ import { Config } from '../config';
2
+ import { Request } from './base';
3
+ import { Subject } from 'rxjs';
4
+ import { v4 } from 'uuid';
5
+
6
+ export class WebSocketError extends Error {
7
+ public status: number;
8
+
9
+ constructor(status: number, message: string) {
10
+ super(message);
11
+ this.status = status;
12
+ this.name = 'WebSocketError';
13
+ }
14
+ }
15
+
16
+ export class WebSocketService {
17
+ private static instance: WebSocketService;
18
+ private config: Config;
19
+ private socket: WebSocket | null = null;
20
+
21
+ public status: boolean | undefined = undefined;
22
+ public status$ = new Subject<boolean | undefined>();
23
+ public error$ = new Subject<{ status: number; message: string }>();
24
+
25
+ private queue: Request[] = [];
26
+ private promises: {
27
+ [id: string]: {
28
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
29
+ resolve: (value: any) => void;
30
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
31
+ reject: (reason?: any) => void;
32
+ };
33
+ } = {};
34
+
35
+ public onOpen?: () => void = () => {};
36
+ public onClose?: () => void = () => {};
37
+ public onMessage?: (message: string) => void = () => {};
38
+ public onError?: (error: unknown) => void = () => {};
39
+
40
+ constructor(config: Config) {
41
+ WebSocketService.instance = this;
42
+ this.config = config;
43
+ }
44
+
45
+ public static getInstance() {
46
+ return WebSocketService.instance;
47
+ }
48
+
49
+ private resetConnection() {
50
+ this.setStatus(undefined);
51
+ this.socket = new WebSocket(this.config.webSocketUrl);
52
+
53
+ this.socket.onopen = () => {
54
+ console.log('[WS] Connected');
55
+ const interval = setInterval(() => {
56
+ if (this.socket && this.socket.readyState === 1) {
57
+ clearInterval(interval);
58
+ this.setStatus(true);
59
+ this.sendQueue();
60
+ this.onOpen?.();
61
+ }
62
+ }, 100);
63
+ };
64
+
65
+ this.socket.onclose = () => {
66
+ console.log('[WS] Disconnected');
67
+ setTimeout(() => this.connect(), this.status === true ? 500 : 5000);
68
+ this.onClose?.();
69
+ this.setStatus(false);
70
+ };
71
+
72
+ this.socket.onmessage = (event) => {
73
+ this.onMessage?.(event.data);
74
+ this.parseMessage(event.data);
75
+ };
76
+
77
+ this.socket.onerror = (error) => {
78
+ this.onError?.(error);
79
+ console.error('[WS] Error:', error);
80
+ };
81
+ }
82
+
83
+ public connect(force = false) {
84
+ if (this.status === false || force) {
85
+ this.resetConnection();
86
+ }
87
+ }
88
+
89
+ private setStatus(status: boolean | undefined) {
90
+ this.status = status;
91
+ this.status$.next(status);
92
+ }
93
+
94
+ private sendQueue() {
95
+ if (this.socket && this.status) {
96
+ let request: Request | undefined;
97
+ while ((request = this.queue.shift())) {
98
+ console.log('[WS] Sending queued request:', request);
99
+ this.socket?.send(JSON.stringify(request));
100
+ }
101
+ this.queue.forEach((request) =>
102
+ this.socket?.send(JSON.stringify(request))
103
+ );
104
+ }
105
+ }
106
+
107
+ public sendRequest<TReq, TRes>(name: string, data: TReq) {
108
+ const id = v4();
109
+ const promise = new Promise<TRes>((resolve, reject) => {
110
+ const request: Request = { id, name, data };
111
+ this.promises[id] = { resolve, reject };
112
+ if (!this.socket || !this.status) {
113
+ console.log('[WS] Queuing request:', request);
114
+ this.queue.push(request);
115
+ return;
116
+ }
117
+ console.log('[WS] Sending request:', request);
118
+ this.socket?.send(JSON.stringify(request));
119
+ });
120
+ return promise;
121
+ }
122
+
123
+ private parseMessage(message: string) {
124
+ try {
125
+ const response = JSON.parse(message);
126
+ if (!response.id) {
127
+ throw new Error('Received message is not valid');
128
+ }
129
+ if (this.promises[response.id]) {
130
+ console.log('[WS] Received response:', response);
131
+ if (
132
+ typeof response.data?.status === 'number' &&
133
+ response.data.status < 0
134
+ ) {
135
+ this.promises[response.id].reject(
136
+ new WebSocketError(response.data.status, response.data.message)
137
+ );
138
+ this.error$.next({
139
+ status: response.data.status,
140
+ message: response.data.message || 'Unknown error',
141
+ });
142
+ } else {
143
+ this.promises[response.id].resolve(response.data);
144
+ }
145
+ delete this.promises[response.id];
146
+ } else {
147
+ console.log('[WS] Received request:', response);
148
+ // TODO : Implement request handling
149
+ throw new Error('Not yet implemented');
150
+ }
151
+ } catch (error) {
152
+ console.error('[WS] Error parsing message:', error);
153
+ }
154
+ }
155
+ }