feat: plugin enable/disable functionality and update translations

UnschooledGamer · UnschooledGamer · commit 013d75a68e2a · 2025-06-24T21:24:02.000+05:30
- Introduced new plugin management features allowing users to enable or disable plugins.
- Updated language files for Arabic, German, English, French, Hebrew, and Indonesian to include strings related to plugin status and actions.
- Enhanced the UI to reflect the enabled/disabled state of plugins with appropriate styling and toggle switches.

This update improves user experience by providing clearer control over plugin functionality.
diff --git a/src/lang/ar-ye.json b/src/lang/ar-ye.json
@@ -403,5 +403,9 @@
 	"quicktools:hash": "Insert Hash symbol",
 	"quicktools:dollar": "Insert dollar symbol",
 	"quicktools:modulo": "Insert modulo/percent symbol",
-	"quicktools:caret": "Insert caret symbol"
+	"quicktools:caret": "Insert caret symbol",
+	"plugin_enabled": "تم تفعيل الإضافة",
+	"plugin_disabled": "تم تعطيل الإضافة",
+	"enable_plugin": "تفعيل هذه الإضافة",
+	"disable_plugin": "تعطيل هذه الإضافة"
 }
diff --git a/src/lang/de-de.json b/src/lang/de-de.json
@@ -403,5 +403,9 @@
 	"quicktools:hash": "Insert Hash symbol",
 	"quicktools:dollar": "Insert dollar symbol",
 	"quicktools:modulo": "Insert modulo/percent symbol",
-	"quicktools:caret": "Insert caret symbol"
+	"quicktools:caret": "Insert caret symbol",
+	"plugin_enabled": "Plugin aktiviert",
+	"plugin_disabled": "Plugin deaktiviert",
+	"enable_plugin": "Plugin aktivieren",
+	"disable_plugin": "Plugin deaktivieren"
 }
diff --git a/src/lang/en-us.json b/src/lang/en-us.json
@@ -404,5 +404,9 @@
 	"quicktools:hash": "Insert Hash symbol",
 	"quicktools:dollar": "Insert dollar symbol",
 	"quicktools:modulo": "Insert modulo/percent symbol",
-	"quicktools:caret": "Insert caret symbol"
+	"quicktools:caret": "Insert caret symbol",
+	"plugin_enabled": "Plugin enabled",
+	"plugin_disabled": "Plugin disabled",
+	"enable_plugin": "Enable this Plugin",
+	"disable_plugin": "Disable this Plugin"
 }
diff --git a/src/lang/fr-fr.json b/src/lang/fr-fr.json
@@ -403,5 +403,9 @@
 	"quicktools:hash": "Insert Hash symbol",
 	"quicktools:dollar": "Insert dollar symbol",
 	"quicktools:modulo": "Insert modulo/percent symbol",
-	"quicktools:caret": "Insert caret symbol"
+	"quicktools:caret": "Insert caret symbol",
+	"plugin_enabled": "Plugin activé",
+	"plugin_disabled": "Plugin désactivé",
+	"enable_plugin": "Activer ce plugin",
+	"disable_plugin": "Désactiver ce plugin"
 }
diff --git a/src/lang/he-il.json b/src/lang/he-il.json
@@ -404,5 +404,9 @@
 	"quicktools:hash": "הוסף סמל גיבוב",
 	"quicktools:dollar": "הוסף סימן דולר",
 	"quicktools:modulo": "Insert modulo/percent symbol",
-	"quicktools:caret": "Insert caret symbol"
+	"quicktools:caret": "Insert caret symbol",
+	"plugin_enabled": "הפלאגין הופעל",
+	"plugin_disabled": "הפלאגין הושבת",
+	"enable_plugin": "הפעל תוסף זה",
+	"disable_plugin": "השבת תוסף זה"
 }
diff --git a/src/lang/id-id.json b/src/lang/id-id.json
@@ -404,5 +404,9 @@
 	"quicktools:hash": "Masukkan tanda pagar",
 	"quicktools:dollar": "Masukkan simbol dolar",
 	"quicktools:modulo": "Masukkan simbol modulus/persen",
-	"quicktools:caret": "Masukkan tanda sisipan"
+	"quicktools:caret": "Masukkan tanda sisipan",
+	"plugin_enabled": "Plugin diaktifkan",
+	"plugin_disabled": "Plugin dinonaktifkan",
+	"enable_plugin": "Aktifkan Plugin ini",
+	"disable_plugin": "Nonaktifkan Plugin ini"
 }
diff --git a/src/lib/loadPlugins.js b/src/lib/loadPlugins.js
@@ -36,6 +36,7 @@ export default async function loadPlugins(loadOnlyTheme = false) {
 
 	let pluginsToLoad = [];
 	const currentTheme = settings.value.appTheme;
+	const enabledMap = settings.value.pluginsDisabled || {};
 
 	if (loadOnlyTheme) {
 		// Only load theme plugins matching current theme
@@ -44,10 +45,10 @@ export default async function loadPlugins(loadOnlyTheme = false) {
 			return isThemePlugin(pluginId) && !loadedPlugins.has(pluginId);
 		});
 	} else {
-		// Load non-theme plugins that aren't loaded yet
+		// Load non-theme plugins that aren't loaded yet and are enabled
 		pluginsToLoad = plugins.filter((pluginDir) => {
 			const pluginId = Url.basename(pluginDir.url);
-			return !isThemePlugin(pluginId) && !loadedPlugins.has(pluginId);
+			return !isThemePlugin(pluginId) && !loadedPlugins.has(pluginId) && enabledMap[pluginId] !== true;
 		});
 	}
 
diff --git a/src/lib/settings.js b/src/lib/settings.js
@@ -175,6 +175,7 @@ class Settings {
 			showRetryToast: false,
 			showSideButtons: true,
 			showAnnotations: false,
+			pluginsDisabled: {}, // pluginId: true/false
 		};
 		this.value = structuredClone(this.#defaultSettings);
 	}
@@ -223,6 +224,9 @@ class Settings {
 				themes.update(new ThemeBuilder("Custom").toJSON());
 			}
 
+			// Ensure pluginsDisabled exists
+			if (!this.value.pluginsDisabled) this.value.pluginsDisabled = {};
+
 			return;
 		}
 
diff --git a/src/pages/plugins/item.js b/src/pages/plugins/item.js
@@ -9,6 +9,8 @@ import helpers from "utils/helpers";
  * @param {string} [param0.version]
  * @param {number} [param0.downloads]
  * @param {boolean} [param0.installed]
+ * @param {boolean} [param0.enabled]
+ * @param {function} [param0.onToggleEnabled]
  * @returns
  */
 export default function Item({
@@ -22,6 +24,8 @@ export default function Item({
   author_verified,
   downloads,
   installed,
+  enabled,
+  onToggleEnabled,
 }) {
   const authorName = (() => {
     const displayName =
@@ -36,9 +40,11 @@ export default function Item({
   return (
     <div
       data-id={id}
+      data-plugin-enabled={enabled !== false}
       className="list-item"
       data-action="open"
       data-installed={(!!installed).toString()}
+      style={enabled === false ? { opacity: 0.5, filter: 'grayscale(0.7)' } : {}}
     >
       <div className="plugin-header">
         <div className="plugin-icon">
@@ -92,6 +98,49 @@ export default function Item({
           {price !== null && price !== undefined && price !== 0 ? (
             <span className="plugin-price">₹{price}</span>
           ) : null}
+          {/* Enable/Disable Toggle */}
+          {installed && (
+            <span
+              className="plugin-toggle-switch"
+              data-enabled={enabled}
+              // style={{ marginLeft: 12, display: 'flex', alignItems: 'center', gap: 4, cursor: 'pointer',  zIndex: 100 }}
+              onclick={e => {
+                console.log("on-click :: plugin-toggle-switch")
+                e.stopPropagation();
+                onToggleEnabled?.(id, enabled);
+              }}
+            >
+              <span
+                className="plugin-toggle-track"
+                data-enabled={enabled}
+                // style={{
+                //   width: 36,
+                //   height: 20,
+                //   borderRadius: 12,
+                //   background: enabled ? '#4ade80' : '#d1d5db',
+                //   position: 'relative',
+                //   transition: 'background 0.2s',
+                //   display: 'inline-block',
+                // }}
+              >
+                <span
+                  className="plugin-toggle-thumb"
+                  // style={{
+                  //   position: 'absolute',
+                  //   left: enabled ? 18 : 2,
+                  //   top: 2,
+                  //   width: 16,
+                  //   height: 16,
+                  //   borderRadius: '50%',
+                  //   background: '#fff',
+                  //   boxShadow: '0 1px 3px rgba(0,0,0,0.1)',
+                  //   transition: 'left 0.2s',
+                  // }}
+                />
+              </span>
+              <span style={{ fontSize: '0.85em', minWidth: 60, textAlign: 'left' }}>{enabled ? 'Enabled' : 'Disabled'}</span>
+            </span>
+          )}
         </div>
       </div>
     </div>
diff --git a/src/pages/plugins/plugins.js b/src/pages/plugins/plugins.js
@@ -14,6 +14,8 @@ import installPlugin from "lib/installPlugin";
 import prompt from "dialogs/prompt";
 import actionStack from "lib/actionStack";
 import Contextmenu from "components/contextmenu";
+import settings from "lib/settings";
+import loadPlugin from "lib/loadPlugin";
 
 /**
  *
@@ -330,6 +332,7 @@ export default function PluginsInclude(updates) {
   async function getInstalledPlugins(updates) {
     $list.installed.setAttribute("empty-msg", strings["loading..."]);
     plugins.installed = [];
+    const disabledMap = settings.value.pluginsDisabled || {};
     const installed = await fsOperation(PLUGIN_DIR).lsDir();
     await Promise.all(
       installed.map(async (item) => {
@@ -340,8 +343,10 @@ export default function PluginsInclude(updates) {
         const iconUrl = getLocalRes(id, plugin.icon);
         plugin.icon = await helpers.toInternalUri(iconUrl);
         plugin.installed = true;
+        plugin.enabled = disabledMap[id] !== true; // default to true
+        plugin.onToggleEnabled = onToggleEnabled;
         plugins.installed.push(plugin);
-        if ($list.installed.get(`[data-id="${id}"]`)) return;
+        if ($list.installed.get(`[data-id=\"${id}\"]`)) return;
         $list.installed.append(<Item {...plugin} />);
       }),
     );
@@ -412,4 +417,17 @@ export default function PluginsInclude(updates) {
       addSource(sourceType, source);
     }
   }
+
+  async function onToggleEnabled(id, enabled) {
+    const disabledMap = settings.value.pluginsDisabled || {};
+    disabledMap[id] = !enabled;
+    settings.update({ pluginsDisabled: disabledMap }, false);
+    if (enabled) {
+      window.acode.unmountPlugin(id);
+      window.toast(strings["plugin_disabled"] || "Plugin Disabled");
+    } else {
+      await loadPlugin(id);
+      window.toast(strings["plugin_enabled"] || "Plugin enabled");
+    }
+  }
 }
diff --git a/src/pages/plugins/plugins.scss b/src/pages/plugins/plugins.scss
diff --git a/src/sidebarApps/extensions/index.js b/src/sidebarApps/extensions/index.js
diff --git a/src/sidebarApps/extensions/style.scss b/src/sidebarApps/extensions/style.scss

Original file line number	Diff line number	Diff line change
`@@ -175,6 +175,7 @@ class Settings {`
`175`	`175`	`showRetryToast: false,`
`176`	`176`	`showSideButtons: true,`
`177`	`177`	`showAnnotations: false,`
	`178`	`+ pluginsDisabled: {}, // pluginId: true/false`
`178`	`179`	`};`
`179`	`180`	`this.value = structuredClone(this.#defaultSettings);`
`180`	`181`	`}`
`@@ -223,6 +224,9 @@ class Settings {`
`223`	`224`	`themes.update(new ThemeBuilder("Custom").toJSON());`
`224`	`225`	`}`
`225`	`226`
	`227`	`+ // Ensure pluginsDisabled exists`
	`228`	`+ if (!this.value.pluginsDisabled) this.value.pluginsDisabled = {};`
	`229`	`+`
`226`	`230`	`return;`
`227`	`231`	`}`
`228`	`232`