[Update/bugfix]

Fix handling flag 'is_latest_version_already' that was overrode unexpectedly.
Add some patterns to plugin list. it shows update-able if the user update vrct.
Add auto update function if the plugin is enabled.
Add safety that turn to disable the plugin if it's not supported with current vrct version.

src-ui/app/_app_controllers/PluginsController.jsx

@@ -15,6 +15,7 @@ export const PluginsController = ({ fetchPluginsHasRunRef }) => {
         updatePluginsData,
         currentSavedPluginsStatus,
         updateIsPluginsInitialized,
+        downloadAndExtractPlugin,
     } = usePlugins();
 
     useEffect(() => {
@@ -36,19 +37,19 @@ export const PluginsController = ({ fetchPluginsHasRunRef }) => {
                                 const is_latest_version_available = !(target_downloaded_plugin.plugin_version === info.plugin_version);
 
                                 new_plugin_info = {
-                                    is_downloaded: true,
-                                    is_latest_version_already: (target_downloaded_plugin.downloaded_plugin_info?.plugin_version === info.plugin_version),
-                                    is_latest_version_available: is_latest_version_available,
-                                    latest_plugin_info: { ...info },
                                     ...target_downloaded_plugin,
+                                    is_downloaded: true,
+                                    latest_plugin_info: { ...info },
+                                    is_latest_version_available: is_latest_version_available,
+                                    is_latest_version_already: (target_downloaded_plugin.downloaded_plugin_info?.plugin_version === info.plugin_version),
                                 };
                             } else { // infoにもあり登録済みだがダウンロードされていない
                                 new_plugin_info = {
+                                    ...target_downloaded_plugin,
                                     is_downloaded: false,
                                     is_latest_version_already: false,
                                     is_latest_version_available: info.is_latest_version_available,
                                     latest_plugin_info: { ...info },
-                                    ...target_downloaded_plugin,
                                 }
                             }
                         } else { // 未ダウンロード
@@ -75,8 +76,29 @@ export const PluginsController = ({ fetchPluginsHasRunRef }) => {
                             plugin.is_latest_version_available = (plugin.latest_plugin_info.is_plugin_supported);
                         }
                     });
+
+                    // ダウンロード済みで最新版じゃない場合、自動的にアップデート
+                    // is_latest_version_supported: true のみ。
+                    // 失敗した場合、現在のバージョンが非対応の場合はdisabledにする。
+                    new_data.forEach(async plugin =>  {
+                        if (plugin.is_enabled) {
+                            if (!plugin.is_latest_version_already && plugin.is_latest_version_available) {
+                                await downloadAndExtractPlugin(plugin);
+                            }
+                        }
+                    });
+
+                    new_data.forEach(async plugin =>  {
+                        if (plugin.is_enabled) {
+                            if (!plugin.downloaded_plugin_info?.is_plugin_supported) {
+                                plugin.is_enabled = false
+                            }
+                        }
+                    });
+
                     return new_data;
                 });
+
             } catch (error) {
                 console.error(error);
             }

src-ui/app/config_page/setting_section/setting_box/_components/plugins_control_component/PluginsControlComponent.jsx

@@ -52,7 +52,14 @@ const DownloadedPluginControl = ({
 
     const latest_version = plugin_status.latest_plugin_info?.plugin_version;
 
-    if (plugin_status.is_latest_version_already) {
+
+    if (!plugin_status.downloaded_plugin_info.is_plugin_supported) {
+        return (
+            <div className={styles.container}>
+                <p>現在利用不可 使用中VRCTバージョンとの互換性なし</p>
+            </div>
+        );
+    } else if (plugin_status.is_latest_version_already) {
         return (
             <div className={styles.container}>
                 <p>最新のバージョン: {latest_version}</p>
@@ -72,7 +79,7 @@ const DownloadedPluginControl = ({
     } else {
         return (
             <div className={styles.container}>
-                <p>最新のバージョン: {latest_version}</p>
+                <p>最新版は現在利用不可</p>
                 <SwitchBox variable={option} toggleFunction={togglePlugin} />
             </div>
         );
@@ -90,6 +97,13 @@ const NotDownloadedPluginControl = ({ option, plugin_status, downloadStartFuncti
                 <_DownloadButton option={option} downloadStartFunction={downloadStartFunction} />
             </div>
         );
+    } else if (plugin_status.latest_plugin_info?.is_plugin_supported_latest_vrct) {
+        return (
+            <div className={styles.container}>
+                <p>最新のバージョン: {latest_version}</p>
+                <p>VRCT最新版で利用可能</p>
+            </div>
+        );
     } else {
         return (
             <div className={styles.container}>