Shorten all extension names automatically (#153)

Author: fregante

eslint.config.js

@@ -4,6 +4,7 @@ export default antfu({
 	svelte: true,
 	stylistic: {
 		indent: 'tab',
+		semi: 'always',
 	},
 	languageOptions: {
 		globals: {
@@ -13,9 +14,7 @@ export default antfu({
 	rules: {
 		'no-self-assign': 'off',
 		'no-console': 'off',
-		'import/order': 'off',
 		'jsonc/object-curly-spacing': 'off',
-		'style/semi': ['error', 'always'],
 		'svelte/html-quotes': [
 			'error',
 			{

package-lock.json

@@ -17,6 +17,8 @@
 	const chromeWebStoreUrl = `https://chrome.google.com/webstore/detail/${id}`;
 	const edgeWebStoreUrl = `https://microsoftedge.microsoft.com/addons/detail/${id}`;
 	const url = generateHomeURL();
+	// The browser will still fill the "short name" with "name" if missing
+	const realName = trimName(shortName ?? name);
 
 	function generateHomeURL() {
 		if (installType !== 'normal') {
@@ -28,6 +30,16 @@
 			: chromeWebStoreUrl;
 	}
 
+	// https://github.com/hankxdev/one-click-extensions-manager/issues/152
+	function trimName(name) {
+		return name
+			.replace(/[-:—|].+$/, '')
+			.replace(
+				/(extension|chrome extension|browser extension|for chrome|for google chrome)$/i,
+				'',
+			);
+	}
+
 	function toggleExtension() {
 		const wasEnabled = enabled;
 
@@ -65,7 +77,7 @@
 		on:click={toggleExtension}
 		on:contextmenu
 	>
-		<img alt="" src={getIcon(icons, 16)} />{shortName ?? name}
+		<img alt="" src={getIcon(icons, 16)} />{realName}
 	</button>
 	{#if optionsUrl && enabled}
 		<a href={optionsUrl} title={getI18N('gotoOpt')} on:click={openInTab}>