Repository: reearth/reearth-visualizer
Pull request #1504: refactor(web): add toggle-button to plugin and rename plugin name
Author: login: mulengawilfred
Labels: name: web
Created: 2025-03-16T03:17:39Z | Merged: 2025-03-17T05:12:59Z

# Overview
This PR addresses several issues documented in the [Plugin playground general Notion page](https://www.notion.so/eukarya/Plugin-playground-general-1ab16e0fb16580279763e04c014707f1):
Improvements
- Refactored `Terrain` and `Shadow Styles` plugin to use a toggle button.
- Added documentation for mouse event handling in the preset plugin.
- Fixed a typo in the screenshot plugin

Naming and Organization
- Renamed `UI Extension Messenger` plugin to the more descriptive `Messenger between Extension and Visualizer`
- Removed the Show Label plugin as it duplicates functionality that should be requested through client-specific plugins (open to discussion on this decision)
## What I've done

## What I haven't done
Would need to confirm the translation for `Messenger between Extension and Visualizer` 
## How I tested
Locally
## Which point I want you to review particularly
None
## Memo


<!-- This is an auto-generated comment: release notes by coderabbit.ai -->
## Summary by CodeRabbit

- **Refactor**
  - Renamed plugin labels and updated translations to display "Messenger between Extension and Visualizer" and "Messenger between Extensions" for improved clarity.
  - Removed an outdated plugin option from the viewer scene.
- **New Features**
  - Upgraded shadow and terrain controls by replacing traditional buttons with modern toggle switch interfaces, offering immediate visual feedback.
- **Style**
  - Corrected the screenshot button label to use consistent capitalization.
- **Documentation**
  - Added a reference link to developer documentation for testing mouse events.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->


Diff:
diff --git a/web/src/beta/features/PluginPlayground/Plugins/presets/data/extensionExtensionMessenger.ts b/web/src/beta/features/PluginPlayground/Plugins/presets/data/messengerBetweenExtensions.ts
similarity index 94%
rename from web/src/beta/features/PluginPlayground/Plugins/presets/data/extensionExtensionMessenger.ts
rename to web/src/beta/features/PluginPlayground/Plugins/presets/data/messengerBetweenExtensions.ts
index e9bab505ed..7a517de5e5 100644
--- a/web/src/beta/features/PluginPlayground/Plugins/presets/data/extensionExtensionMessenger.ts
+++ b/web/src/beta/features/PluginPlayground/Plugins/presets/data/messengerBetweenExtensions.ts
@@ -3,9 +3,9 @@ import { PRESET_PLUGIN_COMMON_STYLE } from "../common";
 
 // YAML File Definition
 const yamlFile: FileType = {
-  id: "extension-to-extension-messenger-reearth-yml",
+  id: "messenger-between-extensions-reearth-yml",
   title: "reearth.yml",
-  sourceCode: `id: extension-to-extension-messenger-plugin
+  sourceCode: `id: messenger-between-extensions-plugin
 name: Extension To Extension Messenger
 version: 1.0.0
 extensions:
@@ -228,19 +228,19 @@ reearth.extension.on("extensionMessage", msg => {
 
 // Widget File Definitions
 const extension1File: FileType = {
-  id: "extension-to-extension-messenger-extension1",
+  id: "messenger-between-extensions-extension1",
   title: "extension-1.js",
   sourceCode: extension1SourceCode
 };
 
 const extension2File: FileType = {
-  id: "extension-to-extension-messenger-extension2",
+  id: "messenger-between-extensions-extension2",
   title: "extension-2.js",
   sourceCode: extension2SourceCode
 };
 
 // Plugin Definition
-export const extensionExtensionMessenger: PluginType = {
-  id: "extension-to-extension-messenger",
+export const messengerBetweenExtensions: PluginType = {
+  id: "messenger-between-extensions",
   files: [yamlFile, extension1File, extension2File]
 };
diff --git a/web/src/beta/features/PluginPlayground/Plugins/presets/data/uiExtensionMessenger.ts b/web/src/beta/features/PluginPlayground/Plugins/presets/data/uiExtensionMessenger.ts
index f1a554eb70..076871f954 100644
--- a/web/src/beta/features/PluginPlayground/Plugins/presets/data/uiExtensionMessenger.ts
+++ b/web/src/beta/features/PluginPlayground/Plugins/presets/data/uiExtensionMessenger.ts
@@ -2,16 +2,16 @@ import { FileType, PluginType } from "../../constants";
 import { PRESET_PLUGIN_COMMON_STYLE } from "../common";
 
 const yamlFile: FileType = {
-  id: "ui-extension-messenger-reearth-yml",
+  id: "messenger-between-extension-and-visualizer-reearth-yml",
   title: "reearth.yml",
-  sourceCode: `id: ui-extension-messenger-plugin
-name: UI Extension Messenger
+  sourceCode: `id: messenger-between-extension-and-visualizer-plugin
+name: Messenger between Extension and Visualizer
 version: 1.0.0
 extensions:
-  - id: ui-extension-messenger
+  - id: messenger-between-extension-and-visualizer
     type: widget
-    name: UI Extension Messenger Widget
-    description: UI Extension Messenger Widget
+    name: Messenger between Extension and Visualizer Widget
+    description: Messenger between Extension and Visualizer Widget
     widgetLayout:
       defaultLocation:
         zone: outer
@@ -23,8 +23,8 @@ extensions:
 };
 
 const widgetFile: FileType = {
-  id: "ui-extension-messenger-widget",
-  title: "ui-extension-messenger.js",
+  id: "messenger-between-extension-and-visualizer-widget",
+  title: "messenger-between-extension-and-visualizer.js",
   sourceCode: `reearth.ui.show(\`
   ${PRESET_PLUGIN_COMMON_STYLE}
     <style>
@@ -158,6 +158,6 @@ reearth.extension.on("message", msg => {
 };
 
 export const uiExtensionMessenger: PluginType = {
-  id: "ui-extension-messenger",
+  id: "messenger-between-extension-and-visualizer",
   files: [yamlFile, widgetFile]
 };
diff --git a/web/src/beta/features/PluginPlayground/Plugins/presets/index.ts b/web/src/beta/features/PluginPlayground/Plugins/presets/index.ts
index cfc3fc1ab1..b0a2a525e3 100644
--- a/web/src/beta/features/PluginPlayground/Plugins/presets/index.ts
+++ b/web/src/beta/features/PluginPlayground/Plugins/presets/index.ts
@@ -5,8 +5,8 @@ import { cameraRotation } from "./camera/cameraRotation";
 import { zoomInOut } from "./camera/zoomInOut";
 import { myPlugin } from "./custom/myPlugin";
 import { clientStorageThemeSelector } from "./data/clientStorageThemeSelector";
-import { extensionExtensionMessenger } from "./data/extensionExtensionMessenger";
 import { extensionProperty } from "./data/extensionProperty";
+import { messengerBetweenExtensions } from "./data/messengerBetweenExtensions";
 import { uiExtensionMessenger } from "./data/uiExtensionMessenger";
 import { add3dTiles } from "./layers/add-3Dtiles";
 import { addCsv } from "./layers/add-csv";
@@ -36,7 +36,7 @@ import { sidebar } from "./ui/sidebar";
 import { enableShadowStyle } from "./viewer/enableShadowStyle";
 import { enableTerrain } from "./viewer/enableTerrain";
 import { mouseEvents } from "./viewer/mouseEvent";
-import { showLabel } from "./viewer/showLabel";
+// import { showLabel } from "./viewer/showLabel";
 import { takeScreenshot } from "./viewer/takeScreenshot";
 
 type PresetPluginCategory = {
@@ -58,7 +58,7 @@ export const presetPlugins: PresetPlugins = [
     id: "data",
     plugins: [
       uiExtensionMessenger,
-      extensionExtensionMessenger,
+      messengerBetweenExtensions,
       extensionProperty,
       clientStorageThemeSelector
     ]
@@ -68,7 +68,7 @@ export const presetPlugins: PresetPlugins = [
     plugins: [
       enableShadowStyle,
       enableTerrain,
-      showLabel,
+      // showLabel, NOTE: ommitting this plugin as could cause issue with client requesting for the feature in another plugin
       takeScreenshot,
       mouseEvents
     ]
diff --git a/web/src/beta/features/PluginPlayground/Plugins/presets/useTitles.ts b/web/src/beta/features/PluginPlayground/Plugins/presets/useTitles.ts
index 5add8726c1..0e9eda289d 100644
--- a/web/src/beta/features/PluginPlayground/Plugins/presets/useTitles.ts
+++ b/web/src/beta/features/PluginPlayground/Plugins/presets/useTitles.ts
@@ -25,8 +25,10 @@ export default () => {
       header: t("Header"),
       "popup-plugin": t("Popup"),
       "modal-window": t("Modal Window"),
-      "ui-extension-messenger": t("UI Extension Messenger"),
-      "extension-to-extension-messenger": t("Extension To Extension Messenger"),
+      "messenger-between-extension-and-visualizer": t(
+        "Messenger between Extension and Visualizer"
+      ),
+      "messenger-between-extensions": t("Messenger between Extensions"),
       "enable-shadow-style": t("Enable Shadow Style"),
       "enable-terrain": t("Enable Terrain"),
       "show-label": t("Show Label"),
diff --git a/web/src/beta/features/PluginPlayground/Plugins/presets/viewer/enableShadowStyle.ts b/web/src/beta/features/PluginPlayground/Plugins/presets/viewer/enableShadowStyle.ts
index 5a95c4145b..44b4c298b6 100644
--- a/web/src/beta/features/PluginPlayground/Plugins/presets/viewer/enableShadowStyle.ts
+++ b/web/src/beta/features/PluginPlayground/Plugins/presets/viewer/enableShadowStyle.ts
@@ -29,48 +29,99 @@ const widgetFile: FileType = {
 reearth.ui.show(\`
 ${PRESET_PLUGIN_COMMON_STYLE}
 <style>
-  #btn {
-    padding: 8px;
-    border-radius: 4px;
-    border: 2px solid #808080;
-    background: #ffffff;
-    color: #000000;
-    cursor: pointer;
-    width: 180px;
-    height: 70px;
-    font-size: 18px 
-  }
-  #btn:active {
-    background: #dcdcdc;
-  }
-
-  #button-container {
-  display: flex;
-  gap: 8px;           
-  }
+   body {
+   display: flex;
+   justify-content: center;
+   align-items: center;
+   height: 100vh;
+   margin: 0;
+   background-color: #f5f5f5;
+   font-family: Arial, sans-serif;
+   }
+   .toggle-container {
+   display: flex;
+   flex-direction: column;
+   align-items: center;
+   }
+   .toggle {
+   position: relative;
+   display: inline-block;
+   width: 60px;
+   height: 34px;
+   }
+   .toggle input {
+   opacity: 0;
+   width: 0;
+   height: 0;
+   }
+   .slider {
+   position: absolute;
+   cursor: pointer;
+   top: 0;
+   left: 0;
+   right: 0;
+   bottom: 0;
+   background-color: #ccc;
+   transition: .4s;
+   border-radius: 34px;
+   }
+   .slider:before {
+   position: absolute;
+   content: "";
+   height: 26px;
+   width: 26px;
+   left: 4px;
+   bottom: 4px;
+   background-color: white;
+   transition: .4s;
+   border-radius: 50%;
+   }
+   input:checked + .slider {
+   background-color: #2196F3;
+   }
+   input:focus + .slider {
+   box-shadow: 0 0 1px #2196F3;
+   }
+   input:checked + .slider:before {
+   transform: translateX(26px);
+   }
+   .status {
+   margin-top: 20px;
+   font-size: 18px;
+   }
 </style>
-  
-<div id= "button-container">
-  <button id="btn">Shadow ON</button>
-</div>
-  
-<script>
-let shadow = false;
-const shadowBtn = document.getElementById("btn");
-
-// Set up an event listener
-shadowBtn.addEventListener("click", () => {
-  // Toggle the shadow state
-  shadow = !shadow;
-  if (shadow) {
-    shadowBtn.textContent = "Shadow OFF";
-      parent.postMessage({ action: "activateShadow" }, "*");
-  } else {
-    shadowBtn.textContent = "Shadow ON";
-    parent.postMessage({ action: "deactivateShadow" }, "*");
-  }
-});
-</script>
+   <div class="toggle-container">
+      <label class="toggle">
+      <input type="checkbox" id="toggleSwitch">
+      <span class="slider"></span>
+      </label>
+      <div class="status" id="status">Shadow: OFF</div>
+   </div>
+   <script>
+      document.addEventListener('DOMContentLoaded', function() {
+          const toggleSwitch = document.getElementById('toggleSwitch');
+          const status = document.getElementById('status');
+      
+          if (!toggleSwitch || !status) {
+              console.error('Required elements not found');
+              return;
+          }
+      
+          toggleSwitch.addEventListener('change', function() {
+              if (this.checked) {
+                  status.textContent = 'Shadow: ON';
+                  if (window.parent) {
+                      window.parent.postMessage({ action: "activateShadow" }, "*");
+                  }
+              } else {
+                  status.textContent = 'Shadow: OFF';
+                  if (window.parent) {
+                      window.parent.postMessage({ action: "deactivateShadow" }, "*");
+                  }
+              }
+          });
+      });
+   </script>
 \`);
   
 // ================================
diff --git a/web/src/beta/features/PluginPlayground/Plugins/presets/viewer/enableTerrain.ts b/web/src/beta/features/PluginPlayground/Plugins/presets/viewer/enableTerrain.ts
index 5f143d1567..d1369ad59c 100644
--- a/web/src/beta/features/PluginPlayground/Plugins/presets/viewer/enableTerrain.ts
+++ b/web/src/beta/features/PluginPlayground/Plugins/presets/viewer/enableTerrain.ts
@@ -29,48 +29,99 @@ const widgetFile: FileType = {
 reearth.ui.show(\`
 ${PRESET_PLUGIN_COMMON_STYLE}
 <style>
-  #btn {
-    padding: 8px;
-    border-radius: 4px;
-    border: 2px solid #808080;
-    background: #ffffff;
-    color: #000000;
-    cursor: pointer;
-    width: 180px;
-    height: 70px;
-    font-size: 18px 
-  }
-  #btn:active {
-    background: #dcdcdc;
-  }
-
-  #button-container {
-  display: flex;
-  gap: 8px;           
-  }
+   body {
+   display: flex;
+   justify-content: center;
+   align-items: center;
+   height: 100vh;
+   margin: 0;
+   background-color: #f5f5f5;
+   font-family: Arial, sans-serif;
+   }
+   .toggle-container {
+   display: flex;
+   flex-direction: column;
+   align-items: center;
+   }
+   .toggle {
+   position: relative;
+   display: inline-block;
+   width: 60px;
+   height: 34px;
+   }
+   .toggle input {
+   opacity: 0;
+   width: 0;
+   height: 0;
+   }
+   .slider {
+   position: absolute;
+   cursor: pointer;
+   top: 0;
+   left: 0;
+   right: 0;
+   bottom: 0;
+   background-color: #ccc;
+   transition: .4s;
+   border-radius: 34px;
+   }
+   .slider:before {
+   position: absolute;
+   content: "";
+   height: 26px;
+   width: 26px;
+   left: 4px;
+   bottom: 4px;
+   background-color: white;
+   transition: .4s;
+   border-radius: 50%;
+   }
+   input:checked + .slider {
+   background-color: #2196F3;
+   }
+   input:focus + .slider {
+   box-shadow: 0 0 1px #2196F3;
+   }
+   input:checked + .slider:before {
+   transform: translateX(26px);
+   }
+   .status {
+   margin-top: 20px;
+   font-size: 18px;
+   }
 </style>
-
-<div id= "button-container">
-  <button id="btn">Terrain ON</button>
-</div>
-
-<script>
-let terrain = false;
-const terrainBtn = document.getElementById("btn");
-
-// Set up an event listener
-terrainBtn.addEventListener("click", () => {
-  // Toggle the terrain state
-  terrain = !terrain;
-  if (terrain) {
-    terrainBtn.textContent = "Terrain OFF";
-      parent.postMessage({ action: "activateTerrain" }, "*");
-  } else {
-    terrainBtn.textContent = "Terrain ON";
-    parent.postMessage({ action: "deactivateTerrain" }, "*");
-  }
-});
-</script>
+   <div class="toggle-container">
+      <label class="toggle">
+      <input type="checkbox" id="toggleSwitch">
+      <span class="slider"></span>
+      </label>
+      <div class="status" id="status">Terrain: OFF</div>
+   </div>
+   <script>
+      document.addEventListener('DOMContentLoaded', function() {
+          const toggleSwitch = document.getElementById('toggleSwitch');
+          const status = document.getElementById('status');
+      
+          if (!toggleSwitch || !status) {
+              console.error('Required elements not found');
+              return;
+          }
+      
+          toggleSwitch.addEventListener('change', function() {
+              if (this.checked) {
+                  status.textContent = 'Terrain: ON';
+                  if (window.parent) {
+                      window.parent.postMessage({ action: "activateTerrain" }, "*");
+                  }
+              } else {
+                  status.textContent = 'Terrain: OFF';
+                  if (window.parent) {
+                      window.parent.postMessage({ action: "deactivateTerrain" }, "*");
+                  }
+              }
+          });
+      });
+   </script>
 \`);
 
 // ================================
diff --git a/web/src/beta/features/PluginPlayground/Plugins/presets/viewer/mouseEvent.ts b/web/src/beta/features/PluginPlayground/Plugins/presets/viewer/mouseEvent.ts
index b9684682d5..fed0de0de7 100644
--- a/web/src/beta/features/PluginPlayground/Plugins/presets/viewer/mouseEvent.ts
+++ b/web/src/beta/features/PluginPlayground/Plugins/presets/viewer/mouseEvent.ts
@@ -75,6 +75,7 @@ const widgetFile: FileType = {
 \`);
 
 // Handle click events and send to UI for any map click
+// You can test different mouse events specified in our developer documentation https://visualizer.developer.reearth.io/plugin-api/viewer/#mouse-events
 reearth.viewer.on("click", (event) => {
   const { lat, lng, height } = event;
 
diff --git a/web/src/beta/features/PluginPlayground/Plugins/presets/viewer/takeScreenshot.ts b/web/src/beta/features/PluginPlayground/Plugins/presets/viewer/takeScreenshot.ts
index bc22dce300..f654e7e55c 100644
--- a/web/src/beta/features/PluginPlayground/Plugins/presets/viewer/takeScreenshot.ts
+++ b/web/src/beta/features/PluginPlayground/Plugins/presets/viewer/takeScreenshot.ts
@@ -53,7 +53,7 @@ ${PRESET_PLUGIN_COMMON_STYLE}
 <div id = "wrapper">
   <h3 id="message">Adjust the screen angle</h3>
   <div id="button-container">
-    <button class="btn" id="screenshot">ScreenShot</button>
+    <button class="btn" id="screenshot">Screenshot</button>
     <button class="btn" id="download">Download</button>
   </div>
 </div>
diff --git a/web/src/services/i18n/translations/en.yml b/web/src/services/i18n/translations/en.yml
index b1e2da494b..709b1983c8 100644
--- a/web/src/services/i18n/translations/en.yml
+++ b/web/src/services/i18n/translations/en.yml
@@ -40,7 +40,14 @@ Your workspace Name*: ''
 your workspace name: ''
 The name is already in use by another workspace. Please choose a different name.: ''
 Important Changes: ''
-dashboard.assets.migration.warning: "Based on functional requirements, we have decided to adjust the project structure. The asset management page, which was originally part of the workspace, will be moved to individual project pages. In other words, assets will now be managed under each project, making it more convenient for users to import and export them. <br/>As a result, the current page will no longer exist and will be removed in the next version. For more details, please refer to <1>this page</1>."
+dashboard.assets.migration.warning: >-
+  Based on functional requirements, we have decided to adjust the project
+  structure. The asset management page, which was originally part of the
+  workspace, will be moved to individual project pages. In other words, assets
+  will now be managed under each project, making it more convenient for users to
+  import and export them. <br/>As a result, the current page will no longer
+  exist and will be removed in the next version. For more details, please refer
+  to <1>this page</1>.
 Add a team member: ''
 Add: ''
 Search by email address or user name: ''
@@ -340,8 +347,8 @@ Sidebar: ''
 Header: ''
 Popup: ''
 Modal Window: ''
-UI Extension Messenger: ''
-Extension To Extension Messenger: ''
+Messenger between Extension and Visualizer: ''
+Messenger between Extensions: ''
 Enable Shadow Style: ''
 Enable Terrain: ''
 Show Label: ''
diff --git a/web/src/services/i18n/translations/ja.yml b/web/src/services/i18n/translations/ja.yml
index ed26e97a90..46866c1b6d 100644
--- a/web/src/services/i18n/translations/ja.yml
+++ b/web/src/services/i18n/translations/ja.yml
@@ -40,7 +40,8 @@ Your workspace Name*: ワークスペース名*
 your workspace name: ワークスペース名
 The name is already in use by another workspace. Please choose a different name.: このワークスペース名はすでに使用されています。別の名前を指定してください。
 Important Changes: 重要な変更点
-dashboard.assets.migration.warning: '機能要件に基づき、プロジェクトの構造を変更することを決定しました。これまでワークスペース内で管理されていたアセット管理ページを、各プロジェクトごとのページに移動します。つまり、アセットはプロジェクト単位で管理されるようになり、ユーザーがインポートやエクスポートをより便利に行えるようになります。<br/>そのため、このページは今後利用できなくなり、次のバージョンで削除される予定です。詳細については、<1>こちらのページ</1>をご参照ください。'
+dashboard.assets.migration.warning: >-
+  機能要件に基づき、プロジェクトの構造を変更することを決定しました。これまでワークスペース内で管理されていたアセット管理ページを、各プロジェクトごとのページに移動します。つまり、アセットはプロジェクト単位で管理されるようになり、ユーザーがインポートやエクスポートをより便利に行えるようになります。<br/>そのため、このページは今後利用できなくなり、次のバージョンで削除される予定です。詳細については、<1>こちらのページ</1>をご参照ください。
 Add a team member: チームメンバーを追加
 Add: 追加
 Search by email address or user name: メールアドレスまたはユーザー名で検索
@@ -343,8 +344,8 @@ Sidebar: サイドバー
 Header: ヘッダー
 Popup: ポップアップ
 Modal Window: モーダルウィンドウ
-UI Extension Messenger: エクステンションとコアとの通信
-Extension To Extension Messenger: エクステンション間での通信
+Messenger between Extension and Visualizer: エクステンションとVisualizerとの通信
+Messenger between Extensions: エクステンション間での通信
 Enable Shadow Style: 影の表示を有効にする
 Enable Terrain: 3D地形を有効にする
 Show Label: ラベルを表示


Reviews:
user: login: coderabbitai[bot]
body: **Actionable comments posted: 1**

<details>
<summary>🔭 Outside diff range comments (2)</summary><blockquote>

<details>
<summary>web/src/beta/features/PluginPlayground/Plugins/presets/data/uiExtensionMessenger.ts (2)</summary><blockquote>

`26-28`: _⚠️ Potential issue_

**File identifiers need to be updated**

The widget file identifiers still use the old naming convention, which could cause reference issues.

Update the file identifiers to match the new naming scheme:

```diff
-  id: "ui-extension-messenger-widget",
-  title: "ui-extension-messenger.js",
+  id: "messenger-between-extension-and-visualizer-widget",
+  title: "messenger-between-extension-and-visualizer.js",
```

---

`160-163`: _⚠️ Potential issue_

**Exported plugin type ID needs updating**

The exported constant still uses the old ID, which will cause inconsistencies when the plugin is referenced elsewhere in the codebase.

Update the exported type ID:

```diff
export const uiExtensionMessenger: PluginType = {
-  id: "ui-extension-messenger",
+  id: "messenger-between-extension-and-visualizer",
  files: [yamlFile, widgetFile]
};
```

You may also want to consider renaming the exported constant itself for consistency:
```diff
-export const uiExtensionMessenger: PluginType = {
+export const messengerBetweenExtensionAndVisualizer: PluginType = {
```
However, this would require updating all import references elsewhere in the codebase.

</blockquote></details>

</blockquote></details>

<details>
<summary>📜 Review details</summary>

**Configuration used: .coderabbit.yaml**
**Review profile: CHILL**
**Plan: Pro**

<details>
<summary>📥 Commits</summary>

Reviewing files that changed from the base of the PR and between 90c76f3e559d2f6b883530162d16ebc257565bb0 and 724e8a592d562d59191e4d7b7366333cf2bbb293.

</details>

<details>
<summary>📒 Files selected for processing (9)</summary>

* `web/src/beta/features/PluginPlayground/Plugins/presets/data/uiExtensionMessenger.ts` (1 hunks)
* `web/src/beta/features/PluginPlayground/Plugins/presets/index.ts` (2 hunks)
* `web/src/beta/features/PluginPlayground/Plugins/presets/useTitles.ts` (1 hunks)
* `web/src/beta/features/PluginPlayground/Plugins/presets/viewer/enableShadowStyle.ts` (1 hunks)
* `web/src/beta/features/PluginPlayground/Plugins/presets/viewer/enableTerrain.ts` (1 hunks)
* `web/src/beta/features/PluginPlayground/Plugins/presets/viewer/mouseEvent.ts` (1 hunks)
* `web/src/beta/features/PluginPlayground/Plugins/presets/viewer/takeScreenshot.ts` (1 hunks)
* `web/src/services/i18n/translations/en.yml` (1 hunks)
* `web/src/services/i18n/translations/ja.yml` (1 hunks)

</details>

<details>
<summary>⏰ Context from checks skipped due to timeout of 90000ms (3)</summary>

* GitHub Check: ci-server / ci-server-lint
* GitHub Check: ci-web / ci
* GitHub Check: ci-server / ci-server-test

</details>

<details>
<summary>🔇 Additional comments (13)</summary><blockquote>

<details>
<summary>web/src/beta/features/PluginPlayground/Plugins/presets/viewer/takeScreenshot.ts (1)</summary>

`56-56`: **Corrected capitalization in button label**

Fixed the capitalization of "Screenshot" in the button label for consistency with standard capitalization practices.

</details>
<details>
<summary>web/src/services/i18n/translations/en.yml (1)</summary>

`343-343`: **Updated plugin name for clarity**

The translation key has been changed from "UI Extension Messenger" to "Messenger between Extension and Visualizer", which better describes the plugin's purpose and functionality.

</details>
<details>
<summary>web/src/beta/features/PluginPlayground/Plugins/presets/viewer/mouseEvent.ts (1)</summary>

`78-78`: **Added helpful documentation link**

Added a reference link to the official documentation for mouse events, which improves developer experience by providing easy access to relevant API documentation.

</details>
<details>
<summary>web/src/services/i18n/translations/ja.yml (1)</summary>

`346-346`: **Updated Japanese translation key for consistency**

The translation key has been updated to match the new English key "Messenger between Extension and Visualizer" while maintaining the same Japanese translation text.

</details>
<details>
<summary>web/src/beta/features/PluginPlayground/Plugins/presets/index.ts (2)</summary>

`39-39`: **Commented out unused import**

The import for `showLabel` has been commented out as part of removing this plugin from the available options.

---

`71-71`: **Removed redundant plugin with explanatory comment**

The `showLabel` plugin has been removed from the preset plugins list with a clear comment explaining the rationale: it could cause conflicts when clients request the same functionality in another plugin.

</details>
<details>
<summary>web/src/beta/features/PluginPlayground/Plugins/presets/useTitles.ts (1)</summary>

`28-30`: **Plugin name updated correctly in title mappings**

The change from "UI Extension Messenger" to "Messenger between Extension and Visualizer" aligns with the PR objectives to improve clarity. The updated name better describes the plugin's functionality as a communication bridge.

</details>
<details>
<summary>web/src/beta/features/PluginPlayground/Plugins/presets/viewer/enableShadowStyle.ts (3)</summary>

`32-91`: **Good UI enhancement with toggle switch implementation**

The replacement of a button with a modern toggle switch provides a clearer visual indication of the current state (on/off). The CSS styling follows best practices for toggle switches with appropriate transitions and visual feedback.

---

`93-99`: **Well-structured toggle container with clear status indicator**

The HTML structure provides a clean layout with the toggle switch and a status indicator that clearly shows the current state of the shadow.

---

`100-124`: **Improved error handling and event management**

The implementation now includes proper error handling with console error logging if required elements aren't found. The event listener is appropriately set up for the toggle switch and includes clear status updates.

</details>
<details>
<summary>web/src/beta/features/PluginPlayground/Plugins/presets/viewer/enableTerrain.ts (3)</summary>

`32-91`: **Consistent UI approach with shadow toggle implementation**

The terrain toggle uses the same UI pattern as the shadow toggle, maintaining consistency across the application. The CSS styling is well-structured and follows modern toggle switch design patterns.

---

`93-99`: **Well-structured toggle container with clear status indicator**

The HTML structure provides a clean layout with the toggle switch and a status indicator that clearly shows the current state of the terrain feature.

---

`100-124`: **Good error handling and event management**

Similar to the shadow toggle implementation, this includes proper error handling and clear status updates. The code is well-organized and follows best practices for event handling.

</details>

</blockquote></details>

</details>

<!-- This is an auto-generated comment by CodeRabbit for review status -->
state: COMMENTED
author_association: CONTRIBUTOR
submitted_at: 2025-03-16T03:22:34Z
user: login: mulengawilfred
state: COMMENTED
author_association: CONTRIBUTOR
submitted_at: 2025-03-16T03:29:38Z
user: login: coderabbitai[bot]
state: COMMENTED
author_association: CONTRIBUTOR
submitted_at: 2025-03-16T03:29:58Z
user: login: coderabbitai[bot]
body: **Actionable comments posted: 0**

<details>
<summary>🧹 Nitpick comments (1)</summary><blockquote>

<details>
<summary>web/src/beta/features/PluginPlayground/Plugins/presets/data/uiExtensionMessenger.ts (1)</summary><blockquote>

`1-3`: **Consider renaming the file to match new plugin name**

While all internal identifiers have been updated, the filename itself (`uiExtensionMessenger.ts`) still reflects the old naming convention. Consider renaming the file to `messengerBetweenExtensionAndVisualizer.ts` for complete consistency, though this would require updating imports in other files.

</blockquote></details>

</blockquote></details>

<details>
<summary>📜 Review details</summary>

**Configuration used: .coderabbit.yaml**
**Review profile: CHILL**
**Plan: Pro**

<details>
<summary>📥 Commits</summary>

Reviewing files that changed from the base of the PR and between 724e8a592d562d59191e4d7b7366333cf2bbb293 and 085aabd70f2dda483e20f7c35fb630229dcd5aa7.

</details>

<details>
<summary>📒 Files selected for processing (1)</summary>

* `web/src/beta/features/PluginPlayground/Plugins/presets/data/uiExtensionMessenger.ts` (3 hunks)

</details>

<details>
<summary>⏰ Context from checks skipped due to timeout of 90000ms (6)</summary>

* GitHub Check: Redirect rules - reearth-web
* GitHub Check: Header rules - reearth-web
* GitHub Check: Pages changed - reearth-web
* GitHub Check: ci-server / ci-server-test
* GitHub Check: ci-web / ci
* GitHub Check: ci-server / ci-server-lint

</details>

<details>
<summary>🔇 Additional comments (3)</summary><blockquote>

<details>
<summary>web/src/beta/features/PluginPlayground/Plugins/presets/data/uiExtensionMessenger.ts (3)</summary>

`4-23`: **YAML file definition consistently renamed**

The renaming from "UI Extension Messenger" to "Messenger between Extension and Visualizer" has been applied consistently throughout the YAML file definition, including the file ID, plugin ID, name, and extension properties. This change aligns with the PR objective to improve clarity about the plugin's functionality.

---

`25-28`: **Widget file identifiers properly updated**

The widget file identifiers have been correctly updated to match the new naming convention, addressing the inconsistencies pointed out in the previous review. Both the ID and title now use the "messenger-between-extension-and-visualizer" naming pattern.

---

`160-163`: **Exported constant ID updated**

The exported constant's ID has been updated to "messenger-between-extension-and-visualizer", maintaining consistency with the renaming throughout the file and addressing the previous review feedback.

</details>

</blockquote></details>

</details>

<!-- This is an auto-generated comment by CodeRabbit for review status -->
state: COMMENTED
author_association: CONTRIBUTOR
submitted_at: 2025-03-16T03:31:49Z
user: login: ShogoHirasawa
body: Thank you for updating them. I left some comment. Could you check them, when you have time?
state: COMMENTED
author_association: CONTRIBUTOR
submitted_at: 2025-03-17T01:24:42Z
user: login: mulengawilfred
state: COMMENTED
author_association: CONTRIBUTOR
submitted_at: 2025-03-17T01:47:27Z
user: login: mulengawilfred
state: COMMENTED
author_association: CONTRIBUTOR
submitted_at: 2025-03-17T01:47:48Z
user: login: mulengawilfred
state: COMMENTED
author_association: CONTRIBUTOR
submitted_at: 2025-03-17T01:50:27Z
user: login: ShogoHirasawa
body: It looks good! Thank you for countribution!
state: APPROVED
author_association: CONTRIBUTOR
submitted_at: 2025-03-17T04:34:54Z
user: login: coderabbitai[bot]
body: **Actionable comments posted: 0**

<details>
<summary>🧹 Nitpick comments (1)</summary><blockquote>

<details>
<summary>web/src/beta/features/PluginPlayground/Plugins/presets/data/messengerBetweenExtensions.ts (1)</summary><blockquote>

`8-9`: **Consider updating plugin display name for consistency**

While the IDs have been updated to "messenger-between-extensions", the display name on line 9 still shows "Extension To Extension Messenger". Consider updating this for full naming consistency.

```diff
-name: Extension To Extension Messenger
+name: Messenger Between Extensions
```

</blockquote></details>

</blockquote></details>

<details>
<summary>📜 Review details</summary>

**Configuration used: .coderabbit.yaml**
**Review profile: CHILL**
**Plan: Pro**

<details>
<summary>📥 Commits</summary>

Reviewing files that changed from the base of the PR and between 619b8326e794061d32d9279cedf7db3f2db6ece9 and 700a62568000c7825674198e89a6b67d63cad238.

</details>

<details>
<summary>📒 Files selected for processing (5)</summary>

* `web/src/beta/features/PluginPlayground/Plugins/presets/data/messengerBetweenExtensions.ts` (2 hunks)
* `web/src/beta/features/PluginPlayground/Plugins/presets/index.ts` (4 hunks)
* `web/src/beta/features/PluginPlayground/Plugins/presets/useTitles.ts` (1 hunks)
* `web/src/services/i18n/translations/en.yml` (2 hunks)
* `web/src/services/i18n/translations/ja.yml` (2 hunks)

</details>

<details>
<summary>🚧 Files skipped from review as they are similar to previous changes (4)</summary>

* web/src/beta/features/PluginPlayground/Plugins/presets/useTitles.ts
* web/src/services/i18n/translations/en.yml
* web/src/services/i18n/translations/ja.yml
* web/src/beta/features/PluginPlayground/Plugins/presets/index.ts

</details>

<details>
<summary>⏰ Context from checks skipped due to timeout of 90000ms (6)</summary>

* GitHub Check: Redirect rules - reearth-web
* GitHub Check: Header rules - reearth-web
* GitHub Check: Pages changed - reearth-web
* GitHub Check: ci-server / ci-server-test
* GitHub Check: ci-server / ci-server-lint
* GitHub Check: ci-web / ci

</details>

<details>
<summary>🔇 Additional comments (3)</summary><blockquote>

<details>
<summary>web/src/beta/features/PluginPlayground/Plugins/presets/data/messengerBetweenExtensions.ts (3)</summary>

`6-8`: **YAML file identifiers consistently renamed**

The renaming from "extension-to-extension-messenger" to "messenger-between-extensions" in the YAML file identifiers improves clarity and aligns with the PR objective to use more descriptive naming.

---

`231-238`: **Extension file identifiers consistently renamed**

Both extension file identifiers have been appropriately updated to match the new naming convention, maintaining consistency throughout the plugin.

---

`243-245`: <details>
<summary>❓ Verification inconclusive</summary>

**Exported constant renamed for better clarity**

The exported constant has been renamed from `extensionExtensionMessenger` to `messengerBetweenExtensions`, which is more descriptive of its purpose and consistent with the new naming pattern throughout the codebase.


---

🏁 Script executed:

```shell
#!/bin/bash
# Verify that all imports of the old constant name have been updated 
# to use the new name throughout the codebase

echo "Checking for any remaining references to the old constant name..."
rg "extensionExtensionMessenger" --type ts
```

Length of output: 183

---



</details>

**Renamed constant applied consistently—please verify manually**

The constant has been successfully renamed from `extensionExtensionMessenger` to `messengerBetweenExtensions` in  
`web/src/beta/features/PluginPlayground/Plugins/presets/data/messengerBetweenExtensions.ts` (lines 243-245). The grep check did not return any lingering references to the old name, suggesting the renaming is complete. Please manually verify that the integration and runtime behavior remain unaffected.

- **File affected:** `web/src/beta/features/PluginPlayground/Plugins/presets/data/messengerBetweenExtensions.ts`
- **Change:** Renamed constant to better reflect its purpose and align with the current naming pattern.
- **Next step:** Manual verification is encouraged to ensure no indirect dependencies or side-effects remain.

</details>

</blockquote></details>

</details>

<!-- This is an auto-generated comment by CodeRabbit for review status -->
state: COMMENTED
author_association: CONTRIBUTOR
submitted_at: 2025-03-17T05:00:09Z
user: login: airslice
state: APPROVED
author_association: CONTRIBUTOR
submitted_at: 2025-03-17T05:12:04Z

Review comments:
diff_hunk: @@ -2,16 +2,16 @@ import { FileType, PluginType } from "../../constants";
 import { PRESET_PLUGIN_COMMON_STYLE } from "../common";
 
 const yamlFile: FileType = {
-  id: "ui-extension-messenger-reearth-yml",
+  id: "messenger-between-extension-and-visualizer-reearth-yml",
   title: "reearth.yml",
-  sourceCode: `id: ui-extension-messenger-plugin
-name: UI Extension Messenger
+  sourceCode: `id: messenger-between-extension-and-visualizer-plugin
+name: Messenger between Extension and Visualizer
 version: 1.0.0
 extensions:
-  - id: ui-extension-messenger
+  - id: messenger-between-extension-and-visualizer
     type: widget
-    name: UI Extension Messenger Widget
-    description: UI Extension Messenger Widget
+    name: Messenger between Extension and Visualizer Widget
+    description: Messenger between Extension and Visualizer Widget
path: web/src/beta/features/PluginPlayground/Plugins/presets/data/uiExtensionMessenger.ts
user: login: coderabbitai[bot]
body: _⚠️ Potential issue_

**Inconsistent renaming in plugin configuration**

While you've updated the main plugin identifiers, there are still inconsistencies in the file:
1. The widget file ID (line 26) still uses "ui-extension-messenger-widget"
2. The exported constant (line 161) still uses id: "ui-extension-messenger"

These should be updated to maintain consistency with the new naming scheme.

Apply these changes to ensure consistency:

```diff
// Line 26
-  id: "ui-extension-messenger-widget",
+  id: "messenger-between-extension-and-visualizer-widget",
// Line 27 (optional but recommended for consistency)
-  title: "ui-extension-messenger.js",
+  title: "messenger-between-extension-and-visualizer.js",
// Line 161
-  id: "ui-extension-messenger",
+  id: "messenger-between-extension-and-visualizer",
```


<!-- suggestion_start -->

<details>
<summary>📝 Committable suggestion</summary>

> ‼️ **IMPORTANT**
> Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

`````suggestion
// ... previous lines remain unchanged

// Widget configuration section (around line 26-27)
  id: "messenger-between-extension-and-visualizer-widget",
  title: "messenger-between-extension-and-visualizer.js",
  // ... any other settings for the widget

// ... additional code in between

// Exported plugin configuration (around line 161)
export const pluginConfig = {
  // ... other configuration properties
  id: "messenger-between-extension-and-visualizer",
  // ... remaining properties
};

// ... rest of the file remains unchanged
`````

</details>

<!-- suggestion_end -->

<!-- This is an auto-generated reply by CodeRabbit -->

✅ Addressed in commit 085aabd
created_at: 2025-03-16T03:22:33Z
author_association: CONTRIBUTOR
diff_hunk: @@ -2,16 +2,16 @@ import { FileType, PluginType } from "../../constants";
 import { PRESET_PLUGIN_COMMON_STYLE } from "../common";
 
 const yamlFile: FileType = {
-  id: "ui-extension-messenger-reearth-yml",
+  id: "messenger-between-extension-and-visualizer-reearth-yml",
   title: "reearth.yml",
-  sourceCode: `id: ui-extension-messenger-plugin
-name: UI Extension Messenger
+  sourceCode: `id: messenger-between-extension-and-visualizer-plugin
+name: Messenger between Extension and Visualizer
 version: 1.0.0
 extensions:
-  - id: ui-extension-messenger
+  - id: messenger-between-extension-and-visualizer
     type: widget
-    name: UI Extension Messenger Widget
-    description: UI Extension Messenger Widget
+    name: Messenger between Extension and Visualizer Widget
+    description: Messenger between Extension and Visualizer Widget
path: web/src/beta/features/PluginPlayground/Plugins/presets/data/uiExtensionMessenger.ts
user: login: mulengawilfred
body: done
created_at: 2025-03-16T03:29:37Z
author_association: CONTRIBUTOR
diff_hunk: @@ -2,16 +2,16 @@ import { FileType, PluginType } from "../../constants";
 import { PRESET_PLUGIN_COMMON_STYLE } from "../common";
 
 const yamlFile: FileType = {
-  id: "ui-extension-messenger-reearth-yml",
+  id: "messenger-between-extension-and-visualizer-reearth-yml",
   title: "reearth.yml",
-  sourceCode: `id: ui-extension-messenger-plugin
-name: UI Extension Messenger
+  sourceCode: `id: messenger-between-extension-and-visualizer-plugin
+name: Messenger between Extension and Visualizer
 version: 1.0.0
 extensions:
-  - id: ui-extension-messenger
+  - id: messenger-between-extension-and-visualizer
     type: widget
-    name: UI Extension Messenger Widget
-    description: UI Extension Messenger Widget
+    name: Messenger between Extension and Visualizer Widget
+    description: Messenger between Extension and Visualizer Widget
path: web/src/beta/features/PluginPlayground/Plugins/presets/data/uiExtensionMessenger.ts
user: login: coderabbitai[bot]
body: @mulengawilfred Thank you for confirming the changes! The consistent naming will make the codebase more maintainable and easier to understand.

--- <!-- This is an auto-generated comment: tweet message by coderabbit.ai --> If you found this review helpful, would you consider giving us a shout-out on [X](https://twitter.com/intent/tweet?related=CodeRabbitAI &text =Great%20advice%20from%20%40coderabbitai!%20%F0%9F%9A%80%20Ensuring%20consistent%20naming%20in%20plugin%20configurations%20is%20crucial%20for%20maintainability.%20Let's%20keep%20our%20code%20clean%20and%20clear!%20%F0%9F%92%A1 &url =https%3A%2F%2Fgithub.com%2Freearth%2Freearth-visualizer%2Fpull%2F1504%23discussion_r1997471149)?
							Thank you for using CodeRabbit! <!-- end of auto-generated comment: tweet message by coderabbit.ai -->



<!-- <agentComponentType>chat-answer</agentComponentType> -->

<!-- <rawResChunk><answer>@mulengawilfred Thank you for confirming the changes! The consistent naming will make the codebase more maintainable and easier to understand.

---

&lt;!-- This is an auto-generated comment: tweet message by coderabbit.ai --&gt;

If you found this review helpful, would you consider giving us a shout-out on [X](https://twitter.com/intent/tweet?related=CodeRabbitAI&text=Great%20advice%20from%20%40coderabbitai!%20%F0%9F%9A%80%20Ensuring%20consistent%20naming%20in%20plugin%20configurations%20is%20crucial%20for%20maintainability.%20Let's%20keep%20our%20code%20clean%20and%20clear!%20%F0%9F%92%A1&url=https%3A%2F%2Fgithub.com%2Freearth%2Freearth-visualizer%2Fpull%2F1504%23discussion_r1997471149)?
							Thank you for using CodeRabbit!

&lt;!-- end of auto-generated comment: tweet message by coderabbit.ai --&gt;</answer></rawResChunk> -->

<!-- This is an auto-generated reply by CodeRabbit -->
created_at: 2025-03-16T03:29:58Z
author_association: CONTRIBUTOR
path: web/src/beta/features/PluginPlayground/Plugins/presets/viewer/enableShadowStyle.ts
user: login: ShogoHirasawa
body: Thank you for your contribution! I have one idea of UI.
Looking at other examples, the plugin UI features rounded corners, while this plugin has square corners. I think it might be better to standardize the design to one style. What do you think?
created_at: 2025-03-17T01:18:22Z
author_association: CONTRIBUTOR
path: web/src/beta/features/PluginPlayground/Plugins/presets/viewer/enableTerrain.ts
user: login: ShogoHirasawa
body: Same as above.
Looking at other examples, the plugin UI features rounded corners, while this plugin has square corners. I think it might be better to standardize the design to one style. What do you think?
created_at: 2025-03-17T01:18:46Z
author_association: CONTRIBUTOR
diff_hunk: @@ -343,7 +343,7 @@ Sidebar: サイドバー
 Header: ヘッダー
 Popup: ポップアップ
 Modal Window: モーダルウィンドウ
-UI Extension Messenger: エクステンションとコアとの通信
+Messenger between Extension and Visualizer: エクステンションとコアとの通信
path: web/src/services/i18n/translations/ja.yml
user: login: ShogoHirasawa
body: I think below Japanese is more natural and suitable.
```
Messenger between Extension and Visualizer: エクステンションとVisualizerとの通信
```
created_at: 2025-03-17T01:20:25Z
author_association: CONTRIBUTOR
path: web/src/beta/features/PluginPlayground/Plugins/presets/viewer/enableShadowStyle.ts
user: login: mulengawilfred
body: Thanks. Unifying the design across plugins is correctly in progress in another task. So okay to have this one as is.
created_at: 2025-03-17T01:47:27Z
author_association: CONTRIBUTOR
path: web/src/beta/features/PluginPlayground/Plugins/presets/viewer/enableTerrain.ts
user: login: mulengawilfred
body: Thanks. Unifying the design across plugins is correctly in progress in another task. So okay to have this one as is.
created_at: 2025-03-17T01:47:48Z
author_association: CONTRIBUTOR
diff_hunk: @@ -343,7 +343,7 @@ Sidebar: サイドバー
 Header: ヘッダー
 Popup: ポップアップ
 Modal Window: モーダルウィンドウ
-UI Extension Messenger: エクステンションとコアとの通信
+Messenger between Extension and Visualizer: エクステンションとコアとの通信
path: web/src/services/i18n/translations/ja.yml
user: login: mulengawilfred
body: Thanks for confirming this translation. I have updated it. 
created_at: 2025-03-17T01:50:27Z
author_association: CONTRIBUTOR

PR comments:
user: login: coderabbitai[bot]
created_at: 2025-03-16T03:17:45Z
body: <!-- This is an auto-generated comment: summarize by coderabbit.ai -->
<!-- walkthrough_start -->

## Walkthrough
This pull request standardizes plugin identifiers and names and updates related translations. It refactors the UI messenger plugin by renaming its identifiers and corresponding keys in title mappings and translation files. Additionally, a deprecated plugin is removed from the preset list. The user interface for toggling shadow and terrain functionality is updated by replacing button controls with toggle switches, accompanied by revised event handling and error logging. Minor adjustments include adding a documentation comment for mouse events and correcting a button label typo.

## Changes

| File(s) | Change Summary |
|---------|----------------|
| `web/src/.../presets/data/uiExtensionMessenger.ts`, `web/src/.../presets/useTitles.ts`, `web/src/services/i18n/translations/en.yml`, `web/src/services/i18n/translations/ja.yml` | Updated plugin identifiers and names from “UI Extension Messenger” to “Messenger between Extension and Visualizer” across configuration, title mapping, and translations. |
| `web/src/.../presets/index.ts` | Removed the `showLabel` plugin import and its usage from the `presetPlugins` array in the `viewerScene` category. |
| `web/src/.../presets/viewer/enableShadowStyle.ts`, `web/src/.../presets/viewer/enableTerrain.ts` | Replaced button-based UIs with toggle switch interfaces; updated event listeners, status text updates, and added error handling for toggling shadow and terrain features. |
| `web/src/.../presets/viewer/mouseEvent.ts`, `web/src/.../presets/viewer/takeScreenshot.ts` | Added a documentation comment with a link for mouse events; corrected a typo in the screenshot button label. |
| `web/src/.../presets/data/messengerBetweenExtensions.ts` | Renamed identifiers related to messaging between extensions, updating the `id` and `sourceCode` fields accordingly. |

## Sequence Diagram(s)
```mermaid
sequenceDiagram
    participant User
    participant Toggle
    participant Plugin
    participant Parent
    User->>Toggle: Toggle switch changed
    Toggle->>Plugin: Emit change event
    Plugin->>Plugin: Update status display ("ON"/"OFF")
    Plugin->>Parent: Send message to update shadow/terrain state
    Parent-->>Plugin: Acknowledge change
```

## Possibly related PRs
- **reearth/reearth-visualizer#1463:** The changes in the main PR are related to the updates in the `messengerBetweenExtensions` identifiers, which are directly connected to the modifications in the `uiExtensionMessenger` identifiers in the retrieved PR.
- **reearth/reearth-visualizer#1349:** The changes in the main PR are related to the modifications of the `uiExtensionMessenger` identifiers, which are directly connected to the new `uiExtensionMessenger` introduced in the retrieved PR.
- **reearth/reearth-visualizer#1367:** The changes in the main PR are related to the modifications in the retrieved PR as both involve renaming identifiers and updating the messaging functionality between extensions, specifically focusing on the `uiExtensionMessenger` and `extensionExtensionMessenger` plugins.

## Suggested reviewers
- mkumbobeaty
- OpeDada
- airslice
- ZTongci

## Poem
> I'm a coding bunny on a digital spree,  
> Hopping through toggles and renames with glee,  
> Changing labels and streams with a clever hop,  
> Sending messages neatly—never a flop,  
> With carrots of code and joyful delight,  
> I celebrate these changes from morning till night 🐰!

<!-- walkthrough_end -->

<!-- announcements_start -->

> [!TIP]
> <details>
> <summary>⚡🧪 Multi-step agentic review comment chat (experimental)</summary>
> 
> - We're introducing multi-step agentic chat in review comments. This experimental feature enhances review discussions with the CodeRabbit agentic chat by enabling advanced interactions, including the ability to create pull requests directly from comments.
> 						- To enable this feature, set early_access to true under in the settings.
> 
> </details>

<!-- announcements_end -->
<!-- internal state start -->


<!-- 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 -->

<!-- internal state end -->
<!-- finishing_touch_checkbox_start -->

<details>
<summary>✨ Finishing Touches</summary>

- [ ] <!-- {"checkboxId": "7962f53c-55bc-4827-bfbf-6a18da830691"} --> 📝 Generate Docstrings

</details>

<!-- finishing_touch_checkbox_end -->
<!-- tips_start -->

---



<details>
<summary>🪧 Tips</summary>

### Chat

There are 3 ways to chat with [CodeRabbit](https://coderabbit.ai?utm_source=oss&utm_medium=github&utm_campaign=reearth/reearth-visualizer&utm_content=1504):

- Review comments: Directly reply to a review comment made by CodeRabbit. Example:
  - `I pushed a fix in commit <commit_id>, please review it.`
  - `Generate unit testing code for this file.`
  - `Open a follow-up GitHub issue for this discussion.`
- Files and specific lines of code (under the "Files changed" tab): Tag `@coderabbitai` in a new review comment at the desired location with your query. Examples:
  - `@coderabbitai generate unit testing code for this file.`
  -	`@coderabbitai modularize this function.`
- PR comments: Tag `@coderabbitai` in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
  - `@coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.`
  - `@coderabbitai read src/utils.ts and generate unit testing code.`
  - `@coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.`
  - `@coderabbitai help me debug CodeRabbit configuration file.`

Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments.

### CodeRabbit Commands (Invoked using PR comments)

- `@coderabbitai pause` to pause the reviews on a PR.
- `@coderabbitai resume` to resume the paused reviews.
- `@coderabbitai review` to trigger an incremental review. This is useful when automatic reviews are disabled for the repository.
- `@coderabbitai full review` to do a full review from scratch and review all the files again.
- `@coderabbitai summary` to regenerate the summary of the PR.
- `@coderabbitai generate docstrings` to [generate docstrings](https://docs.coderabbit.ai/finishing-touches/docstrings) for this PR.
- `@coderabbitai resolve` resolve all the CodeRabbit review comments.
- `@coderabbitai configuration` to show the current CodeRabbit configuration for the repository.
- `@coderabbitai help` to get help.

### Other keywords and placeholders

- Add `@coderabbitai ignore` anywhere in the PR description to prevent this PR from being reviewed.
- Add `@coderabbitai summary` to generate the high-level summary at a specific location in the PR description.
- Add `@coderabbitai` anywhere in the PR title to generate the title automatically.

### Documentation and Community

- Visit our [Documentation](https://docs.coderabbit.ai) for detailed information on how to use CodeRabbit.
- Join our [Discord Community](http://discord.gg/coderabbit) to get help, request features, and share feedback.
- Follow us on [X/Twitter](https://twitter.com/coderabbitai) for updates and announcements.

</details>

<!-- tips_end -->
author_association: CONTRIBUTOR
user: login: netlify[bot]
created_at: 2025-03-16T03:18:13Z
body: ### <span aria-hidden="true">✅</span> Deploy Preview for *reearth-web* ready!


|  Name | Link |
|:-:|------------------------|
|<span aria-hidden="true">🔨</span> Latest commit | 700a62568000c7825674198e89a6b67d63cad238 |
|<span aria-hidden="true">🔍</span> Latest deploy log | https://app.netlify.com/sites/reearth-web/deploys/67d7abbd5a0c28000829ceda |
|<span aria-hidden="true">😎</span> Deploy Preview | [https://deploy-preview-1504--reearth-web.netlify.app](https://deploy-preview-1504--reearth-web.netlify.app) |
|<span aria-hidden="true">📱</span> Preview on mobile | <details><summary> Toggle QR Code... </summary><br /><br />![QR Code](https://app.netlify.com/qr-code/eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1cmwiOiJodHRwczovL2RlcGxveS1wcmV2aWV3LTE1MDQtLXJlZWFydGgtd2ViLm5ldGxpZnkuYXBwIn0.Xt4-WAHP0jYMd2plSgoqYdLRBcNlLFoz06teBp0O5Nk)<br /><br />_Use your smartphone camera to open QR code link._</details> |
---
<!-- [reearth-web Preview](https://deploy-preview-1504--reearth-web.netlify.app) -->
_To edit notification comments on pull requests, go to your [Netlify site configuration](https://app.netlify.com/sites/reearth-web/configuration/notifications#deploy-webhooks)._
author_association: NONE