Use addon names in URLs

gdavid04 · Mar 14, 2024 · 77087e0 · 77087e0
1 parent 1f230ed
commit 77087e0
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git a/src/main.mjs b/src/main.mjs
@@ -69,16 +69,20 @@ sourceURL.addEventListener('keydown', e => {
 	}
 });
 
-export async function addPieceSource(url, builtin = false, urlArg = false) {
-	if (addonSources[url]) url = addonSources[url];
+export async function addPieceSource(urlOrName, builtin = false, urlArg = false) {
+	let url = addonSources[urlOrName] || urlOrName;
 	let pieces = await loadPieceDesc(url);
 	if (pieceSources[pieces.namespace]) removePieceSource(pieces.namespace, true, urlArg);
 	let item = sourceList.div('source-item', 'horizontal', 'vcenter-items', ...builtin ? ['builtin'] : []);
 	item.dataset.tooltip = `Repo: ${pieces.repo}\nBranch: ${pieces.branch}`;
 	if (builtin) item.dataset.tooltip += '\nBuilt-in';
+	else if (!addonSources[urlOrName]) {
+		item.classList.add('external');
+		item.dataset.tooltip += '\nImported';
+	}
 	let name = item.div('source-name');
 	name.textContent = pieces.namespace;
-	if (!builtin) {
+	if (!builtin && !addonSources[urlOrName]) {
 		let link = item.div('source-link');
 		link.textContent = url;
 	}
@@ -93,7 +97,7 @@ export async function addPieceSource(url, builtin = false, urlArg = false) {
 		remove.dataset.tooltip = builtinSources[pieces.namespace] ? 'Restore built-in' : 'Remove';
 		remove.i('fa-solid', builtinSources[pieces.namespace] ? 'fa-undo' : 'fa-minus');
 		remove.addEventListener('click', () => removePieceSource(pieces.namespace));
-		if (!urlArg) addAddonArg(url);
+		if (!urlArg) addAddonArg(urlOrName);
 	}
 	pieceSources[pieces.namespace] = {
 		item: item,

diff --git a/src/theme.css b/src/theme.css
@@ -39,6 +39,7 @@ textarea::-webkit-resizer { background: var(--color-fg); }
 .source-item:hover { background: var(--color-catalog-hover); }
 
 .source-item.builtin .source-name { color: rgb(255, 255, 128); }
+.source-item.external .source-name { color: rgb(255, 200	, 128); }
 .source-link { color: rgb(200, 200, 255); }
 .source-count { color: rgb(200, 255, 200); }
 .source-count::before, .source-count::after { color: rgb(128, 200, 128); }