Update IMC message naming

Shellishack · Shellishack · commit 105894fe09af · 2025-08-16T01:43:20.000+08:00
diff --git a/npm-packages/cli/package-lock.json b/npm-packages/cli/package-lock.json
diff --git a/npm-packages/react-api/src/hooks/agent/use-agents.ts b/npm-packages/react-api/src/hooks/agent/use-agents.ts
@@ -27,7 +27,7 @@ export default function useAgents() {
 
     const result = await imc
       .sendMessage(
-        IMCMessageTypeEnum.RunAgentMethod,
+        IMCMessageTypeEnum.EditorRunAgentMethod,
         {
           agentName,
           methodName,
diff --git a/npm-packages/react-api/src/hooks/ai-modality/use-image-gen.ts b/npm-packages/react-api/src/hooks/ai-modality/use-image-gen.ts
@@ -38,7 +38,7 @@ export default function useImageGen() {
     }
 
     const result = await imc
-      .sendMessage(IMCMessageTypeEnum.UseImageGen, {
+      .sendMessage(IMCMessageTypeEnum.ModalityImageGen, {
         textPrompt,
         imagePrompt,
         imageModelConfig,
diff --git a/npm-packages/react-api/src/hooks/ai-modality/use-llm.ts b/npm-packages/react-api/src/hooks/ai-modality/use-llm.ts
@@ -23,7 +23,7 @@ export default function useLLM() {
     }
 
     const result = await imc
-      .sendMessage(IMCMessageTypeEnum.UseLLM, {
+      .sendMessage(IMCMessageTypeEnum.ModalityLLM, {
         prompt,
         llmConfig,
       })
diff --git a/npm-packages/react-api/src/hooks/ai-modality/use-ocr.ts b/npm-packages/react-api/src/hooks/ai-modality/use-ocr.ts
@@ -21,7 +21,7 @@ export default function useOCR() {
     }
 
     // Send the message to the extension
-    const result = await imc.sendMessage(IMCMessageTypeEnum.UseOCR, { image });
+    const result = await imc.sendMessage(IMCMessageTypeEnum.ModalityOCR, { image });
 
     return result.payload.text;
   }
diff --git a/npm-packages/react-api/src/hooks/ai-modality/use-speech2speech.ts b/npm-packages/react-api/src/hooks/ai-modality/use-speech2speech.ts
@@ -6,7 +6,7 @@ import { useState } from "react";
  * Use speech-to-speech API to listen to user input and read the output
  * provided by you.
  */
-export default function UseSpeech2Speech() {
+export default function useSpeech2Speech() {
   const receiverHandlerMap = new Map<
     IMCMessageTypeEnum,
     (senderWindow: Window, message: IMCMessage) => Promise<void>
diff --git a/npm-packages/react-api/src/hooks/ai-modality/use-stt.ts b/npm-packages/react-api/src/hooks/ai-modality/use-stt.ts
@@ -23,7 +23,7 @@ export default function useSTT() {
     }
 
     const result = await imc
-      .sendMessage(IMCMessageTypeEnum.UseSTT, {
+      .sendMessage(IMCMessageTypeEnum.ModalitySTT, {
         audio,
         sttConfig,
       })
diff --git a/npm-packages/react-api/src/hooks/ai-modality/use-tts.ts b/npm-packages/react-api/src/hooks/ai-modality/use-tts.ts
@@ -23,7 +23,7 @@ export default function useTTS() {
     }
 
     const result = await imc
-      .sendMessage(IMCMessageTypeEnum.UseTTS, {
+      .sendMessage(IMCMessageTypeEnum.ModalityTTS, {
         text,
         ttsConfig,
       })
diff --git a/npm-packages/react-api/src/hooks/ai-modality/use-video-gen.ts b/npm-packages/react-api/src/hooks/ai-modality/use-video-gen.ts
@@ -39,7 +39,7 @@ export default function useVideoGen() {
     }
 
     const result = await imc
-      .sendMessage(IMCMessageTypeEnum.UseVideoGen, {
+      .sendMessage(IMCMessageTypeEnum.ModalityVideoGen, {
         duration,
         textPrompt,
         imagePrompt,
diff --git a/npm-packages/react-api/src/hooks/editor/use-fetch.ts b/npm-packages/react-api/src/hooks/editor/use-fetch.ts
diff --git a/npm-packages/react-api/src/hooks/editor/use-file-view.ts b/npm-packages/react-api/src/hooks/editor/use-file-view.ts
@@ -18,15 +18,14 @@ export default function useFileView() {
 
   useEffect(() => {
     if (isReady) {
-      imc?.sendMessage(IMCMessageTypeEnum.RequestViewFile).then((model) => {
+      imc?.sendMessage(IMCMessageTypeEnum.PlatformReadFile).then((model) => {
         setViewModel(model);
       });
     }
   }, [isReady]);
 
   function updateViewModel(viewModel: ViewModel) {
-    // sender.sendMessage(ViewBoxMessageTypeEnum.ViewFile, JSON.stringify(file));
-    imc?.sendMessage(IMCMessageTypeEnum.WriteViewFile, viewModel);
+    imc?.sendMessage(IMCMessageTypeEnum.PlatformWriteFile, viewModel);
   }
 
   return {
diff --git a/npm-packages/react-api/src/hooks/editor/use-loading.ts b/npm-packages/react-api/src/hooks/editor/use-loading.ts
@@ -13,7 +13,7 @@ export default function useLoading() {
 
   useEffect(() => {
     if (isReady) {
-      imc?.sendMessage(IMCMessageTypeEnum.UseLoading, {
+      imc?.sendMessage(IMCMessageTypeEnum.EditorLoadingExt, {
         isLoading,
       });
     }
diff --git a/npm-packages/react-api/src/hooks/editor/use-notification.ts b/npm-packages/react-api/src/hooks/editor/use-notification.ts
@@ -18,7 +18,7 @@ export default function useNotification() {
     if (!imc) {
       throw new Error("IMC is not initialized.");
     }
-    imc.sendMessage(IMCMessageTypeEnum.Notification, {
+    imc.sendMessage(IMCMessageTypeEnum.EditorShowNotification, {
       text,
       type,
     });
diff --git a/npm-packages/react-api/src/hooks/editor/use-theme.ts b/npm-packages/react-api/src/hooks/editor/use-theme.ts
@@ -10,7 +10,7 @@ export default function useTheme() {
   >();
 
   receiverHandlerMap.set(
-    IMCMessageTypeEnum.ThemeChange,
+    IMCMessageTypeEnum.EditorThemeUpdate,
     async (senderWindow: Window, message: IMCMessage) => {
       const theme = message.payload;
       setTheme((prev) => theme);
diff --git a/npm-packages/react-api/src/hooks/extension/use-ext-command.ts b/npm-packages/react-api/src/hooks/extension/use-ext-command.ts
@@ -28,7 +28,7 @@ export default function useExtCommand(
   function getReceiverHandlerMap() {
     const receiverHandlerMap = new Map<IMCMessageTypeEnum, ReceiverHandler>([
       [
-        IMCMessageTypeEnum.RunExtCommand,
+        IMCMessageTypeEnum.EditorRunExtCommand,
         async (senderWindow: Window, message: IMCMessage) => {
           if (!commandInfo) {
             throw new Error("Extension command is not available");
diff --git a/npm-packages/react-api/src/hooks/terminal/use-terminal.ts b/npm-packages/react-api/src/hooks/terminal/use-terminal.ts
@@ -18,7 +18,7 @@ export default function useTerminal() {
 
   useEffect(() => {
     if (isReady) {
-      imc?.sendMessage(IMCMessageTypeEnum.RequestTerminal).then((response) => {
+      imc?.sendMessage(IMCMessageTypeEnum.PlatformCreateTerminal).then((response) => {
         const {
           websocketUrl,
           projectHomePath,
diff --git a/npm-packages/react-api/src/main.ts b/npm-packages/react-api/src/main.ts
@@ -1,35 +1,33 @@
 import useAgentTools from "./hooks/agent/use-agent-tools";
 import useAgents from "./hooks/agent/use-agents";
-import useFetch from "./hooks/editor/use-fetch";
 import useFileView from "./hooks/editor/use-file-view";
 import useLoading from "./hooks/editor/use-loading";
 import useNotification from "./hooks/editor/use-notification";
 import useTheme from "./hooks/editor/use-theme";
 import useToolbar from "./hooks/editor/use-toolbar";
 import useExtCommand from "./hooks/extension/use-ext-command";
 
-import useImageGen from "./hooks/modality/use-image-gen";
-import useLLM from "./hooks/modality/use-llm";
-import useOCR from "./hooks/modality/use-ocr";
-import useSTT from "./hooks/modality/use-stt";
-import useTTS from "./hooks/modality/use-tts";
-import useVideoGen from "./hooks/modality/use-video-gen";
+import useImageGen from "./hooks/ai-modality/use-image-gen";
+import useLLM from "./hooks/ai-modality/use-llm";
+import useOCR from "./hooks/ai-modality/use-ocr";
+import useSTT from "./hooks/ai-modality/use-stt";
+import useTTS from "./hooks/ai-modality/use-tts";
+import useVideoGen from "./hooks/ai-modality/use-video-gen";
 import useTerminal from "./hooks/terminal/use-terminal";
 
 export {
   useAgentTools,
   useAgents,
-  useFetch,
   useFileView,
   useNotification,
   useTheme,
   useToolbar,
-  useImageGen,
-  useVideoGen,
-  useLLM,
-  useOCR,
-  useSTT,
-  useTTS,
+  useImageGen as ModalityImageGen,
+  useVideoGen as ModalityVideoGen,
+  useLLM as ModalityLLM,
+  useOCR as ModalityOCR,
+  useSTT as ModalitySTT,
+  useTTS as ModalityTTS,
   useExtCommand,
   useTerminal,
   useLoading,
diff --git a/npm-packages/shared-utils/src/imc/inter-module-communication.ts b/npm-packages/shared-utils/src/imc/inter-module-communication.ts
@@ -54,7 +54,7 @@ export class InterModuleCommunication {
 
       if (
         this.messageRecords?.has(messageId) &&
-        type !== IMCMessageTypeEnum.GetWindowId
+        type !== IMCMessageTypeEnum.SignalGetWindowId
       ) {
         console.warn(
           `Duplicate message received with ID: ${messageId}. Ignoring this message. Message: ${JSON.stringify(
@@ -131,7 +131,7 @@ export class InterModuleCommunication {
       this.otherWindow = window;
       this.otherWindow.postMessage(
         {
-          type: IMCMessageTypeEnum.GetWindowId,
+          type: IMCMessageTypeEnum.SignalGetWindowId,
           from: this.thisWindowId,
         },
         "*"
@@ -193,7 +193,7 @@ export class InterModuleCommunication {
     // window has received the message and finished processing it.
     // The current window must be initialized first. i.e. call initThisWindow() before initOtherWindow().
     this.receiverHandlerMap?.set(
-      IMCMessageTypeEnum.Acknowledge,
+      IMCMessageTypeEnum.SignalAcknowledge,
       async (senderWindow: Window, message: IMCMessage) => {
         const pendingMessage = this.sender?.getPendingMessage(message.id);
         if (pendingMessage) {
@@ -205,7 +205,7 @@ export class InterModuleCommunication {
 
     // Set get window ID handler in the receiver handler map.
     this.receiverHandlerMap?.set(
-      IMCMessageTypeEnum.GetWindowId,
+      IMCMessageTypeEnum.SignalGetWindowId,
       async (senderWindow: Window, message: IMCMessage) => {
         console.log(
           "Received window ID request. Sending window ID to other window: "
@@ -216,7 +216,7 @@ export class InterModuleCommunication {
         }
         const msg: IMCMessage = {
           id: message.id,
-          type: IMCMessageTypeEnum.ReturnWindowId,
+          type: IMCMessageTypeEnum.SignalReturnWindowId,
           payload: {
             windowId: id,
           },
diff --git a/npm-packages/shared-utils/src/imc/message-receiver.ts b/npm-packages/shared-utils/src/imc/message-receiver.ts
@@ -25,7 +25,7 @@ export class MessageReceiver {
     if (this.windowId === message.from) return;
 
     // Abort the task if the message type is Abort
-    if (message.type === IMCMessageTypeEnum.Abort) {
+    if (message.type === IMCMessageTypeEnum.SignalAbort) {
       const id = message.id;
       const pendingTask = this.pendingTasks.get(id);
 
@@ -55,15 +55,15 @@ export class MessageReceiver {
           if (signal.aborted) return;
 
           // Acknowledge the sender with the result if the message type is not Acknowledge
-          if (message.type !== IMCMessageTypeEnum.Acknowledge) {
+          if (message.type !== IMCMessageTypeEnum.SignalAcknowledge) {
             this.acknowledgeSender(senderWindow, message.id, result);
           }
         })
         .catch((error) => {
           // Send the error message to the sender
           const errMsg: IMCMessage = {
             id: message.id,
-            type: IMCMessageTypeEnum.Error,
+            type: IMCMessageTypeEnum.SignalError,
             payload: error.message,
             from: this.windowId,
           };
@@ -83,7 +83,7 @@ export class MessageReceiver {
   ): void {
     const message: IMCMessage = {
       id,
-      type: IMCMessageTypeEnum.Acknowledge,
+      type: IMCMessageTypeEnum.SignalAcknowledge,
       payload: payload,
       from: this.windowId,
     };
diff --git a/npm-packages/shared-utils/src/imc/message-sender.ts b/npm-packages/shared-utils/src/imc/message-sender.ts
@@ -45,7 +45,7 @@ export class MessageSender {
         this.targetWindow.postMessage(
           {
             id,
-            type: IMCMessageTypeEnum.Abort,
+            type: IMCMessageTypeEnum.SignalAbort,
             payload: JSON.stringify({
               status: "Task aborted",
               data: null,
diff --git a/npm-packages/shared-utils/src/types/types.ts b/npm-packages/shared-utils/src/types/types.ts
diff --git a/web/components/providers/imc-provider.tsx b/web/components/providers/imc-provider.tsx
diff --git a/web/components/views/loaders/view-loader.tsx b/web/components/views/loaders/view-loader.tsx
diff --git a/web/lib/hooks/use-extension-commands.ts b/web/lib/hooks/use-extension-commands.ts

Original file line number	Diff line number	Diff line change
`@@ -27,7 +27,7 @@ export default function useAgents() {`
`27`	`27`
`28`	`28`	`const result = await imc`
`29`	`29`	`.sendMessage(`
`30`		`- IMCMessageTypeEnum.RunAgentMethod,`
	`30`	`+ IMCMessageTypeEnum.EditorRunAgentMethod,`
`31`	`31`	`{`
`32`	`32`	`agentName,`
`33`	`33`	`methodName,`
Original file line number	Diff line number	Diff line change
`@@ -38,7 +38,7 @@ export default function useImageGen() {`
`38`	`38`	`}`
`39`	`39`
`40`	`40`	`const result = await imc`
`41`		`- .sendMessage(IMCMessageTypeEnum.UseImageGen, {`
	`41`	`+ .sendMessage(IMCMessageTypeEnum.ModalityImageGen, {`
`42`	`42`	`textPrompt,`
`43`	`43`	`imagePrompt,`
`44`	`44`	`imageModelConfig,`
Original file line number	Diff line number	Diff line change
`@@ -23,7 +23,7 @@ export default function useLLM() {`
`23`	`23`	`}`
`24`	`24`
`25`	`25`	`const result = await imc`
`26`		`- .sendMessage(IMCMessageTypeEnum.UseLLM, {`
	`26`	`+ .sendMessage(IMCMessageTypeEnum.ModalityLLM, {`
`27`	`27`	`prompt,`
`28`	`28`	`llmConfig,`
`29`	`29`	`})`
Original file line number	Diff line number	Diff line change
`@@ -21,7 +21,7 @@ export default function useOCR() {`
`21`	`21`	`}`
`22`	`22`
`23`	`23`	`// Send the message to the extension`
`24`		`- const result = await imc.sendMessage(IMCMessageTypeEnum.UseOCR, { image });`
	`24`	`+ const result = await imc.sendMessage(IMCMessageTypeEnum.ModalityOCR, { image });`
`25`	`25`
`26`	`26`	`return result.payload.text;`
`27`	`27`	`}`
Original file line number	Diff line number	Diff line change
`@@ -39,7 +39,7 @@ export default function useVideoGen() {`
`39`	`39`	`}`
`40`	`40`
`41`	`41`	`const result = await imc`
`42`		`- .sendMessage(IMCMessageTypeEnum.UseVideoGen, {`
	`42`	`+ .sendMessage(IMCMessageTypeEnum.ModalityVideoGen, {`
`43`	`43`	`duration,`
`44`	`44`	`textPrompt,`
`45`	`45`	`imagePrompt,`