11/* eslint-disable @typescript-eslint/no-explicit-any */
22
3- import { reactive } from "vue" ;
43import { plainToInstance } from "class-transformer" ;
5-
64import {
5+ JsMessage ,
76 DisplayConfirmationToCloseAllDocuments ,
87 DisplayConfirmationToCloseDocument ,
98 DisplayError ,
109 DisplayPanic ,
1110 ExportDocument ,
12- newDisplayFolderTreeStructure ,
11+ newDisplayFolderTreeStructure as DisplayFolderTreeStructure ,
1312 OpenDocumentBrowse ,
1413 SaveDocument ,
1514 SetActiveDocument ,
@@ -22,29 +21,16 @@ import {
2221 UpdateScrollbars ,
2322 UpdateWorkingColors ,
2423 UpdateLayer ,
25- JsMessage ,
26- } from "./js-messages" ;
27-
28- type JsMessageCallback < T extends JsMessage > = ( responseData : T ) => void ;
29- type JsMessageCallbackMap = {
30- [ response : string ] : JsMessageCallback < any > | undefined ;
31- } ;
24+ } from "@/utilities/js-messages" ;
3225
33- const state = reactive ( {
34- responseMap : { } as JsMessageCallbackMap ,
35- } ) ;
36-
37- type Constructs < T > = new ( ...args : any [ ] ) => T ;
38- type ConstructsJsMessage = Constructs < JsMessage > & typeof JsMessage ;
39-
40- const responseMap = {
26+ const messageConstructors = {
4127 UpdateCanvas,
4228 UpdateScrollbars,
4329 UpdateRulers,
4430 ExportDocument,
4531 SaveDocument,
4632 OpenDocumentBrowse,
47- DisplayFolderTreeStructure : newDisplayFolderTreeStructure ,
33+ DisplayFolderTreeStructure,
4834 UpdateLayer,
4935 SetActiveTool,
5036 SetActiveDocument,
@@ -57,39 +43,51 @@ const responseMap = {
5743 DisplayConfirmationToCloseDocument,
5844 DisplayConfirmationToCloseAllDocuments,
5945} as const ;
46+ type JsMessageType = keyof typeof messageConstructors ;
47+
48+ type JsMessageCallback < T extends JsMessage > = ( messageData : T ) => void ;
49+ type JsMessageCallbackMap = {
50+ [ message : string ] : JsMessageCallback < any > | undefined ;
51+ } ;
6052
61- export type JsMessageType = keyof typeof responseMap ;
53+ type Constructs < T > = new ( ...args : any [ ] ) => T ;
54+ type ConstructsJsMessage = Constructs < JsMessage > & typeof JsMessage ;
6255
63- function isJsMessageConstructor ( fn : ConstructsJsMessage | ( ( data : any ) => JsMessage ) ) : fn is ConstructsJsMessage {
64- return ( fn as ConstructsJsMessage ) . jsMessageMarker !== undefined ;
65- }
56+ const subscriptions = { } as JsMessageCallbackMap ;
6657
67- export function handleJsMessage ( responseType : JsMessageType , responseData : any ) {
68- const messageMaker = responseMap [ responseType ] ;
69- let message : JsMessage ;
58+ export function subscribeJsMessage < T extends JsMessage > ( messageType : Constructs < T > , callback : JsMessageCallback < T > ) {
59+ subscriptions [ messageType . name ] = callback ;
60+ }
7061
71- if ( ! messageMaker ) {
62+ export function handleJsMessage ( messageType : JsMessageType , messageData : any ) {
63+ const messageConstructor = messageConstructors [ messageType ] ;
64+ if ( ! messageConstructor ) {
7265 // eslint-disable-next-line no-console
73- console . error ( `Received a Response of type "${ responseType } ) ;
66+ console . error ( `Received a frontend message of type "${ messageType } ) ;
67+ return ;
7468 }
7569
76- if ( isJsMessageConstructor ( messageMaker ) ) {
77- message = plainToInstance ( messageMaker , responseData [ responseType ] ) ;
70+ // Messages with non-empty data are provided by wasm-bindgen as an object with one key as the message name, like: { NameOfThisMessage: { ... } }
71+ // Messages with empty data are provided by wasm-bindgen as a string with the message name, like: "NameOfThisMessage"
72+ const unwrappedMessageData = messageData [ messageType ] || { } ;
73+
74+ const isJsMessageConstructor = ( fn : ConstructsJsMessage | ( ( data : any ) => JsMessage ) ) : fn is ConstructsJsMessage => {
75+ return ( fn as ConstructsJsMessage ) . jsMessageMarker !== undefined ;
76+ } ;
77+ let message : JsMessage ;
78+ if ( isJsMessageConstructor ( messageConstructor ) ) {
79+ message = plainToInstance ( messageConstructor , unwrappedMessageData ) ;
7880 } else {
79- message = messageMaker ( responseData [ responseType ] ) ;
81+ message = messageConstructor ( unwrappedMessageData ) ;
8082 }
8183
8284 // It is ok to use constructor.name even with minification since it is used consistently with registerHandler
83- const callback = state . responseMap [ message . constructor . name ] ;
85+ const callback = subscriptions [ message . constructor . name ] ;
8486
8587 if ( callback && message ) {
8688 callback ( message ) ;
8789 } else if ( message ) {
8890 // eslint-disable-next-line no-console
89- console . error ( `Received a Response of type "${ responseType } ) ;
91+ console . error ( `Received a frontend message of type "${ messageType } ) ;
9092 }
9193}
92-
93- export function subscribeJsMessage < T extends JsMessage > ( responseType : Constructs < T > , callback : JsMessageCallback < T > ) {
94- state . responseMap [ responseType . name ] = callback ;
95- }
0 commit comments