@adcops/autocore-react 3.3.9 → 3.3.14

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 (223) hide show
  1. package/LICENSE +58 -58
  2. package/additional-docs/AutoCoreTagContext.md +441 -441
  3. package/additional-docs/ButtonApiSpecs.md +48 -48
  4. package/additional-docs/GlobalEventEmitter.md +243 -243
  5. package/additional-docs/general_recommendations.md +22 -22
  6. package/additional-docs/react_performance_notes.md +94 -94
  7. package/dist/assets/svg/blockly_logo.svg +82 -82
  8. package/dist/assets/svg/distance.svg +40 -40
  9. package/dist/assets/svg/python_logo.svg +246 -246
  10. package/dist/assets/svg/rotation_ccw.svg +50 -50
  11. package/dist/assets/svg/rotation_ccw_a.svg +57 -57
  12. package/dist/assets/svg/rotation_ccw_b.svg +57 -57
  13. package/dist/assets/svg/rotation_ccw_c.svg +57 -57
  14. package/dist/assets/svg/rotation_cw.svg +49 -49
  15. package/dist/assets/svg/rotation_cw_a.svg +30 -30
  16. package/dist/assets/svg/rotation_cw_b.svg +30 -30
  17. package/dist/assets/svg/rotation_cw_c.svg +30 -30
  18. package/dist/assets/svg/speed.svg +39 -39
  19. package/dist/components/BlocklyEditor.css +93 -93
  20. package/dist/components/Indicator.js +1 -1
  21. package/dist/components/IndicatorRect.d.ts.map +1 -1
  22. package/dist/components/IndicatorRect.js +1 -1
  23. package/dist/components/JogPanel.css +41 -41
  24. package/dist/components/ProgressBarWithValue.css +27 -27
  25. package/dist/components/TextInput.js +1 -1
  26. package/dist/components/ToggleGroup.js +1 -1
  27. package/dist/components/ValueIndicator.css +29 -31
  28. package/dist/components/ValueInput.js +1 -1
  29. package/dist/components/osk.css +123 -123
  30. package/dist/core/AutoCoreTagContext.d.ts.map +1 -1
  31. package/dist/core/AutoCoreTagContext.js +1 -1
  32. package/dist/hub/HubBase.d.ts +3 -3
  33. package/dist/hub/HubBase.d.ts.map +1 -1
  34. package/dist/hub/HubBase.js +1 -1
  35. package/dist/themes/adc-dark/blue/theme.css +3 -0
  36. package/dist/themes/adc-dark/blue/theme.css.map +1 -1
  37. package/package.json +104 -104
  38. package/readme.md +343 -343
  39. package/src/assets/BlocklyLogo.tsx +27 -27
  40. package/src/assets/Distance.tsx +18 -18
  41. package/src/assets/JogLong.tsx +13 -13
  42. package/src/assets/JogMedium.tsx +13 -13
  43. package/src/assets/JogShort.tsx +13 -13
  44. package/src/assets/PythonLogo.tsx +83 -83
  45. package/src/assets/Rotation3D.tsx +13 -13
  46. package/src/assets/RotationCcw.tsx +33 -33
  47. package/src/assets/RotationCcwA.tsx +45 -45
  48. package/src/assets/RotationCcwB.tsx +45 -45
  49. package/src/assets/RotationCcwC.tsx +45 -45
  50. package/src/assets/RotationCw.tsx +31 -31
  51. package/src/assets/RotationCwA.tsx +42 -42
  52. package/src/assets/RotationCwB.tsx +42 -42
  53. package/src/assets/RotationCwC.tsx +42 -42
  54. package/src/assets/Run.tsx +13 -13
  55. package/src/assets/Speed.tsx +18 -18
  56. package/src/assets/SpeedFast.tsx +13 -13
  57. package/src/assets/SpeedMedium.tsx +13 -13
  58. package/src/assets/SpeedNone.tsx +13 -13
  59. package/src/assets/SpeedSlow.tsx +13 -13
  60. package/src/assets/Walk.tsx +13 -13
  61. package/src/assets/index.ts +22 -22
  62. package/src/assets/svg/blockly_logo.svg +82 -82
  63. package/src/assets/svg/distance.svg +40 -40
  64. package/src/assets/svg/python_logo.svg +246 -246
  65. package/src/assets/svg/rotation_ccw.svg +50 -50
  66. package/src/assets/svg/rotation_ccw_a.svg +57 -57
  67. package/src/assets/svg/rotation_ccw_b.svg +57 -57
  68. package/src/assets/svg/rotation_ccw_c.svg +57 -57
  69. package/src/assets/svg/rotation_cw.svg +49 -49
  70. package/src/assets/svg/rotation_cw_a.svg +30 -30
  71. package/src/assets/svg/rotation_cw_b.svg +30 -30
  72. package/src/assets/svg/rotation_cw_c.svg +30 -30
  73. package/src/assets/svg/speed.svg +39 -39
  74. package/src/components/AutoCoreDevPanel.tsx +414 -414
  75. package/src/components/BlocklyEditor.css +93 -93
  76. package/src/components/BlocklyEditor.tsx +609 -609
  77. package/src/components/CodeEditor.tsx +155 -155
  78. package/src/components/FileList.tsx +390 -390
  79. package/src/components/FileSelect.tsx +128 -128
  80. package/src/components/FitText.tsx +35 -35
  81. package/src/components/Indicator.tsx +188 -188
  82. package/src/components/IndicatorButton.tsx +214 -214
  83. package/src/components/IndicatorRect.tsx +170 -172
  84. package/src/components/JogPanel.css +41 -41
  85. package/src/components/JogPanel.tsx +461 -461
  86. package/src/components/Lamp.tsx +243 -243
  87. package/src/components/Osk.tsx +192 -192
  88. package/src/components/OskDialog.tsx +164 -164
  89. package/src/components/ProgressBarWithValue.css +27 -27
  90. package/src/components/ProgressBarWithValue.tsx +48 -48
  91. package/src/components/TextInput.tsx +195 -195
  92. package/src/components/ToggleGroup.tsx +322 -322
  93. package/src/components/ValueDisplay.tsx +236 -236
  94. package/src/components/ValueIndicator.css +29 -31
  95. package/src/components/ValueIndicator.tsx +135 -135
  96. package/src/components/ValueInput.tsx +368 -368
  97. package/src/components/osk.css +123 -123
  98. package/src/core/ActionMode.ts +19 -19
  99. package/src/core/AutoCoreTagContext.tsx +625 -614
  100. package/src/core/AutoCoreTagTypes.ts +334 -334
  101. package/src/core/CoreStreamTypes.ts +512 -512
  102. package/src/core/EventEmitterContext.tsx +434 -434
  103. package/src/core/IndicatorButtonState.ts +34 -34
  104. package/src/core/IndicatorColor.ts +35 -35
  105. package/src/core/MaskPatterns.ts +87 -87
  106. package/src/core/NumerableTypes.ts +80 -80
  107. package/src/core/PositionContext.ts +59 -59
  108. package/src/core/UniqueId.ts +41 -41
  109. package/src/core/ValueSimulator.ts +166 -166
  110. package/src/core/hoc.tsx +65 -65
  111. package/src/hooks/adsHooks.tsx +287 -287
  112. package/src/hooks/commandHooks.tsx +300 -300
  113. package/src/hooks/index.ts +12 -12
  114. package/src/hooks/useAutoCoreTag.ts +103 -103
  115. package/src/hooks/useScaledValue.tsx +99 -99
  116. package/src/hub/CommandMessage.ts +89 -89
  117. package/src/hub/DebugPanel.ts +307 -307
  118. package/src/hub/HubBase.ts +249 -236
  119. package/src/hub/HubSimulate.ts +124 -124
  120. package/src/hub/HubTauri.ts +140 -140
  121. package/src/hub/HubWebSocket.ts +250 -250
  122. package/src/hub/debug.ts +211 -211
  123. package/src/hub/index.ts +81 -81
  124. package/src/themes/adc-dark/_extensions.scss +166 -166
  125. package/src/themes/adc-dark/_variables.scss +913 -913
  126. package/src/themes/adc-dark/blue/_fonts.scss +23 -23
  127. package/src/themes/adc-dark/blue/adc_theme.scss +31 -31
  128. package/src/themes/adc-dark/blue/theme.scss +14 -14
  129. package/src/themes/theme-base/_colors.scss +17 -17
  130. package/src/themes/theme-base/_common.scss +78 -74
  131. package/src/themes/theme-base/_components.scss +111 -111
  132. package/src/themes/theme-base/_mixins.scss +243 -243
  133. package/src/themes/theme-base/components/button/_button.scss +644 -644
  134. package/src/themes/theme-base/components/button/_speeddial.scss +91 -91
  135. package/src/themes/theme-base/components/button/_splitbutton.scss +358 -358
  136. package/src/themes/theme-base/components/data/_carousel.scss +39 -39
  137. package/src/themes/theme-base/components/data/_datascroller.scss +47 -47
  138. package/src/themes/theme-base/components/data/_datatable.scss +388 -388
  139. package/src/themes/theme-base/components/data/_dataview.scss +47 -47
  140. package/src/themes/theme-base/components/data/_filter.scss +137 -137
  141. package/src/themes/theme-base/components/data/_orderlist.scss +86 -86
  142. package/src/themes/theme-base/components/data/_organizationchart.scss +50 -50
  143. package/src/themes/theme-base/components/data/_paginator.scss +91 -91
  144. package/src/themes/theme-base/components/data/_picklist.scss +73 -73
  145. package/src/themes/theme-base/components/data/_timeline.scss +38 -38
  146. package/src/themes/theme-base/components/data/_tree.scss +184 -184
  147. package/src/themes/theme-base/components/data/_treetable.scss +431 -431
  148. package/src/themes/theme-base/components/file/_fileupload.scss +41 -41
  149. package/src/themes/theme-base/components/input/_autocomplete.scss +94 -94
  150. package/src/themes/theme-base/components/input/_calendar.scss +251 -251
  151. package/src/themes/theme-base/components/input/_cascadeselect.scss +107 -107
  152. package/src/themes/theme-base/components/input/_checkbox.scss +181 -181
  153. package/src/themes/theme-base/components/input/_chips.scss +102 -102
  154. package/src/themes/theme-base/components/input/_colorpicker.scss +17 -17
  155. package/src/themes/theme-base/components/input/_dropdown.scss +252 -252
  156. package/src/themes/theme-base/components/input/_editor.scss +122 -122
  157. package/src/themes/theme-base/components/input/_iconfield.scss +9 -9
  158. package/src/themes/theme-base/components/input/_inputgroup.scss +74 -74
  159. package/src/themes/theme-base/components/input/_inputicon.scss +14 -14
  160. package/src/themes/theme-base/components/input/_inputnumber.scss +4 -4
  161. package/src/themes/theme-base/components/input/_inputotp.scss +10 -10
  162. package/src/themes/theme-base/components/input/_inputswitch.scss +99 -99
  163. package/src/themes/theme-base/components/input/_inputtext.scss +101 -101
  164. package/src/themes/theme-base/components/input/_listbox.scss +138 -138
  165. package/src/themes/theme-base/components/input/_mention.scss +30 -30
  166. package/src/themes/theme-base/components/input/_multiselect.scss +278 -278
  167. package/src/themes/theme-base/components/input/_password.scss +32 -32
  168. package/src/themes/theme-base/components/input/_radiobutton.scss +169 -169
  169. package/src/themes/theme-base/components/input/_rating.scss +80 -80
  170. package/src/themes/theme-base/components/input/_selectbutton.scss +49 -49
  171. package/src/themes/theme-base/components/input/_slider.scss +49 -49
  172. package/src/themes/theme-base/components/input/_togglebutton.scss +99 -99
  173. package/src/themes/theme-base/components/input/_treeselect.scss +151 -151
  174. package/src/themes/theme-base/components/input/_tristatecheckbox.scss +46 -46
  175. package/src/themes/theme-base/components/menu/_breadcrumb.scss +42 -42
  176. package/src/themes/theme-base/components/menu/_contextmenu.scss +39 -39
  177. package/src/themes/theme-base/components/menu/_dock.scss +109 -109
  178. package/src/themes/theme-base/components/menu/_megamenu.scss +141 -141
  179. package/src/themes/theme-base/components/menu/_menu.scss +33 -33
  180. package/src/themes/theme-base/components/menu/_menubar.scss +216 -216
  181. package/src/themes/theme-base/components/menu/_panelmenu.scss +153 -153
  182. package/src/themes/theme-base/components/menu/_slidemenu.scss +60 -60
  183. package/src/themes/theme-base/components/menu/_steps.scss +57 -57
  184. package/src/themes/theme-base/components/menu/_tabmenu.scss +50 -50
  185. package/src/themes/theme-base/components/menu/_tieredmenu.scss +43 -43
  186. package/src/themes/theme-base/components/messages/_inlinemessage.scss +69 -69
  187. package/src/themes/theme-base/components/messages/_message.scss +107 -107
  188. package/src/themes/theme-base/components/messages/_toast.scss +100 -100
  189. package/src/themes/theme-base/components/misc/_avatar.scss +33 -33
  190. package/src/themes/theme-base/components/misc/_badge.scss +76 -76
  191. package/src/themes/theme-base/components/misc/_chip.scss +38 -38
  192. package/src/themes/theme-base/components/misc/_inplace.scss +17 -17
  193. package/src/themes/theme-base/components/misc/_metergroup.scss +80 -80
  194. package/src/themes/theme-base/components/misc/_progressbar.scss +17 -17
  195. package/src/themes/theme-base/components/misc/_scrolltop.scss +24 -24
  196. package/src/themes/theme-base/components/misc/_skeleton.scss +7 -7
  197. package/src/themes/theme-base/components/misc/_tag.scss +39 -39
  198. package/src/themes/theme-base/components/misc/_terminal.scss +12 -12
  199. package/src/themes/theme-base/components/multimedia/_galleria.scss +153 -153
  200. package/src/themes/theme-base/components/multimedia/_image.scss +53 -53
  201. package/src/themes/theme-base/components/overlay/_confirmpopup.scss +72 -72
  202. package/src/themes/theme-base/components/overlay/_dialog.scss +78 -78
  203. package/src/themes/theme-base/components/overlay/_overlaypanel.scss +64 -64
  204. package/src/themes/theme-base/components/overlay/_sidebar.scss +23 -23
  205. package/src/themes/theme-base/components/overlay/_tooltip.scss +33 -33
  206. package/src/themes/theme-base/components/panel/_accordion.scss +118 -118
  207. package/src/themes/theme-base/components/panel/_card.scss +30 -30
  208. package/src/themes/theme-base/components/panel/_divider.scss +30 -30
  209. package/src/themes/theme-base/components/panel/_fieldset.scss +47 -47
  210. package/src/themes/theme-base/components/panel/_panel.scss +47 -47
  211. package/src/themes/theme-base/components/panel/_scrollpanel.scss +10 -10
  212. package/src/themes/theme-base/components/panel/_splitter.scss +23 -23
  213. package/src/themes/theme-base/components/panel/_stepper.scss +136 -136
  214. package/src/themes/theme-base/components/panel/_tabview.scss +147 -147
  215. package/src/themes/theme-base/components/panel/_toolbar.scss +11 -11
  216. package/terser.config.cjs +25 -25
  217. package/todo.md +18 -18
  218. package/tools/build-themes.cjs +65 -65
  219. package/tools/copy-distribution-files.cjs +77 -77
  220. package/tools/minify.cjs +55 -55
  221. package/tsconfig.json +48 -48
  222. package/typedoc.json +12 -12
  223. package/.claude/settings.local.json +0 -7
@@ -1,237 +1,250 @@
1
- /*
2
- * Copyright (C) 2023 Automated Design Corp. All Rights Reserved.
3
- * Created Date: 2023-12-15 14:21:33
4
- * Author: Thomas C. Bitsky Jr.
5
- * -----
6
- * Last Modified: 2026-01-29 09:34:10
7
- * Modified By: ADC
8
- * -----
9
- *
10
- */
11
-
12
- import type { EventEmitterContextType } from '../core/EventEmitterContext';
13
- import type { CommandMessage } from "./CommandMessage";
14
- import { MessageType } from "./CommandMessage";
15
-
16
-
17
- /**
18
- * @class HubBase
19
- * @abstract
20
- *
21
- * Abstract base class that defines the interface for communicating with the AutoCore backend.
22
- * Implementations (like `HubWebSocket` or `HubTauri`) handle the specific transport mechanics.
23
- *
24
- * ## Core Responsibilities
25
- *
26
- * 1. **Transport Abstraction**: Provides a unified API (`read`, `write`, `subscribe`) regardless of
27
- * underlying transport (WS, IPC, etc.).
28
- * 2. **Topic Mapping**: Maintains a bidirectional mapping between local `tagName` (UI friendly)
29
- * and backend `FQDN` (Fully Qualified Domain Name).
30
- * - `tagName`: "motorsEnable"
31
- * - `FQDN`: "ADS.Main.bMotorsEnable"
32
- * 3. **Event Dispatching**: Routes incoming messages from the backend to the `EventEmitterContext`.
33
- *
34
- * ## Usage
35
- *
36
- * The `Hub` is typically accessed via the `EventEmitterContext`:
37
- *
38
- * ```typescript
39
- * const { hub } = useContext(EventEmitterContext);
40
- * await hub.write("ADS.Main.nSpeed", 500);
41
- * ```
42
- */
43
- export abstract class HubBase {
44
-
45
- /** Maps local tag names to backend FQDNs. */
46
- protected localTopicToBackendTopicMap: Map<string, string> = new Map<string, string>();
47
-
48
- /** Maps backend FQDNs to local tag names. */
49
- protected backendTopicToLocalMap: Map<string, string> = new Map<string, string>();
50
-
51
- /** Reference to the global event emitter for dispatching incoming messages. */
52
- protected context: EventEmitterContextType | null = null;
53
-
54
- /** Connection state tracker. */
55
- protected isConnected_: boolean = false;
56
-
57
-
58
- /**
59
- * Constructor
60
- */
61
- constructor() {
62
- }
63
-
64
-
65
- /**
66
- * Links this Hub instance with the React application's Event Context.
67
- *
68
- * This connection allows the Hub to "push" messages into the React app by calling `context.dispatch()`.
69
- * This is called automatically by `EventEmitterProvider` on initialization.
70
- *
71
- * @param context The React context instance.
72
- */
73
- setContext(context: EventEmitterContextType | null) {
74
- this.context = context;
75
- }
76
-
77
- // =========================================================================
78
- // Abstract Methods - Must be implemented by subclasses
79
- // =========================================================================
80
-
81
- /**
82
- * Sends a raw command message to the backend.
83
- *
84
- * @param topic The resource identifier (FQDN).
85
- * @param messageType The operation to perform (Read, Write, etc.).
86
- * @param payload The data payload.
87
- * @returns A Promise that resolves with the server's response.
88
- */
89
- abstract invoke(topic: string, messageType: MessageType, payload?: object): Promise<CommandMessage>;
90
-
91
- // =========================================================================
92
- // Convenience Helper Methods
93
- // =========================================================================
94
-
95
- /**
96
- * Request the current value of a resource.
97
- *
98
- * @param topic FQDN of the resource.
99
- */
100
- read(topic: string, payload?: object): Promise<CommandMessage> {
101
- return this.invoke(topic, MessageType.Read, payload);
102
- }
103
-
104
- /**
105
- * Write a new value to a resource.
106
- *
107
- * @param topic FQDN of the resource.
108
- * @param value The value to write.
109
- */
110
- write(topic: string, value: any): Promise<CommandMessage> {
111
- return this.invoke(topic, MessageType.Write, { value });
112
- }
113
-
114
- /**
115
- * Subscribe to updates for a specific resource.
116
- *
117
- * Registers a mapping so that when the server sends updates for `topic` (FQDN),
118
- * the Hub will translate it to `tagName` before dispatching to the UI.
119
- *
120
- * @param tagName The local alias for this resource (e.g., "position").
121
- * @param topic The backend FQDN (e.g., "ADS.Main.fPos").
122
- * @param payload Optional subscription parameters (rate, deadband).
123
- */
124
- subscribe(tagName : string, topic: string, payload?: object): Promise<CommandMessage> {
125
- this.mapTopic(tagName, topic);
126
- return this.invoke(topic, MessageType.Subscribe, payload);
127
- }
128
-
129
- /**
130
- * Unsubscribe from updates.
131
- *
132
- * Uses the `tagName` to look up the FQDN and send the unsubscribe command.
133
- * Also removes the local mapping.
134
- *
135
- * @param tagName The local alias to unsubscribe.
136
- */
137
- unsubscribe( /* topic: string,*/ tagName : string, payload?: object): Promise<CommandMessage> {
138
- const fqdn = this.toBackendTopic(tagName);
139
- this.unmapTopic(tagName);
140
- return this.invoke(fqdn, MessageType.Unsubscribe, payload);
141
- }
142
-
143
- /**
144
- * Send a generic request (custom command).
145
- */
146
- request(topic: string, payload?: object): Promise<CommandMessage> {
147
- return this.invoke(topic, MessageType.Request, payload);
148
- }
149
-
150
- // =========================================================================
151
- // Connection State
152
- // =========================================================================
153
-
154
- /**
155
- * Update internal connection state.
156
- */
157
- protected setIsConnected = (s: boolean) => {
158
- this.isConnected_ = s;
159
- }
160
-
161
- /**
162
- * Check if currently connected to backend.
163
- */
164
- isConnected = (): boolean => {
165
- return this.isConnected_;
166
- }
167
-
168
- // =========================================================================
169
- // Frontend Event Bus (Local Publish/Subscribe)
170
- // =========================================================================
171
-
172
- /**
173
- * Dispatches an event to the React application.
174
- *
175
- * 1. Translates the `topic` (potentially an FQDN) to a local `tagName` if a mapping exists.
176
- * 2. Calls `context.dispatch()` to notify local subscribers.
177
- *
178
- * This is the bridge between the backend transport and the frontend UI components.
179
- *
180
- * @param topic The topic from the message (usually FQDN).
181
- * @param data The data payload.
182
- */
183
- publish(topic: string, data: any | undefined): void {
184
- const convertedTopic = this.toLocalTopic(topic);
185
-
186
- console.log(`HUB Dispatch topic ${convertedTopic} payload ${JSON.stringify(data)}`);
187
- this.context?.dispatch({
188
- topic: convertedTopic,
189
- payload: data
190
- });
191
- }
192
-
193
- // =========================================================================
194
- // Topic Mapping (for aliasing backend topics to local names)
195
- // =========================================================================
196
-
197
- /**
198
- * Registers a mapping between a local name and a backend FQDN.
199
- */
200
- mapTopic(localTopic: string, backendTopic: string): void {
201
- this.localTopicToBackendTopicMap.set(localTopic, backendTopic);
202
- this.backendTopicToLocalMap.set(backendTopic, localTopic);
203
- }
204
-
205
- /**
206
- * Removes a mapping.
207
- */
208
- unmapTopic(localTopic: string): void {
209
- if (this.localTopicToBackendTopicMap.has(localTopic)) {
210
- const be = this.localTopicToBackendTopicMap.get(localTopic);
211
- this.localTopicToBackendTopicMap.delete(localTopic);
212
-
213
- if (be !== null && be !== undefined && this.backendTopicToLocalMap.has(be)) {
214
- this.backendTopicToLocalMap.delete(be);
215
- }
216
- }
217
- }
218
-
219
- /**
220
- * Translates Local Name -> Backend FQDN.
221
- */
222
- toBackendTopic(localTopic: string): string {
223
- const mapped = this.localTopicToBackendTopicMap.get(localTopic);
224
- return mapped ?? localTopic;
225
- }
226
-
227
- /**
228
- * Translates Backend FQDN -> Local Name.
229
- */
230
- toLocalTopic(backendTopic: string): string {
231
- const mapped = this.backendTopicToLocalMap.get(backendTopic);
232
- return mapped ?? backendTopic;
233
- }
234
- }
235
-
236
-
1
+ /*
2
+ * Copyright (C) 2023 Automated Design Corp. All Rights Reserved.
3
+ * Created Date: 2023-12-15 14:21:33
4
+ * Author: Thomas C. Bitsky Jr.
5
+ * -----
6
+ * Last Modified: 2026-01-29 09:34:10
7
+ * Modified By: ADC
8
+ * -----
9
+ *
10
+ */
11
+
12
+ import type { EventEmitterContextType } from '../core/EventEmitterContext';
13
+ import type { CommandMessage } from "./CommandMessage";
14
+ import { MessageType } from "./CommandMessage";
15
+
16
+
17
+ /**
18
+ * @class HubBase
19
+ * @abstract
20
+ *
21
+ * Abstract base class that defines the interface for communicating with the AutoCore backend.
22
+ * Implementations (like `HubWebSocket` or `HubTauri`) handle the specific transport mechanics.
23
+ *
24
+ * ## Core Responsibilities
25
+ *
26
+ * 1. **Transport Abstraction**: Provides a unified API (`read`, `write`, `subscribe`) regardless of
27
+ * underlying transport (WS, IPC, etc.).
28
+ * 2. **Topic Mapping**: Maintains a bidirectional mapping between local `tagName` (UI friendly)
29
+ * and backend `FQDN` (Fully Qualified Domain Name).
30
+ * - `tagName`: "motorsEnable"
31
+ * - `FQDN`: "ADS.Main.bMotorsEnable"
32
+ * 3. **Event Dispatching**: Routes incoming messages from the backend to the `EventEmitterContext`.
33
+ *
34
+ * ## Usage
35
+ *
36
+ * The `Hub` is typically accessed via the `EventEmitterContext`:
37
+ *
38
+ * ```typescript
39
+ * const { hub } = useContext(EventEmitterContext);
40
+ * await hub.write("ADS.Main.nSpeed", 500);
41
+ * ```
42
+ */
43
+ export abstract class HubBase {
44
+
45
+ /** Maps local tag names to backend FQDNs. */
46
+ protected localTopicToBackendTopicMap: Map<string, string> = new Map<string, string>();
47
+
48
+ /** Maps backend FQDNs to local tag names. */
49
+ protected backendTopicToLocalMap: Map<string, string[]> = new Map<string, string[]>();
50
+
51
+ /** Reference to the global event emitter for dispatching incoming messages. */
52
+ protected context: EventEmitterContextType | null = null;
53
+
54
+ /** Connection state tracker. */
55
+ protected isConnected_: boolean = false;
56
+
57
+
58
+ /**
59
+ * Constructor
60
+ */
61
+ constructor() {
62
+ }
63
+
64
+
65
+ /**
66
+ * Links this Hub instance with the React application's Event Context.
67
+ *
68
+ * This connection allows the Hub to "push" messages into the React app by calling `context.dispatch()`.
69
+ * This is called automatically by `EventEmitterProvider` on initialization.
70
+ *
71
+ * @param context The React context instance.
72
+ */
73
+ setContext(context: EventEmitterContextType | null) {
74
+ this.context = context;
75
+ }
76
+
77
+ // =========================================================================
78
+ // Abstract Methods - Must be implemented by subclasses
79
+ // =========================================================================
80
+
81
+ /**
82
+ * Sends a raw command message to the backend.
83
+ *
84
+ * @param topic The resource identifier (FQDN).
85
+ * @param messageType The operation to perform (Read, Write, etc.).
86
+ * @param payload The data payload.
87
+ * @returns A Promise that resolves with the server's response.
88
+ */
89
+ abstract invoke(topic: string, messageType: MessageType, payload?: object): Promise<CommandMessage>;
90
+
91
+ // =========================================================================
92
+ // Convenience Helper Methods
93
+ // =========================================================================
94
+
95
+ /**
96
+ * Request the current value of a resource.
97
+ *
98
+ * @param topic FQDN of the resource.
99
+ */
100
+ read(topic: string, payload?: object): Promise<CommandMessage> {
101
+ return this.invoke(topic, MessageType.Read, payload);
102
+ }
103
+
104
+ /**
105
+ * Write a new value to a resource.
106
+ *
107
+ * @param topic FQDN of the resource.
108
+ * @param value The value to write.
109
+ */
110
+ write(topic: string, value: any): Promise<CommandMessage> {
111
+ return this.invoke(topic, MessageType.Write, { value });
112
+ }
113
+
114
+ /**
115
+ * Subscribe to updates for a specific resource.
116
+ *
117
+ * Registers a mapping so that when the server sends updates for `topic` (FQDN),
118
+ * the Hub will translate it to `tagName` before dispatching to the UI.
119
+ *
120
+ * @param tagName The local alias for this resource (e.g., "position").
121
+ * @param topic The backend FQDN (e.g., "ADS.Main.fPos").
122
+ * @param payload Optional subscription parameters (rate, deadband).
123
+ */
124
+ subscribe(tagName : string, topic: string, payload?: object): Promise<CommandMessage> {
125
+ this.mapTopic(tagName, topic);
126
+ return this.invoke(topic, MessageType.Subscribe, payload);
127
+ }
128
+
129
+ /**
130
+ * Unsubscribe from updates.
131
+ *
132
+ * Uses the `tagName` to look up the FQDN and send the unsubscribe command.
133
+ * Also removes the local mapping.
134
+ *
135
+ * @param tagName The local alias to unsubscribe.
136
+ */
137
+ unsubscribe( /* topic: string,*/ tagName : string, payload?: object): Promise<CommandMessage> {
138
+ const fqdn = this.toBackendTopic(tagName);
139
+ this.unmapTopic(tagName);
140
+ return this.invoke(fqdn, MessageType.Unsubscribe, payload);
141
+ }
142
+
143
+ /**
144
+ * Send a generic request (custom command).
145
+ */
146
+ request(topic: string, payload?: object): Promise<CommandMessage> {
147
+ return this.invoke(topic, MessageType.Request, payload);
148
+ }
149
+
150
+ // =========================================================================
151
+ // Connection State
152
+ // =========================================================================
153
+
154
+ /**
155
+ * Update internal connection state.
156
+ */
157
+ protected setIsConnected = (s: boolean) => {
158
+ this.isConnected_ = s;
159
+ }
160
+
161
+ /**
162
+ * Check if currently connected to backend.
163
+ */
164
+ isConnected = (): boolean => {
165
+ return this.isConnected_;
166
+ }
167
+
168
+ // =========================================================================
169
+ // Frontend Event Bus (Local Publish/Subscribe)
170
+ // =========================================================================
171
+
172
+ /**
173
+ * Dispatches an event to the React application.
174
+ *
175
+ * 1. Translates the `topic` (potentially an FQDN) to a local `tagName` if a mapping exists.
176
+ * 2. Calls `context.dispatch()` to notify local subscribers.
177
+ *
178
+ * This is the bridge between the backend transport and the frontend UI components.
179
+ *
180
+ * @param topic The topic from the message (usually FQDN).
181
+ * @param data The data payload.
182
+ */
183
+ publish(topic: string, data: any | undefined): void {
184
+ const convertedTopics = this.toLocalTopics(topic);
185
+
186
+ for (const convertedTopic of convertedTopics) {
187
+ console.log(`HUB Dispatch topic ${convertedTopic} payload ${JSON.stringify(data)}`);
188
+ this.context?.dispatch({
189
+ topic: convertedTopic,
190
+ payload: data
191
+ });
192
+ }
193
+ }
194
+
195
+ // =========================================================================
196
+ // Topic Mapping (for aliasing backend topics to local names)
197
+ // =========================================================================
198
+
199
+ /**
200
+ * Registers a mapping between a local name and a backend FQDN.
201
+ */
202
+ mapTopic(localTopic: string, backendTopic: string): void {
203
+ this.localTopicToBackendTopicMap.set(localTopic, backendTopic);
204
+
205
+ let localTopics = this.backendTopicToLocalMap.get(backendTopic) || [];
206
+ if (!localTopics.includes(localTopic)) {
207
+ localTopics.push(localTopic);
208
+ this.backendTopicToLocalMap.set(backendTopic, localTopics);
209
+ }
210
+ }
211
+
212
+ /**
213
+ * Removes a mapping.
214
+ */
215
+ unmapTopic(localTopic: string): void {
216
+ if (this.localTopicToBackendTopicMap.has(localTopic)) {
217
+ const be = this.localTopicToBackendTopicMap.get(localTopic);
218
+ this.localTopicToBackendTopicMap.delete(localTopic);
219
+
220
+ if (be !== null && be !== undefined && this.backendTopicToLocalMap.has(be)) {
221
+ let localTopics = this.backendTopicToLocalMap.get(be) || [];
222
+ localTopics = localTopics.filter(t => t !== localTopic);
223
+ if (localTopics.length > 0) {
224
+ this.backendTopicToLocalMap.set(be, localTopics);
225
+ } else {
226
+ this.backendTopicToLocalMap.delete(be);
227
+ }
228
+ }
229
+ }
230
+ }
231
+
232
+ /**
233
+ * Translates Local Name -> Backend FQDN.
234
+ */
235
+ toBackendTopic(localTopic: string): string {
236
+ const mapped = this.localTopicToBackendTopicMap.get(localTopic);
237
+ return mapped ?? localTopic;
238
+ }
239
+
240
+ /**
241
+ * Translates Backend FQDN -> Array of Local Names.
242
+ */
243
+ toLocalTopics(backendTopic: string): string[] {
244
+ const mapped = this.backendTopicToLocalMap.get(backendTopic);
245
+ return mapped && mapped.length > 0 ? mapped : [backendTopic];
246
+ }
247
+ }
248
+
249
+
237
250
  export default HubBase;